Meta Viewport

Meta Viewport nám umožňuje nastavit rozměr zobrazované okna, který se při dobrém nastavení automaticky přizpůsobí velikosti displeje. Pokud prohlížeč Meta Viewport na stránkách nenalezne. Vykreslí webové stránky pomocí výchozího viewportu, což v praxi znamená, zobrazení počítačové verze webových stránek na mobilním zařízení.

Jak vypadá zápis Meta Viewport?

Zápis v HTML kódu vypadá nějak takto:

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

• meta name=”viewport” - zápis pro viewport
• width - nastavuje šířku layoutového viewportu. Nejčastěji využívaná hodnota pro nastavení width je device-width, což označuje 100% šířky obrazovky.
• initial-scale=1 - defakto funguje stejně jako kolega device-width. Zadává se hlavně kvůli zajištění kompatibility.

POZN: Použití responzivního designu webových stránek je pro SEO velmi důležité. Google uvedl že stránky optimalizované pro různá zařízení musí obsahovat v hlavičce stránky meta značku viewport.