Wybieranie konfiguracji mobilnej

Zadbaj o to, by Twoja witryna pojawiała się w wynikach wyszukiwania. W tym artykule znajdziesz informacje na temat konfiguracji witryny w sposób umożliwiający korzystanie z niej na różnych urządzeniach oraz odczytywanie jej przez przeglądarki.

Trzy sposoby przygotowania witryny mobilnej

Dostępne są trzy główne techniki umożliwiające przygotowanie witryny w taki sposób, by wyświetlała się poprawnie na rozmaitych urządzeniach wyposażonych w ekrany o różnej wielkości. Te trzy konfiguracje porównaliśmy w tabeli:

Konfiguracja Czy mój adres URL pozostanie taki sam? Czy mój kod HTML pozostanie taki sam?
Elastyczne projektowanie witryn Tak Tak
Dynamiczne wyświetlanie treści Tak Nie
Osobne adresy URL Nie Nie
  1. Elastyczne projektowanie witryn: wyświetla ten sam kod HTML dla tego samego adresu URL bez względu na urządzenie użytkownika (komputer, tablet, telefon komórkowy, przeglądarka niewizualna), ale pozwala renderować obraz w różny sposób (czyli „elastycznie”) w zależności od rozmiaru wyświetlacza. Google zaleca elastyczne projektowanie witryn, ponieważ ten wzorzec projektowy jest najłatwiejszy w implementacji i obsłudze.

  2. Dynamiczne wyświetlanie treści: korzysta z tego samego adresu URL bez względu na urządzenie, ale generuje dla urządzeń różne wersje kodu HTML na podstawie dostępnych dla serwera informacji o przeglądarce użytkownika.

  3. Osobne adresy URL: wyświetla różny kod w zależności od urządzenia, stosując osobne adresy URL. W ramach tej konfiguracji serwer najpierw próbuje rozpoznać urządzenie użytkownika, a potem przekierowuje go za pomocą odpowiednich przekierowań HTTP i nagłówka HTTP Vary.

Jeśli strony i wszystkie ich zasoby są dostępne dla wszystkich klientów użytkownika Googlebot, nie faworyzujemy żadnego konkretnego formatu adresu URL.

Więcej informacji o wybieraniu konfiguracji witryny mobilnej (w tym o wadach i zaletach poszczególnych opcji) zawiera artykuł na temat tworzenia witryn pod kątem ekranów o różnych wymiarach.

Witryny mobilne – kluczowe zagadnienia

Poniżej znajdziesz informacje na temat różnych konfiguracji, za pomocą których dostosujesz witrynę do urządzeń mobilnych. Jednak bez względu na to, którą z nich wybierzesz, pamiętaj o kilku ważnych zasadach.

  1. Zasygnalizuj Googlebotowi, że strona jest sformatowana pod kątem wyświetlania na urządzeniu mobilnym (lub że istnieje odpowiednik strony sformatowany w ten sposób). Dzięki temu użytkownicy korzystający z wyszukiwarek mobilnych będą uzyskiwać dokładniejsze wyniki wyszukiwania w Google.
  2. Zadbaj o łatwość indeksowania zasobów. Nie używaj pliku robots.txt do blokowania dostępu wyszukiwarek do newralgicznych plików witryny, które pomagają ją renderować (w tym również reklam). Jeśli Googlebot nie ma dostępu do zasobów strony, np. plików CSS, JavaScript lub obrazów, możemy mieć problem z ustaleniem, czy strona działa prawidłowo i wyświetla się w przeglądarce na urządzeniach mobilnych. Oznacza to, że możemy nie wykryć, że strona jest obsługiwana na urządzeniach mobilnych, i może się nam nie udać prawidłowo jej na nich wyświetlać.
  3. Unikaj typowych błędów, które utrudniają korzystanie ze stron użytkownikom urządzeń mobilnych. Nie publikuj np. ważnych filmów na stronie w nieobsługiwanym formacie Flash. Strony mobilne, które nie są łatwe w obsłudze, mogą znaleźć się na niższej pozycji w rankingu lub mogą zostać oznaczone ostrzeżeniem w wynikach wyszukiwania na komórkach. Więcej informacji zawiera sekcja opisująca typowe błędy.

Różnice między urządzeniami

Komórki: stosowane w tym dokumencie pojęcie „komórka” lub „urządzenie mobilne” odnosi się do smartfonów, czyli np. urządzeń z systemem Android, Windows Phone lub iPhone'ów. Przeglądarki stosowane na urządzeniach mobilnych działają podobnie do przeglądarek na komputery. Mogą renderować szeroką gamę treści HTML5, ale mają mniejsze pole wyświetlania i z reguły domyślnie wyświetlają treść w orientacji pionowej.

Tablety: uznajemy je za oddzielną kategorię urządzeń. Zazwyczaj, gdy mówimy o urządzeniach mobilnych, nie mamy na myśli tabletów. Tablety z reguły mają większe wyświetlacze, dlatego ich użytkownicy oczekują, że strona będzie się wyświetlać tak jak na komputerze, a nie na smartfonie (chyba że przygotujesz treść zoptymalizowaną na tablety).

Telefony multimedialne: to telefony obsługujące przeglądarkę renderującą strony w standardzie XHTML, która wykorzystuje znaczniki HTML5 oraz JavaScript/ECMAscript, ale może nie obsługiwać niektórych interfejsów API rozszerzeń w standardzie HTML5. W taką przeglądarkę wyposażona jest większość telefonów z obsługą sieci 3G, które nie są zaliczane do smartfonów.

Telefony z podstawową przeglądarką: przeglądarki na tych telefonach nie mogą renderować witryn w standardowym formacie HTML przeznaczonych na komputery. Do tej grupy zaliczają się przeglądarki renderujące tylko treści w standardzie cHTML (iMode), WML, XHTML-MP itp.