Responzivní web

Sdílet článek na Facebook
Sdílet článek na Twitter
Responzivní web design je stále relativně nový přístup k návrhu a následně k tvorbě webových stránek, které jsou optimalizovány pro různé typy zařízení a velikosti rozlišení monitorů i displejů. Stěžejní myšlenkou responzivních webových stránek je takový způsob zobrazování obsahu, který je přizpůsobený pro uživatelovo zařízení a rozlišení, avšak web zůstáva stále na stejné internetové adrese.
Sdílet článek na Facebook
Sdílet článek na Twitter

Vliv na pozici ve vyhledávači

V současnosti se používají různé způsoby pro zobrazování prizpůsobených stránek. Nicméně responzivní web je uživatelsky nejpřívětivější, a také proto se jedná o Googlem doporučovaný způsob. Ačkoliv přesný algoritmus není veřejně znám, je zřejmé, že responzivní stránky, které se zobrazují správně a fungují rychle na všech typech zařízeních (zejména mobilních) jsou Googlem lépe hodnocené a zobrazují se výše v organických výsledcích vyhledávání.

Existuje celá řada vlastností, které by měly responzivní stránky splňovat. Na všech typech zařízení i rozlišení by měly, mj.

  • zachovat veškerý textový obsah čitelný a dostupný
  • přizpůsobovat vizuální strukturu rozlišení
  • uzpůsobit navigaci na stránkách vstupnímu zařízení (myš X dotykový displej)
  • zobrazovat menší obrázky a fotografie na menších displejích, tedy “obrázky akorát velké, aby nebyly rozmazané”

Jednoduchý test, kterým můžete vyzkoušet jakékoliv stránky, je zobrazit si vybraný web na laptopu či počítači a pomalu zmenšovat okno prohlížeče. Pokud se začnou prvky na stránkách "přeskládávat" pod rukama, bude se pravděpodobně jednat o odladěný responzivní web. Pokud se čitelnost a půvab stránek v menším okně začne vytrácet, je něco špatně.

1 Google doporučuje

Responzivní web jako náš standard

Podle nás by každá webová stránka určená pro veřejnost měla být standardně responzivní. Ostatní přístupy k přizpůsobování obsahu jsou nešikovné a často nespolehlivé (nemluvě o situaci, kdy se nepřizpusobují vůbec :) ). Jako ukázku takových stránek použijme animaci našich stránek (product placement disclaimer). Jak je vidět, web se se hezky přeskládáva pod rukama a zůstává přehledný a dobře ovladatelný bez ohledu na velikost rozlišení.


2 My a responzivní web

< zpět