Webmasters

Tworzenie stron zoptymalizowanych pod kątem smartfonów

Wprowadzenie

Rosnąca popularność smartfonów wymaga, by zadbać o wygodę użytkowników tych urządzeń w internecie. Zadanie to staje się powoli jednym z najważniejszych elementów zarządzania witryną internetową. W tym dokumencie znajdziesz zalecenia Google dla webmasterów, którzy chcą zoptymalizować format udostępnianych zasobów pod kątem zarówno użytkowników komputerów, jak i użytkowników smartfonów. Są tu także informacje o typowych błędach, których warto unikać. Ponadto dostępne są strony o witrynach dla tabletów i telefonów z internetem.

Przegląd zaleceń Google

Google obsługuje trzy konfiguracje witryn zoptymalizowanych pod kątem smartfonów:

  • Witryny responsywne: Witryna wyświetla ten sam HTML dla danego adresu URL i za pomocą zapytań o media CSS ustala sposób renderowania zawartości po stronie klienta. Eliminuje to potencjalne błędy w wykrywaniu klienta użytkownika i nie wymaga przekierowań. Google zaleca tę konfigurację.
  • Serwowanie dynamiczne: Witryna wyświetla różny kod HTML dla danego adresu URL w zależności od klienta użytkownika. Aby wskazać tę technikę, użyj nagłówka HTTP Vary.
  • Osobna witryna dla użytkowników urządzeń przenośnych: Przekierowanie użytkowników do różnych adresów URL w zależności od klienta użytkownika. Aby wskazać wyszukiwarkom relacje między adresami URL, użyj dwukierunkowych adnotacji linków.

Niezależnie od wybranej konfiguracji upewnij się, że nie blokujesz dostępu wyszukiwarek do zasobów takich jak JavaScript i CSS. Szczegółowy opis implementacji znajdziesz na tej stronie.

Rodzaje urządzeń przenośnych

  1. Smartfony: Telefony z przeglądarkami, które są w stanie renderować standardowe strony w wersji komputerowej, przynajmniej do pewnego stopnia. Do tej kategorii zaliczają się telefony z najnowszymi przeglądarkami, które potrafią renderować strony w standardzie HTML5, a także różne telefony z systemem Android oraz iPhone'y.
  2. Telefony z internetem: Telefony z przeglądarkami bez możliwości renderowania standardowych stron internetowych w wersji dla komputerów. Kategoria obejmuje przeglądarki z obsługą cHTML (iMode), WML, WAP itp.

Do urządzeń przenośnych nie zaliczamy tabletów; między innymi dlatego, że zwykle mają większe ekrany. Większość użytkowników tabletów, przeszukując sieć, spodziewa się stron zoptymalizowanych pod kątem tabletów bądź komputerów. Oznacza to, że jeżeli nie masz zasobów przeznaczonych specjalnie na tablet, użytkownicy będą woleli wyświetlić wersję komputerową niż smartfonową.

Spis treści

  • Strona Szczegóły zawiera informacje o sposobach implementacji poszczególnych konfiguracji.
  • Strona Typowe błędy zawiera listę usterek, które często da się zaobserwować w witrynach przygotowanych pod kątem smartfonów.
  • Strona Przekierowania i wykrywanie klientów użytkownika zawiera porady, które warto poznać, jeżeli korzystasz z przekierowywania użytkowników na podstawie klienta.
  • Strona JavaScript opisuje różne sposoby wykorzystania JavaScriptu w projektowaniu stron responsywnych.
  • Strona Tablety jest przeznaczona dla webmasterów, którzy zamierzają udostępniać zasoby dla użytkowników tabletów.
  • Strona Telefony z internetem zawiera wskazówki, jak poprawnie obsługiwać wersje witryny dla smartfonów i dla telefonów z internetem.
  • Strona Klienty użytkownika Googlebota zawiera listę klientów użytkownika, których używamy podczas indeksowania witryn przeznaczonych dla komórek.
  • Strona Lista kontrolna ułatwiająca usprawnienie witryny wskazuje możliwości ulepszeń, które możesz wprowadzić w gotowej witrynie dla komórek.

Wymagane uwierzytelnienie

Aby to zrobić, musisz zalogować się do Google+.

Loguję Cię...

Aby to zrobić, Google Developers potrzebuje Twojej zgody.