A SEO probléma és a NextJS keretrendszer

Amikor weboldalt fejlesztünk, fontos megértenünk, hogy ezt az oldalt keresőmotorokban fogjuk-e promócióni. A keresőmotorok alatt olyan szakosodott weboldalakra gondolunk, mint a Google vagy a Yandex, ahol a felhasználó keresi a számára szükséges információt.

Ha weboldalunk az első helyeken jelenik meg egy adott keresés esetén, az folyamatos látogatói forgalmat biztosít számára. És ezekért a látogatókért semmit sem kell fizetnünk, ellentétben a reklámból érkező látogatókkal.

És itt vár ránk a probléma: a React-on fejlesztett weboldalak nem fognak a keresőmotorokban előtérbe kerülni. Az a helyzet, hogy egy ilyen oldal tartalma dinamikusan generálódik a böngészőben JavaScript segítségével. A keresőmotorok egyelőre nem tudják feldolgozni az ilyen oldalakat. Ennek megfelelően egy ilyen oldal nem tud megfelelően megjelenni a keresési lekérdezésekben.

Ahhoz, hogy a keresőmotorok teljes értékűen dolgozhassanak oldalunkkal, annak oldalainak szövegeit a szerver oldalán kell létrehozni és elküldeni a böngészőbe kész HTML kód formájában.

Ezt a problémát oldja meg a NextJS keretrendszer. Lehetővé teszi JSX kód írását a szerver oldalán. A szerver ezt a JSX-t normál HTML-lé alakítja és továbbítja a böngészőnek. Így a kliens oldalára olyan HTML kód kerül elküldésre, amely a keresőmotorok megfelelő működéséhez szükséges weboldalunkkal.

Hogy pontosan hogyan történik ez, azt fogjuk tanulmányozni ennek az oktatóanyagnak a keretein belül.

Mondanunk kell, hogy a keresőmotorok már tanulják a JavaScript segítségével generált tartalom felismerését. Amikor teljes értékűen megtanulják ezt megtenni, az egész weboldalfejlesztés gyökeresen megváltozik. És a NextJS-hez hasonló keretrendszerek vagy egyáltalán nem lesznek szükségesek, vagy teljesen más elveken fognak alapulni.

Nos, akkor gyerünk:)