„Podobně, jako si nestačí knihu jen prolistovat, musíte si přečíst i celý web. Jinak Vám nebude zcela jasné, co daná služba nabízí a chybí Vám potřebné informace ...“ neznámý webový guru.
V jednom z předchozích článků jsem psal o optimalizaci html kódu s Rich Snippets pro sekci e-shopu a stránky samotných produktů. Nyní se strukturovaná data rozšířily do dalších částí webdílny.
2 minuty ke čtení upraveno před 5 roky
V posledních dnech se intenzivně pracuje na další aktualizaci webdilna | com a základních šablon popředí webu. Nejen kompletní úpravy html kódu dle Bootstrap 4 frameworku, které se promítly do celého systému, ale nekonečné validování kódu a kontrola správnosti zápisu. Ale také zmíněná platební brána nebo Zásilkovna.
Nyní došlo i k velkému rozšíření Rich snippets (strukturovaná data od Google) do všech šablon systému. Rich Snippets jsou něco jako strukturované úryvky, které se zobrazí ve výsledcích vyhledávání na Googlu. Zároveň je to asi jediná možnost, jak něco udělat s html kódem pro lepší vyhledání vašeho webu.
K upravené struktuře drobečkové navigace, produktu e-shopu a detailu novinky jsou doplněné další sekce. Konkrétně:
Zjednodušeně řečeno bude váš web vytvořený na webdilna | com automaticky generovat kód v podobě uzpůsobené pro vyhledávač Google v podobě, jak ji Google požaduje. Výsledkem by mělo být lepší zobrazení vašich stránek ve výsledku vyhledávání. Produkt z e-shopu bude mít u sebe cenu či dostupnost. Hlavní menu se lépe promítne do vyhledávání a blogové příspěvky jsou také strukturované podle pravidel Google.
Níže je ukázka z testovacího nástroje Google, jak vlastně taková optimalizace pro Google vypadá. Google si přečte kód stránek a zjistí následující informace. U sekce BlogPosting najde šest posledních novinek apod. Níže je i detail jednoho blogového příspěvku, kde jsou předány všechny informace.
(hlavní přehled strukturovaných dat stránky seznamu novinek)
(seznam hodnot jednoho příspěvku v novinkách)
To vše společně s responzivním designem či https poměrně dost zvyšuje kvalitu vaší webové prezentace a Google tyto weby upřednostňuje. V dnešní době již nestačí, že web je hezký, ale i kvalitně či nadstandardně nakódovaný. Což je dle mě jedna z nejdůležitějších věcí webu.
I kód tohoto příspěvku má v sobě podobu strukturovaných dat pro lepší vyhledávání. Věc, kterou jako návštěvník nevidíte, ale Google to vidí :). A jak tom je váš web? Má strukturované data?
Jednoduchý video návod, kde uvidíte nejen, jak jednoduše vložit připravený obrázek do obsahu stránky (ukázka na try.webdilna), ale i ukázku nového file manageru s drag&drop nahráváním obrázků.
Zde je ukázka formátování slepého textu v administraci web dílny. K novince je připojený obrázek, mapa a několik ukázek, co lze upravit pomocí editoru.