SEO witryn mobilnych – informacje

Upewnijmy się, że Twoja witryna będzie pojawiać 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.

Wybór konfiguracji witryny mobilnej

Trzy sposoby implementacji 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. Poniższa tabela porównuje te trzy koncepcje:

Konfiguracja Czy mój adres URL pozostanie taki sam? Czy mój kod HTML pozostanie taki sam?
Elastyczne projektowanie witryn Tak Tak
Dynamiczne serwowanie treści Tak Nie
Osobne adresy URL Nie Nie
  1. Elastyczne projektowanie witryn: wyświetla ten sam kod HTML dla danego 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. Zalecamy projektowanie witryn w sposób elastyczny.

  2. Dynamiczne wyświetlanie treści: korzysta z tego samego adresu URL bez względu na urządzenie, ale generuje 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 tej konfiguracji serwer próbuje rozpoznać urządzenie użytkownika, a następnie przekierowuje go za pomocą odpowiednich przekierowań HTTP i przy pomocy nagłówka HTTP Vary.

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

Więcej informacji na temat wyboru konfiguracji witryny mobilnej (w tym wady i zalety każdej opcji) zawiera artykuł Building Websites for the Multi-Screen Consumer.

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. Wskaż 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że mieć problem z ustaleniem, czy strona prawidłowo działa i wyświetla się w przeglądarce na urządzeniu przenośnym. Inaczej mówiąc, możemy nie wykryć, że strona jest dostosowana do komórek, a przez to nie wyświetlać jej prawidłowo użytkownikom takich urządzeń.
  3. Unikaj typowych błędów, które utrudniają korzystanie ze stron użytkownikom urządzeń mobilnych, takich jak zamieszczanie filmów trudnych do odtworzenia (np. gdy kluczowy materiał na stronie to film Flash). Pozycja, jaką zajmują w rankingu strony mobilne, które nie są łatwe w obsłudze, może się obniżyć, lub strony te mogą zostać oznaczone ostrzeżeniem w wynikach wyszukiwania. 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: jest to oddzielna kategoria urządzeń, dlatego nie zaliczamy ich do urządzeń mobilnych. 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 komórce (chyba że przygotujesz zawartość zoptymalizowaną na tablety).

Telefony multimedialne: to telefony obsługujące przeglądarkę renderującą strony w standardzie XHTML, która wykorzystuje znaczniki HTML5 oraz kodowanie, JavaScript/ECMAscript, ale może nie obsługiwać niektórych interfejsów API rozszerzeń w standardzie HTML5. Zwykle jest to przeglądarka zainstalowana w większości obsługujących technologię 3G telefonów, które nie są smartfonami.

Telefony starszej generacji: przeglądarki w 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.

Wyślij opinię na temat...