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: serwuje 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. Zalecamy projektowanie witryn w sposób elastyczny.

  2. Dynamiczne serwowanie treści: korzysta z tego samego adresu URL bez względu na urządzenie, ale generuje dla nich inne wersje kodu HTML na podstawie dostępnych dla serwera informacji o przeglądarce użytkownika.

  3. Osobne adresy URL: serwuje 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 internauci korzystający z wyszukiwarek mobilnych będą uzyskiwać bardziej precyzyjne 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ądzeniu mobilnym. Innymi słowy, możemy nie wykryć, że strona jest przyjazna dla urządzeń mobilnych, a przez to prawidłowo jej serwować 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 stanowi film Flash). Ranking stron mobilnych, które nie są łatwe w obsłudze, może się pogorszyć lub w wynikach wyszukiwania mogą one być oznaczone ostrzeżeniem. 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...