SEO-ongelma ja NextJS-kehys

Kun kehitämme verkkosivustoa, on meille tärkeää ymmärtää, aioimmeko edistää tätä verkkosivustoa hakukoneissa. Hakukoneilla tarkoitetaan erikoistuneita sivustoja kuten Google tai Yandex, joissa käyttäjä etsii tarvitsemaansa tietoa.

Jos sivustomme näkyy ensimmäisillä sijoituksilla tietyn haun perusteella, se takaa sille jatkuvan vieraiden virran. Ja näistä vieraille meidän ei tarvitse maksaa mitään, toisin kuin mainonnasta tulevista vierailijoista.

Ja tässä kohtaamme ongelman: Reactilla kehitetyt sivustot eivät tule edistymään hakukoneissa. Asia on niin, että tällaisen sivuston sivujen sisältö generoidaan dynaamisesti selaimessa JavaScriptin kautta. Hakukoneet eivät vielä osaa käsitellä tällaisia sivuja. Vastaavasti tällainen sivusto ei pysty näkymään täysimääräisesti hakukyselyiden perusteella.

Jotta hakukoneet pystyvät täysimääräisesti työskentelemään sivustomme kanssa, sen sivujen tekstit täytyy luoda palvelimella ja lähettää selaimeen valmiina HTML-koodina.

Tämän ongelman ratkaisee NextJS-kehys. Se mahdollistaa JSX-koodin kirjoittamisen palvelimella. Palvelin muuntaa tämän JSX:n normaaliksi HTML:ksi ja toimittaa sen selaimeen. Tällä tavalla asiakkaan puolelle lähetetään HTML-koodia, jota tarvitaan hakukoneiden oikean toiminnan varmistamiseksi sivustollamme.

Miten tätä tarkalleen tehdään, opimme tämän oppaan puitteissa.

On sanottava, että hakukoneet ovat jo oppimassa tunnistamaan JavaScriptillä generoitua sisältöä. Kun ne oppivat täysimääräisesti tekemään sen, koko verkkosivustojen kehitys muuttuu perusteellisella tavalla. Ja kehykset kuten NextJS eivät tarvita ollenkaan, tai niistä tulee täysin erilaisia periaatteidensa suhteen.

Joten, matkaan:)