Atribut rel="alternative" mobile ve zkratce

Pokud máte zvlášť desktopovou verzi webu a zvlášť verzi pro mobilní zařízení, musíte vyhledávačům objasnit jejich vzájemný vztah, aby poznaly, kterou verzi mají uživateli zobrazit. Zároveň se tak vyhnete problémům s duplicitním obsahem.

Pár rad při implementaci atributu rel="alternate" mobile:

  • Požívejte obousměrné odkazy: desktopová verze musí obsahovat odkaz na verzi pro mobily a verze pro mobily zase kanonické URL na desktopovou verzi.
  • Pozor na výlučné vztahy: každá desktopová stránka musí mít odpovídající mobilní verzi a naopak.
  • Vyhýbejte se přesměrování: odkazujte pouze na funkční stránky.
  • Používejte absolutní URL včetně názvu domény a protokolu.

Co je rel=”alternate” mobile?

Když se mluví o rel=”alternate” mobile, rel=”alternate” media tagu nebo rel=”alternate” media atributu, myslí se tím následující:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.priklad.cz/">
Pro zjednodušení budeme v tomto článku používat pouze název atribut rel=”alternate” mobile.

Tento atribut signalizuje vyhledávačům, jaký je vztah mezi desktopovou a mobilní verzí webu. Pokud máte zvlášť desktopovou a mobilní verzi a chcete mít správně optimalizovaný web, měli byste používat atribut rel=”alternate” mobile. V současnosti ho podporuje Google a Yandex.

Kdy je třeba používat atribut rel=”alternate” mobile?

Pokud výrazná část vašich návštěvníků prohlíží web na mobilu, je dobré mít samostatnou mobilní verzi webu. Je rozdíl mít dvě různé verze webu (každá má své vlastní URL) nebo používat responzivní design. U responzivního designu existuje pouze jedna verze webových stránek, která se automaticky přizpůsobuje zařízení, na kterém si uživatel web prohlíží.

Pokud máte dvě verze webu, je důležité, aby vyhledávače zobrazovaly správně desktopovou verzi pro desktopové uživatele a mobilní verzi pro uživatele mobilních telefonů.

Jak nastavit atribut rel=”alternate” mobile

Implementace atributu rel=“alternate“ hreflang=“x“
Implementace atributu rel=“alternate“ hreflang=“x“

Můžete ho nastavit buď v HTML nebo v souboru sitemap XML.

Nastavení v HTML

V desktopové verzi stránky
V HTML souboru stránky použijte link tag vedoucí na mobilní verzi stránky:

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

Mobilní verze se použije, pokud maximální šířka obrazovky zařízení uživatele nepřesáhne 640 pixelů.

V mobilní verzi stránky
V HTML souboru stránky použijte kanonické URL vedoucí na desktopovou verzi:

<link rel="canonical" href="http://www.priklad.cz/">

Kanonické URL tady zabrání problémům s duplicitním obsahem. Říká vyhledávačům, aby indexovaly desktopovou verzi stránky.

Nastavení v souboru sitemap XML

Google podporuje atribut rel=”alternate” mobile i v souboru sitemap XML.

<?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.priklad.cz/</loc> <xhtml:link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.priklad.cz/" /> </url> </urlset>

I v případě, že zadáte atribut přes sitemap XML, měli byste na mobilní verzi stránky nastavit kanonické URL směřující na desktopovou verzi.

Osvědčené postupy pro atribut rel=”alternate” mobile

Obousměrné odkazy

Aby vyhledávače správně porozuměly vztahu mezi desktopovou a mobilní verzí stránky, desktopová verze musí mít nastaven atribut rel=”alternate” mobile a mobilní verze musí mít zase kanonické URL směřující na desktopovou verzi.

Výlučné vztahy

Každé desktopové stránce by měla odpovídat pouze jedna mobilní stránka a naopak.

Vyhýbejte se přesměrování

Nepoužívejte tagy rel=alternate mobile a rel=canonical směřující na URL, která přesměrovávají na jiné stránky. Pro vyhledávače jsou to matoucí signály.

Používejte absolutní URL

I když to není proti žádným pravidlům, obecně platí, že by se u atributu rel=”alternate” mobile neměla používat relativní URL. Vyhledávače je někdy špatně interpretují. Totéž platí i pro další použití link tagu: kanonické URL, hreflang atribut a stránkování.

Otestujte optimalizaci webu pro mobilní telefony

Zkuste Test použitelnosti v mobilech od Googlu, abyste zjistili, jestli je váš web optimalizovaný pro mobilní telefony.

Často kladené otázky ohledně atributu rel=”alternate” mobile

  1. Proč vyhledávače ignorují atribut rel=”alternate” mobile?
  2. Pokud mám responzivní web, je nutné používat také atribut rel=”alternate” mobile?
  3. Je problém, pokud poskytuji rozdílný obsah pro mobily a pro desktopy?

1. Proč vyhledávače ignorují atribut rel=”alternate” mobile?

Jde spíše o signál než direktivu. I když vyhledávače tento atribut většinou respektují, nemusí to tak být vždy.

2. Pokud mám responzivní web, je nutné používat také atribut rel=”alternate” mobile?

Ne, pokud máte responzivní web, není třeba tento atribut nastavovat. Používá se pouze v případě, že máte zvlášť verzi webu pro desktopy a pro mobily (každá z nich má vlastní URL).

3. Je problém, pokud poskytuji rozdílný obsah pro mobily a pro desktopy?

Vyhledávače dávají stále přednost desktopové verzi webu před mobilní. Když se tedy budou rozhodovat, jestli je váš web pro zadaný požadavek relevantní, budou posuzovat desktopovou verzi. Google nicméně oznámil, že se to v průběhu roku 2018 změní a převahu získá mobilní verze webu. Půjde o tzv. “mobile-first index”.

Narozdíl od všeobecného přesvědčení uživatelé mobilů obvykle nechtějí méně obsahu a limitované funkce. Ideální je tedy nabídnout jim kompletní web, ale přizpůsobený pro mobilní zařízení.

Zdroj

Získejte zkušební verzi na 14 dní zdarma

Začněte během 20 vteřin

Vložte platnou doménu, prosím (www.priklad.cz).
  • Platební karta není potřeba
  • Není třeba žádná instalace
  • Bez závazků