Problém SEO a framework NextJS

Když vyvíjíme webové stránky, je pro nás důležité pochopit, budeme-li tyto stránky propagovat ve vyhledávačích. Pod vyhledávači se myslí specializované stránky jako Google nebo Yandex, ve kterých uživatel hledá potřebné informace.

Pokud se naše stránky budou zobrazovat na prvních pozicích pro určitý dotaz, zajistí jim to nepřetržitý proud návštěvníků. A za tyto návštěvníky nebudeme muset nic platit, na rozdíl od návštěvníků, kteří přicházejí z reklamy.

A tady na nás čeká problém: stránky vyvinuté v Reactu se nebudou propagovat ve vyhledávačích. Jde o to, že obsah stránek takového webu je generován dynamicky v prohlížeči pomocí JavaScriptu. Vyhledávače zatím neumí takové stránky zpracovávat. Proto se takové stránky nemohou plně zobrazovat pro vyhledávací dotazy.

Aby vyhledávače mohly plnohodnotně pracovat s našimi stránkami, texty jejich stránek se musí vytvářet na straně serveru a odesílat do prohlížeče ve formě hotového HTML kódu.

Tento problém řeší framework NextJS. Umožňuje psát JSX kód na straně serveru. Server převede tento JSX na normální HTML a pošle jej do prohlížeče. Tímto způsobem bude na stranu klienta odeslán HTML kód potřebný pro správnou funkci vyhledávačů s našimi stránkami.

Jak přesně se to dělá, budeme studovat v rámci této příručky.

Je třeba říci, že vyhledávače se již učí rozpoznávat obsah generovaný JavaScriptem. Až se to plně naučí, celý vývoj webových stránek se změní zásadním způsobem. A frameworky jako NextJS buď nebudou potřeba vůbec, nebo se stanou zcela odlišnými ve svých principech.

Takže, jdeme na to:)