SEO probleem ja NextJS raamistik

Kui me arendame veebisaiti, on meie jaoks oluline mõista, kas me hakkame seda saiti otsingumootorites edendama. Otsingumootorite all mõeldakse spetsialiseeritud saite nagu Google või Yandex, kus kasutaja otsib endale vajalikku teavet.

Kui meie sait kuvatakse esimestel positsioonidel kindla päringu korral, tagab see sellele pideva külastajate voo. Ja nende külastajate eest meil ei pea midagi maksma, erinevalt reklaamist tulevatest külastajatest.

Ja siin ootab meid probleem: Reactil arendatud saidid ei edendu otsingumootorites. Asi on selles, et sellise saidi lehtede sisu genereeritakse dünaamiliselt brauseris JavaScripti kaudu. Otsingumootorid ei oska selliseid lehti veel töödelda. Seega selline sait ei saa otsingupäringute korral täieõiguslikult kuvada.

Selleks, et otsingumootorid saaksid meie saidiga täieõiguslikult töötada, peavad selle lehtede tekstid looma serveri poolel ja saatma brauserisse valmis HTML koodina.

Selle probleemi lahendabki NextJS raamistik. See võimaldab kirjutada JSX koodi serveri poolel. Server teisendab selle JSX-i tavaliseks HTML-iks ja annab selle brauserisse edasi. Seega kliendi poolele saadetakse HTML kood, mida on vaja otsingumootorite korrektseks tööks meie saidiga.

Kuidas seda täpselt tehakse, seda me hakkamegi õppima selle õpiku raames.

Tuleb öelda, et otsingumootorid juba õpivad JavaScriptis genereeritud sisu tuvastama. Kui nad seda täieõiguslikult õpivad tegema, muutub kogu veebisaitide arendus põhimõtteliselt. Ja NextJS-i sarnased raamistikud ei ole enam üldse vajalikud või muutuvad täiesti erinevateks oma põhimõtete poolest.

Nii et, lähme:)