Dnes už nestačí mít pouze moderní web. Podívejte se na realizaci webu, kde kombinace technicky optimalizovaného řešení, kvalitního obsahu a struktury pomohla zvýšit dohledatelnost i zobrazení v Google AI Overviews.
Ještě před několika lety byla při tvorbě firemních webů hlavním tématem grafika. Pokud web dobře vypadal, byl často považován za hotový. Dnes už to nestačí. Moderní web musí být nejen vizuálně přehledný, ale také technicky kvalitně postavený, rychlý, dobře strukturovaný a obsahově srozumitelný.
Vyhledávače (hlavně Google) dnes hodnotí mnohem více než jen výskyt klíčových slov. Posuzují technickou kvalitu webu, rychlost načítání, přístupnost, logickou strukturu jednotlivých stránek i to, zda obsah skutečně odpovídá tomu, co uživatelé hledají. Stejně důležitá je i celková orientace na webu a způsob, jakým jsou informace uspořádány.
Smysl dává tedy kompletní řešení, kde technická stránka webu, obsah i struktura tvoří jeden funkční celek. Jedním z takových projektů byla pro mě realizace nového webu pro společnost Marapa design s.r.o.
Ostravská společnost zaměřená na výrobu reklamních prvků, světelných reklam, polepů vozidel, orientačních systémů, reklamních cedulí, beach flagů a dalších produktů pro firmy i veřejné instituce.
Hlavním cílem nebylo pouze vytvořit nový vzhled webových stránek. Důležité bylo připravit web, který bude přehledný pro návštěvníky, technicky správně postavený a zároveň dobře dohledatelný ve vyhledávačích. Každá služba měla být jasně popsána a prezentována tak, aby návštěvník rychle pochopil, co firma nabízí, kde působí a proč je její nabídka relevantní.
Celý web vznikl na mém redakčním systému webdilna.com, který dlouhodobě vyvíjím s důrazem na výkon, rychlost a správné technické zpracování.
Při jeho návrhu vycházím z doporučených postupů pro moderní weby a z metrik, které lze ověřovat například prostřednictvím Google Lighthouse. Ten hodnotí výkon, přístupnost, dodržování osvědčených postupů i technické SEO.
Samotný redakční systém ale představoval pouze technický základ. Součástí projektu byl také návrh grafiky, vytvoření struktury webu, příprava jednotlivých stránek služeb, úprava textů, naplnění obsahem i celkové technické nastavení. Cílem bylo vytvořit web, který bude dobře fungovat jak pro návštěvníky, tak pro vyhledávače.
Velkou pozornost jsem věnoval také navigaci, internímu prolinkování a správnému členění obsahu. Díky tomu mohou návštěvníci snadno přecházet mezi souvisejícími službami a vyhledávače zároveň lépe rozumějí vztahům mezi jednotlivými stránkami.
Místo obecných marketingových textů vznikly stránky zaměřené na konkrétní služby a skutečné dotazy, které lidé zadávají do vyhledávačů. Typickým příkladem jsou slovní spojení jako „Beach flagy Ostrava“, „Světelné logo Ostrava“ ale i reklamní cedule, celopolepy vozidel aj.
Každá stránka byla připravena tak, aby jasným způsobem vysvětlovala, co služba zahrnuje, komu je určena a proč je relevantní právě pro zákazníky z Ostravy a blízkého okolí. Nešlo o mechanické opakování klíčových slov, ale o vytvoření obsahu, který odpovídá na konkrétní požadavky.
Kvalitná obsah je jednou z částí úspěchu. Stejně důležité je technické zpracování celého webu. Velký význam má rychlost načítání stránek, správně vytvořený HTML kód, responzivní zobrazení na mobilních zařízeních, optimalizované obrázky, přístupnost, přehledná struktura URL i kvalitně připravená metadata. Všechny tyto faktory společně vytvářejí prostředí, ve kterém mohou vyhledávače efektivně procházet obsah webu a správně jej zařazovat do výsledků vyhledávání.
Technická optimalizace navíc není důležitá pouze pro roboty vyhledávačů. Stejně výrazně ovlivňuje uživatelskou zkušenost. Rychlý a přehledný web se návštěvníkům lépe používá, rychleji najdou hledané informace a častěji pokračují k odeslání poptávky nebo dalšímu kontaktu.
V posledních měsících se stále častěji objevují témata ohledně Google AI Overviews. Někdy vzniká dojem, že jde o zcela nový způsob optimalizace nebo o samostatnou disciplínu. Ve skutečnosti však AI Overviews navazují na stejné principy, na kterých stojí kvalitní SEO již řadu let.
Google ve svých AI přehledech pracuje s obsahem dostupným ve vyhledávacím indexu. Pokud je web technicky dostupný, dobře strukturovaný, obsahově kvalitní a odpovídá konkrétním otázkám uživatelů, může se stát jedním ze zdrojů, ze kterých AI přehled čerpá.
Optimalizace pro Google AI Overviews proto není otázkou jednoho nastavení ani skrytého triku. Je přirozeným pokračováním poctivě připraveného webu, který nabízí užitečné informace a je technicky kvalitně zpracovaný. Je tedy rychlý, přehledný, responzivní a má kvalitní obsah stránek.
Po spuštění nového webu se postupně podařilo dosáhnout lepší dohledatelnosti ve výsledcích vyhledávání. Stránky se začaly zobrazovat na relevantní dotazy související s nabídkou společnosti Marapa design s.r.o. a u vybraných výrazů, například „Beach flagy Ostrava“ nebo „Světelné logo Ostrava“, se podařilo také přímé zařazení do Google AI Overviews.
Tyto výsledky nevznikly díky jediné úpravě. Přispěla k nim kombinace technicky optimalizovaného webu, struktury, dobře připraveného obsahu, správného interního prolinkování i důsledného technického nastavení. Právě propojení všech těchto oblastí pomohlo posílit viditelnost webu ve vyhledávání.
Stejný princip se potvrzuje také u vlastního článku na blogu. Článek “Jak by měl vypadat školní web” jsem připravil jako přehled požadavků pro školy, které řeší tvorbu nebo modernizaci svých webových stránek.
Díky přehledné struktuře, srozumitelnému obsahu a technicky správně připravenému webu se článek zobrazuje nejen v organických výsledcích vyhledávání, ale u souvisejících dotazů také v Google AI Overviews. I tento příklad ukazuje, že kvalitní obsah vzniká především proto, aby pomohl čtenářům.
Obdobný případ nastal i u mého druhého webu, který je výrazně starší ale stojí na obdobném technickém základu webdílny. V minulosti jsem psal článek na novou instalaci operačního systému MacOs – „Čistá instalace macOS Big Sur“ nebo „Čistá instalace macOS Sequioa“, kde se články dostali do přímé odpovědi Google Ai Overviws. A to bez nutnosti nějaké složité optimalizace ale díky kvalitnímu technickému základu frontendu a optimalizaci redakčního systému, včetně Rich Sippets.
Rozhodující je tedy spojení kvalitního webu, dobře připravené struktury, dobře připraveného obsahu a také zkušeností z praxe. Nový web musí být rychlý, přehledný, responzivní, technicky správně a současně poskytovat informace, které dávají návštěvníkům skutečnou hodnotu. Právě takový přístup vytváří předpoklady pro lepší dohledatelnost v organickém vyhledávání a současně zvyšuje šanci, že se kvalitní obsah objeví také v přímých odpovědích Google AI Overviews.
Autor
Jsem tvůrce webových stránek, návrhů designu webů, rozhraní mobilních i webových aplikací, jako jsou intranety, B2B portály aj. Pokud potřebujete zkušeného a spolehlivého webaře pro Váš projekt, jsem Vám k dispozici.
Začátkem roku jsem provedl řadu aktualizací a úprav redakčního systému webdilna | com. Změny se týkaly především front-end kódu a optimalizace pro Google Lighthouse.
Přečtěte si, jak jednoduše založíte novou sekci e-shop v administraci webové prezentace na redakčním systému webdilna | com a doplníte jednotlivé produkty.
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.
I když máme větší část roku pryč, pojďme se podívat na trendy webdesignu roku 2020, které se čím dál častěji objevují u nově vzniklých či redesignovaných webů.