background design element dropbackground design element dropbackground design element drop

Jak na SEO (nejen) pro single-page webové aplikace?


Barbora Koďousková
Aktualizováno:02.10.2021· 9 min. čtení
Facebook iconTwitter iconLinkedIn icon

Optimalizace pro vyhledávače (SEO) se dotýká všech webů a webových aplikací, které jsou závislé na organické návštěvnosti a má tak zásadní podíl na úspěchu vetšiny digitálních produktů. Problém s optimalizací nastává zejména u single-page webových aplikací, k jejichž vývoji se používá JavaScript, který může způsobit problémy při hodnocení obsahu. Poradíme vám, jak k SEO pro single-page webové aplikace přistupovat.

Co je SEO aneb jak zvýšit konverze webu nebo webové aplikace

Pojem SEO (Search Engine Optimization), česky optimalizace pro vyhledávače, označuje soubor technik či praktik, dopomáhajících ke zlepšení pozice webových stránek nebo aplikací ve výsledcích vyhledávání. Cílem SEO je tedy dostat daný digitální produkt na první stránku výsledků vyhledávání. A proč by vás optimalizace pro vyhledávače měla zajímat?

Většina návštevníků po zadání klíčového slova, například vývoj webových aplikací, navštíví pouze odkazy z první stránky výsledků vyhledávače (Google, Seznam, Yahoo apod.). Platí, že čím níže se vaše webová aplikace nebo stránka nachází, tím víc se snižuje šance, že ji někdo otevře.

SEO má tedy zásadni vliv na organickou (čili neplacenou například prostřednictvím PPC) návštěvnost stránek. Stanovení a dodržování vhodné SEO strategie vám tak pomůže zvýšit počet zákazníků a současně je odpovědí na otázku, jak zvýšit konverze webu nebo webové aplikace.

Proč se zajímat o SEO webu nebo webové aplikace

Krásou internetu je to, že na něm najdete všechno a vždycky. Zároveň je to ovšem jeho nevýhoda, jelikož to, co nabízíte vy, nabízí i někdo jiný. Jakmile se tato konkurence ve výsledcích vyhledávání (neboli SERP) objeví před vámi, má ve většině případů spíše našlápnuto k zisku.

Pokud neberete SEO při tvorbě webu, vývoji webových aplikací nebo při psaní obsahu vůbec v potaz, je více než pravděpodobné, že se vaše texty, fotografie, nabídka služeb (…) nikdy nedočkají dostatečného ohlasu, ať je jejich provedení sebekvalitnější. Je proto důležité, aby webové stránky a aplikace byly k vyhledávačům přívětivé.

SEO techniky pro lepší optimalizaci

Optimalizace pro vyhledávače je komplexní problematika, které se věnuje celá řada odborníků a bývá často také součástí nabídky vývojářů. Pokud se jí tedy nechcete sami zabývat, můžete si nechat poradit od profesionálů. V případě, že se do toho chcete pustit vy osobně, by se vám mohlo hodit několik následujících tipů.

Srozumitelná hierarchie a provázanost obsahu webu či webové aplikace

Prolinkování čili propojení obsahu webu. Měli byste se postarat o to, aby na sebe všechny stránky plynule navazovaly a zajistit tak, aby mohl uživatel pohodlně projít celou strukturu webu. Je však třeba brát v potaz, že by tato propojení měla být relevantní. Stránky by tak na sebe měly navazovat na základě příbuznosti.

Strukturované URL

Všechny odkazy by měly být tvořeny tak, aby vyjadřovaly hlavní myšlenku obsahu. Typicky bývají lépe přijaty URL obsahující slova, nikoli pouze číselné označení (například na eshopech www.eshop.cz/boty/nike-jordan-air, namísto www.eshop.cz/boty/64578). Současně by zde měla panovat pevně daná forma a snaha o co nejkratší délku.

Pokud uživatel ví, že shání boty značky Nike, model Jordan Air, zadá do vyhledávače pravděpodobně klíčové slovo ve tvaru Nike Jordan Air. Pokud toto spojení umístíte do obsahu produktové stránky i do URL, tak se může rovnou objevit v SERP, spíše než když bude odkaz obsahovat vygenerované číslo.

Rychlost webových aplikací a pomalé načítání stránek

Dnešní internetový svět je v podstatě soubojem o to, která stránka se načítá rychleji. Jak již bylo zmíněno v předchozích odstavcích, vždy existuje konkurence k vašemu snažení a uživatelé nechtějí čekat. Pokud je tedy vaším cílem zákazníky udržet, je třeba zajistit plynulé a rychlé načítání všech stránek webu. I tento faktor pak ovlivňuje SEO.

Google se snaží pomalé načítání webových stránek nebo aplikací zcela vymýtit. Dokladem toho je jedna z posledních aktualizací vyhledávacího jádra, která se zameřuje právě na výkon webu a uživatelský zážitek.

Kvalitní obsah webu a aplikací jako základ úspěchu

Obsah vašich webových stránek nebo aplikací by měl mít nějakou hodnotu. Na eshopu byste tak rozhodně neměli zapomenout na žádné důležité parametry prodávaného zboží. Pokud nabízíte služby, tak byste se měli zaměřit na budování důvěry a jestli k webu či eshopu píšete i blog, tak na něj umisťujte pouze užitečný obsah.

Může se jednat například o tipy, jak vybrat dané zboží nebo související návody. Nezáleží ani tak na formě jako na užitku a analýze klíčových slov. Obsah webové aplikace nebo stránky by zkrátka měl mít nějakou hodnotu.

Za to se vám návštěvníci mohou odměnit sdílením obsahu, což je dnes velice hodnotná forma propagace. Texty, obrázky atd. by měly být popisovány a tvořeny na základě klíčových slov. Klíčová slova jsou v podstatě tím, co zadáváte do vyhledávače, když hledáte nějakou konkrétní informaci. Na základě relevance tohoto vstupu a vašeho obsahu se zobrazí daný web.

Optimalizace pro vyhledávače a jednostránkové webové aplikace

Předchozí odstavce již nastínily základní optimalizaci pro vyhledávače z obecného hlediska. Tedy z hlediska webových stránek psaných pomocí HTML/CSS kódu. Problém ovšem nastává u SEO pro weby a aplikace využívající JavaScript, mezi které patří i stále populárnější jednostránkové webové aplikace (SPA).

SEO & JavaScript

Obsah webových aplikací či webů, pro jejichž vývoj byl použit JavaScript je totiž složitější na indexování GoogleBotem, umělé inteligence, jež má na starost právě hodnocení obsahu a jejich umístění ve vyhledávání.

V případě HTML GoogleBot dokáže obsah číst a porozumět mu, u JavaScriptu vidí pouze JavaScript, tedy zdrojový kód. Obsah je načítán až později, na straně klienta. I k němu je AI schopna dojít, už se ale zvyšuje doba načítání, což odporuje výše zmíněnému bodu SEO strategie. Vývojáři by proto měli zajistit proveditelnost tří základních kroků:

  • aby GoogleBot dokázal nalézt všechny URL a plynule procházet obsahem,

  • aby GoogleBot mohl přistupovat k obsahu bez provedení kódu JavaScriptu a běžných interakcí uživatele,

  • aby byly oba zmíněné kroky pro AI proveditelné dostatečně rychle a předcházelo se zvýšení latence.

Tipy, jak zlepšit SEO single-page webových aplikací

Výše uvedených cílů můžete dosáhnout dvěma způsoby:

  • vykreslováním/vyrenderováním obsahu na straně serveru (SSR),
  • nebo pre-renderingem.

Obě řešení umožní, aby se původní JavaScript zobrazoval jako HTML. GoogleBot tak uvidí stránky přesně tak, jak je vidí uživatel. Vykreslování na straně serveru je vykonáváno jako součást požadavků odesílaných na server.

Vývojáři v tomto případě musí vytvořit kopii původního JavaScript kódu v HTML podobě. To je samozřejmě náročnější na čas i programátorské dovednosti. Zároveň s sebou toto řešení přináší o něco pomalejší reakce a načítání. K implementaci se využívají speciální knihovny.

Vývoj webových aplikací a pre-rendering

Pre-rendering funguje na podobném principu jako vykreslování na straně serveru. Provádí se ovšem ještě před nasazením, přičemž je vytvořen obraz obsahu, který jej v případě potřeby nahrazuje. Rozpozná tedy rozdíl mezi vyhledávačem a uživatelem, a vždy použije předurčenou verzi.

Výhodou je zde fakt, že tento přístup tolik nezatěžuje produkční server. Nevýhodou ovšem zůstává, že při implementaci jakékoli změny musíte obraz obsahu vytvářet znovu od začátku. To může být v případě rozsáhlejších digitálních produktů časově velice náročné. Pre-rendering proto není vhodné využívat u řešení, která vyžadují častou aktualizaci.

Mimo vyřešení problému s JavaScriptem SEO pro single-page webové aplikace samozřejmě vyžaduje i další kroky, jako je například zajištění responzivity, na kterou je kladen stále větší důraz. Značné množství uživatelů dnes k projíždění internetu využívá mobilní zařízení a Google bere tento fakt při hodnocení v potaz. I zde platí pravidlo organizované struktury URL.

Jestliže máte o vývoj single-page webových aplikací či tvorbu webových stránek s využitím JavaScriptu zájem, tak nás neváhejte kontaktovat. Rádi s vámi váš projekt zkonzulzujeme a postaráme se o všechny technické aspekty SEO i kompletní vývoj.


Potřebujete poradit?