Osobne adresy URL

W tej konfiguracji każdemu adresowi URL na komputery odpowiada inny, równoważny adres URL z treściami zoptymalizowanymi pod kątem urządzeń mobilnych.

Typowy przykład to strona www.example.com wyświetlana użytkownikom komputerów i odpowiadająca jej strona m.example.com wyświetlana użytkownikom komórek. Google nie preferuje żadnego konkretnego formatu adresu. Jedynym wymaganiem jest to, by wszystkie adresy URL były dostępne dla wszystkich klientów użytkownika Googlebota.

Osobne adresy URL witryn mobilnych serwują różny kod komputerom i urządzeniom mobilnym (nawet tabletom) przy użyciu różnych adresów URL.

TL;DR

  • Określ zależność między dwoma adresami URL za pomocą tagu <link> zawierającego element rel="canonical" i rel="alternate".

  • Zidentyfikuj ciągi znaków powiązane z klientami użytkownika i odpowiednio je przekieruj.

Adnotacje przy adresach URL na komputery i komórki

Aby ułatwić naszym algorytmom rozpoznawanie konfiguracji witryny, zalecamy używanie tych adnotacji:

  1. Do strony na komputery dodaj specjalny tag link rel="alternate", który wskazuje odpowiedni adres URL na urządzenia mobilne. To ułatwi Googlebotowi znalezienie stron mobilnych w witrynie.
  2. Do strony mobilnej dodaj tag link rel="canonical", który wskazuje odpowiedni adres URL na komputery.

Adnotacje możesz dodawać na dwa sposoby: w kodzie HTML stron lub w mapie witryny. Na przykład adres URL na komputery to http://example.com/page-1, a odpowiadający mu adres URL na komórki to http://m.example.com/page-1. W tym przypadku adnotacje będą wyglądać tak:

Adnotacje w kodzie HTML

Do strony w wersji komputerowej (http://www.example.com/page-1) dodaj:

<link rel="alternate" media="only screen and (max-width: 640px)"
 href="http://m.example.com/page-1">

Do strony w wersji mobilnej (http://m.example.com/page-1) dodaj:

<link rel="canonical" href="http://www.example.com/page-1">

Umieszczenie pod adresem URL dla urządzeń mobilnych tagu rel="canonical", który wskazuje stronę na komputery, jest wymagane.

Adnotacje w mapach witryn

W przypadku stron w wersji na komputery w mapie witryny możesz umieścić adnotację rel="alternate":

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://www.example.com/page-1/</loc>
<xhtml:link
rel="alternate"
media="only screen and (max-width: 640px)"
href="http://m.example.com/page-1" />
</url>
</urlset>

Tag rel="canonical", który musi być pod adresem URL na urządzenia mobilne, trzeba w tym przypadku również dodać do kodu HTML strony mobilnej.

Szczegóły adnotacji

Tag link dodany do strony w wersji komputerowej ma pewne atrybuty:

  • Atrybut rel="alternate" oznacza, że ten tag zawiera adres URL, pod którym jest inna wersja danej strony na komputery.
  • Wartość atrybutu media to ciąg zapytania o media CSS określający cechy medium, do którego odnosi się alternatywny adres URL. W tym przypadku używamy zapytania o media typowego dla urządzeń mobilnych.
  • Atrybut href wskazuje lokalizację alternatywnego adresu URL, czyli strony w witrynie m.example.com.

Dwukierunkowa adnotacja pomaga Googlebotowi znaleźć treści, a naszym algorytmom – poznać relację między stronami w wersji na komputery i komórki oraz odpowiednio je potraktować. Gdy używasz różnych adresów URL, by udostępniać te same treści w innych formatach, adnotacja informuje algorytmy Google, że strony pod tymi dwoma adresami zawierają równoważne treści i powinny być traktowane jak jedna strona. Jeśli strona w wersji na komputery i strona w wersji mobilnej są traktowane jako oddzielne treści, oba adresy URL mogą wyświetlać się w wynikach wyszukiwania na komputerach, a ranking stron może być niższy, jeśli Google nie rozpoznaje zależności między nimi. Oprócz tego pamiętaj, by nie popełniać typowych błędów występujących w takiej konfiguracji witryny:

  • Stosując znaczniki rel="alternate" i rel="canonical" pamiętaj, by dla każdej strony mobilnej istniał jej odpowiednik na komputery. Szczególnie unikaj dodawania na wielu stronach na komputery adnotacji prowadzącej do jednej strony mobilnej (lub sytuacji odwrotnej).
  • Dokładnie sprawdź przekierowania i upewnij się, że strony na komputery nie prowadzą do jednej strony mobilnej o treści niezwiązanej z tematem.
Jeśli chcesz utworzyć oddzielną witrynę mobilną, unikaj typowych błędów, takich jak błędne przekierowania użytkowników mobilnych.

Przekierowania automatyczne

W przypadku witryn skonfigurowanych tak, by pokazywały treści na komputery i urządzenia mobilne pod różnymi adresami URL, webmasterzy mogą chcieć, by użytkownicy byli automatycznie przekierowywani pod odpowiedni adres URL. Jeśli w witrynie działają automatyczne przekierowania, pamiętaj, by traktować wszystkie Googleboty tak samo, jak każdego innego klienta użytkownika i odpowiednio je przekierowywać.

Obsługiwane metody przekierowań

Googlebot obsługuje dwie poniższe metody przekierowywania.

  • Przekierowania HTTP
  • Przekierowania JavaScript

Przekierowania HTTP

Przekierowania HTTP służą zazwyczaj do przekierowywania klientów na adresy URL przeznaczone dla konkretnych urządzeń. Zazwyczaj przekierowanie jest wykonywane na podstawie klienta podanego w nagłówku żądania HTTP. Ważne jest, by przekierowanie było zgodne z alternatywnym adresem URL określonym w tagu link rel="alternate" na stronie lub w mapie witryny.

W tej sytuacji nie ma znaczenia, czy serwer przekierowuje z kodem stanu HTTP 301 czy 302, ale zalecamy stosowanie kodu 302, gdy tylko jest to możliwe.

Przekierowania JavaScript

Jeśli zastosowanie przekierowania HTTP jest zbyt trudne, możesz użyć JavaScriptu, by przekierowywać użytkowników pod adresy URL wskazane w tagu link rel="alternate". Jeśli będziesz używać tej techniki, pamiętaj, że po stronie klienta wystąpi pewne opóźnienie, bo przed wywołaniem przekierowania najpierw trzeba pobrać stronę, a potem przeanalizować i wykonać JavaScript.

Przekierowanie JavaScript można ustawić na wiele sposobów. Można na przykład użyć funkcji JavaScript matchMedia(), która pozwala wykonywać zapytania o media, które już są używane w adnotacjach linków na stronach w witrynie.

Przekierowania dwukierunkowe a jednokierunkowe

W różnych witrynach obowiązują różne zasady przekierowań. W niektórych przypadkach tylko użytkownicy komórek, którzy wchodzą na strony na komputery, są przekierowywani do wersji mobilnej (przekierowania jednokierunkowe), a w innych – przekierowywani są zarówno użytkownicy komórek, jak i komputerów, którzy wchodzą odpowiednio na strony na komputery i komórki (przekierowania dwukierunkowe).

Jeśli chodzi o działanie Googlebota, nie mamy żadnych preferencji w tej kwestii. Zalecamy webmasterom, by podczas określania zasad przekierowań brali pod uwagę wygodę i potrzeby swoich użytkowników. Najważniejsze jest, by przekierowania były spójne i poprawne, tzn. prowadziły do odpowiednich treści w witrynie na komputery lub urządzenia mobilne. Jeśli przekierowania są skonfigurowane nieprawidłowo, niektórzy użytkownicy nie będą mogli wyświetlić żadnych treści.

Sugerujemy też, by dać użytkownikom możliwość rezygnacji z przekierowania, tzn. pozwolić użytkownikom mobilnym na przeglądanie strony na komputery, a użytkownikom komputerów – strony mobilnej, jeśli będą tego chcieli.

Wyślij opinię na temat...