Chybí viewport pro mobil

Na každé živé stránce se hledá <meta name="viewport">. Chybí-li, vznikne nález. Žádný práh, žádná heuristika.

Je to tentýž signál jako STR-06 z jádrové sady a stránka bez viewportu dostane oba nálezy. Rozdíl je jen v tom, co k němu který text říká: STR-06 vysvětluje, že na to, co si ze stránky přečte model, nemá viewport žádný vliv; SEO-11 mluví o mobilním vyhledávání. Duplicita je vědomá: moduly jsou samostatné a nesdílejí konfiguraci.

Co kontrola nedělá: neposuzuje hodnotu (width=1200 projde stejně jako správné width=device-width), netestuje, jak stránka na telefonu skutečně vypadá, a nehlásí user-scalable=no, což je vada přístupnosti. Nález je na úrovni stránky, závažnost varování.

Na viditelnost v odpovědích AI to vliv nemá žádný, a tady to není opatrnost, ale mechanika: viewport je pokyn pro vykreslování v prohlížeči. Text v HTML je stejný s ním i bez něj, takže co čte doručené HTML (a to podle měření dělá většina AI crawlerů), nepozná rozdíl.

Ani pro zaindexování to není podmínka. Google to má ve vlastní dokumentaci: mít mobilní verzi stránek není nutné k tomu, aby se obsah objevil ve výsledcích, velmi důrazně to ale doporučuje.

Co Google říká jednoznačně a co je pro vás podstatnější: indexuje mobilní verzi. Obsah crawluje agentem pro chytré telefony. A hned k tomu přidává požadavek, na kterém sejde mnohem víc než na téhle značce: mobilní verze musí mít tentýž obsah jako desktopová. Když je na mobilu obsahu míň, je to ten menší obsah, se kterým Google počítá.

Praktický závěr: je to oprava na jeden řádek, tak ji udělejte. Ale hodnota je u návštěvníků: bez viewportu jim telefon vykreslí stránku v desktopové šířce a zmenší ji na nečitelno.

Do <head> každé stránky patří tenhle řádek, nic víc:

<meta name="viewport" content="width=device-width, initial-scale=1">

• user-scalable=no a maximum-scale=1 tam nepatří: zakazují přiblížení a pro člověka, který na stránku potřebuje vidět, je to vážná překážka.
• Pevná šířka (width=1024) taky ne: říkáte prohlížeči, ať se tváří, že je na tabletu.

Samotná značka ale responzivní web neudělá. Přidáte-li ji na stránku, jejíž rozvržení počítá s pevnou šířkou, dostanete stránku, která přetéká do strany, a to bývá horší než zmenšená desktopová verze. Po doplnění ji otevřete na telefonu a projděte tři věci: nic nepřetéká vodorovně, text je čitelný bez přibližování, a na odkazy se dá trefit prstem.

Vodorovné přetečení, které při tom najdete, hlásí samostatně DSG-01, a malé dotykové cíle DSG-05, pokud máte modul designu zapnutý.