Problém SEO a framework NextJS

Keď vyvíjame webovú stránku, je pre nás dôležité pochopiť, či budeme túto stránku propagovať v vyhľadávačoch. Pod vyhľadávačami sa myslia špecializované stránky ako Google alebo Yandex, v ktorých používateľ hľadá potrebné informácie.

Ak sa naša stránka bude zobrazovať na prvých pozíciách pre konkrétny dopyt, zabezpečí jej to nepretržitý prúd návštevníkov. A za týchto návštevníkov nemusíme nič platiť, na rozdiel od návštevníkov, ktorí prichádzajú z reklamy.

A tu na nás čaká problém: stránky vyvinuté v Reacte sa nebudú propagovať v vyhľadávačoch. Vec sa má tak, že obsah stránok takéhoto webu sa generuje dynamicky v prehliadači prostredníctvom JavaScriptu. Vyhľadávače zatiaľ nevedia spracovať takéto stránky. Preto sa takýto web nebude môcť plne zobrazovať vo výsledkoch vyhľadávania.

Aby vyhľadávače mohli plne pracovať s našou stránkou, texty jej stránok sa musia vytvárať na strane servera a odosielať do prehliadača vo forme hotového HTML kódu.

Tento problém rieši framework NextJS. Umožňuje písať JSX kód na strane servera. Server transformuje tento JSX na normálne HTML a odošle ho do prehliadača. Týmto spôsobom na stranu klienta bude odoslaný HTML kód potrebný pre korektnú činnosť vyhľadávačov s našou stránkou.

Ako presne sa to robí, sa budeme učiť v rámci tohto tutoriálu.

Treba povedať, že vyhľadávače sa už učia rozpoznávať obsah generovaný v JavaScripte. Keď sa to plne naučia, celý vývoj webových stránok sa zmení zásadným spôsobom. A frameworky ako NextJS buď nebudú potrebné vôbec, alebo sa stanú úplne odlišnými vo svojich princípoch.

Takže, poďme na to:)