Mikä JavaScript-sivussa on ongelma?

Tavallisessa verkkosivussa palvelin lähettää valmiin HTML-sivun, jossa teksti ja otsikot ovat heti luettavissa. React-pohjaisessa yhden sivun sovelluksessa palvelin lähettää rungon, jossa on vain tyhjä elementti ja viittaus JavaScript-tiedostoon. Sisältö syntyy vasta, kun selain suorittaa koodin.

Perinteinen sivuJavaScript-sovellus
Sisältö HTML:ssäHetiVasta JavaScriptin jälkeen
GoogleLukee hetiRenderöi myöhemmin, viiveellä
Tekoälyhakujen indeksoijatLukevat sisällönMoni ei suorita JavaScriptiä
Otsikot ja metatiedotOmat joka sivullaUsein samat kaikilla sivuilla

Oireet

  • Hakutuloksessa näkyy sama otsikko ja kuvaus kaikilla sivuilla.
  • Search Console näyttää sivut indeksoimattomina tai vain etusivun.
  • Sivun lähdekoodissa (näytä sivun lähdekoodi) ei näy tekstisisältöä.
  • Yritys ei esiinny ChatGPT:n tai muiden tekoälyhakujen vastauksissa.

Miten tämän korjaa?

  1. Palvelinpuolen renderöinti (SSR) tai staattinen generointi: sivut rakennetaan valmiiksi palvelimella, esimerkiksi Next.js-kehyksellä.
  2. Esirenderöinti: hakukoneille tarjoillaan valmiiksi renderöity versio.
  3. Julkaisujärjestelmä: WordPress tuottaa valmiin HTML:n jokaisesta sivusta, ja jokaisella sivulla on omat metatiedot.