Neidio i'r cynnwys
SilktideCymorth

Cynnwys y gellir ei ddarllen heb JavaScript

Rhaid i brif gynnwys eich tudalen - y paragraffau, penawdau, tablau a phrisiau y daeth ymwelydd i'w gweld - fod yn bresennol yn yr HTML y mae eich gweinydd yn ei ddychwelyd ar y cais cyntaf. Mae gwella gan yn iawn. Mae cynnwys sydd ond yn ymddangos ar ôl i JavaScript redeg yn anweledig i'r rhan fwyaf o gropianwyr AI, ac felly'n anweledig i'r cynorthwywyr sy'n dyfynnu ohonynt.

Drwy gydol y dudalen hon, tybiwch fod Fernwood wedi ailadeiladu ei wefan farchnata fel ap un dudalen. Mewn porwr mae'n edrych yn gyflawn. Mae View Source yn dangos <div id="root"></div> bron yn wag. Y gragen wag honno yw'r hyn y mae GPTBot, ClaudeBot, PerplexityBot a chropianwyr tebyg yn ei dderbyn.

Pam mae'n gweithio

Mae peiriannau chwilio traddodiadol wedi datrys hyn i raddau helaeth: mae Google yn rendro JavaScript cyn mynegeio. Nid yw peiriannau ateb wedi gwneud hynny. Mae'r cropianwyr sy'n bwydo ChatGPT, Claude, Perplexity a systemau tebyg fel arfer yn nôl yr ymateb HTML crai ac yn stopio - nid ydynt yn aros i'ch fframwaith hydradu, nid ydynt yn gweithredu eich bwndel, ac nid ydynt yn dilyn llwybrau ar ochr y cleient. Mae cymhariaeth cropian Silktide ei hun (tudalen wedi'i rendro yn erbyn HTML crai) wedi'i seilio'n union ar yr ymddygiad hwnnw; gweler Cynnwys heb JavaScript.

Mae'r dull methu yn dawel ac yn llwyr:

  • Gall tudalen sy'n rhestru'n dda yn Google fod yn gwbl absennol o atebion AI, gan nad yw'r cynorthwywyr erioed wedi derbyn y testun.
  • Mae pob buddsoddiad AEO arall ar y dudalen honno - data strwythuredig, dyddiadau y gall peiriannau eu darllen, ysgrifennu sy'n rhoi'r ateb yn gyntaf - yn ddiwerth os nad yw'r cyrchwr byth yn gweld y cynnwys y mae'r signalau hynny'n ei ddisgrifio.
  • Mae ymwelwyr dynol y mae eu sgriptiau wedi methu neu wedi'u rhwystro yn gweld yr un gragen wag, ac mae paent cynnwys cyntaf yn dioddef hyd yn oed pan fydd sgriptiau'n llwyddo yn y pen draw.

Problem pensaernïaeth gwefan yw hon, nid problem golygu tudalen. Nid yw trwsio un URL â llaw yn trwsio'r templed sy'n cynhyrchu'r can nesaf.

Sut i wirio beth mae cyrchwr yn ei weld

Cyn newid unrhyw beth, cadarnhewch y broblem. Tair ffordd, y gryfaf gyntaf:

  1. Gwiriad Silktide. Mae Cynnwys heb JavaScript yn cymharu testun corff ystyrlon y dudalen wedi'i rendro â'r HTML crai a gipiwyd ar adeg cropian. Mae'n nodi tudalennau lle mae'r testun crai o dan tua 10% o'r testun wedi'i rendro ac yn fach iawn mewn termau absoliwt - gragen wag wirioneddol, nid tudalen sy'n gwella ei hun yn unig.
  2. Gweld y ffynhonnell, nid Elements DevTools. Yn y porwr, mae "View Page Source" yn dangos yr hyn a anfonodd y gweinydd. Mae'r panel Elements yn dangos y DOM ar ôl i JavaScript redeg. Os yw testun eich erthygl yn Elements ond yn absennol o View Source, ni fydd cropianwyr sy'n hepgor JS yn ei weld.
  3. Nôl heb borwr. O derfynell: curl -sL https://fernwood.example/pricing | head. Neu defnyddiwch borwr testun yn unig. Os yw'r tabl prisio ar goll o'r allbwn hwnnw, mae ar goll o'r cyrchwr hefyd.

Cadarnhewch hefyd fod y cyrchwr yn cael mynediad o gwbl - mae ymateb HTML perffaith yn ddiwerth os yw robots.txt yn rhwystro'r cyrchwr AI, neu os yw wal dân yn ei rwystro yn ymarferol (Cropianwyr AI wedi'u rhwystro yn ymarferol).

Sut i'w drwsio

Dewiswch y dull sy'n addas i'ch pentwr. Mae'r tri yn cynhyrchu'r un canlyniad: mae'r ymateb HTML cyntaf yn cynnwys y cynnwys.

1. Rendro ar ochr y gweinydd (SSR)

Mae'r gweinydd yn rendro pob tudalen i HTML ar gais; wedyn mae JavaScript yn hydradu ar gyfer rhyngweithedd. Dyma'r llwybr diofyn ar gyfer fframweithiau sydd eisoes yn ei gefnogi:

  • Next.js - defnyddiwch yr App Router gyda Server Components, neu getServerSideProps / getStaticProps yn y Pages Router. Peidiwch ag anfon gwraidd cleient-yn-unig sy'n nôl cynnwys ar ôl gosod.
  • Nuxt - modd cyffredinol / SSR (y rhagosodiad), nid ssr: false.
  • Remix, SvelteKit, Astro (modd SSR), a chyfatebolion - yr un syniad: mae ymateb y ddogfen yn cynnwys testun y corff.

Y rheol ymarferol: os mai nôl useEffect / onMounted sy'n rhoi'r erthygl ar y dudalen, symudwch y nôl data honno i'r gweinydd.

2. Cynhyrchu gwefan statig (SSG)

Adeiladwch dudalennau ymlaen llaw fel HTML plaen ar adeg cyhoeddi. Mae'n ddelfrydol ar gyfer cynnwys nad yw'n newid fesul ymwelydd - cofnodion blog, dogfennau, tudalennau marchnata, prisio. Mae Astro, Eleventy, Hugo, output: 'export' Next.js, a generate Nuxt oll yn cynhyrchu ffeiliau y gall cyrchwr eu darllen heb JavaScript o gwbl.

SSG fel arfer yw'r buddugoliaeth rataf ar gyfer gwefannau marchnata a chynnwys: dim cost rendro fesul cais, a'r HTML ar ddisg yw'n union yr hyn a gaiff y cyrchwr.

3. Rhag-rendro fel pont

Os na allwch newid fframweithiau eto, gall gwasanaeth rhag-rendro neu gam adeiladu ddarparu ciplun HTML wedi'i rendro i gropianwyr (ac yn aml i ymwelwyr am y tro cyntaf) tra bod yr SPA yn parhau i redeg ar gyfer sesiynau rhyngweithiol. Triniwch hyn fel pont, nid cyrchfan: mae ffresni cipluniau, annilysu storfa, a llwybrau dilysedig oll yn dod yn faich cynnal a chadw eu hunain. Mae'n well trwsio'r modd rendro pan allwch.

Mae canllawiau Google ei hun ar JavaScript SEO a Rendro ar y We web.dev yn ymdrin â'r un sbectrwm - SSR, SSG, a gwelliant cynyddol - o ochr y broblem sy'n ymwneud â pheiriannau chwilio.

Beth sy'n rhaid bod yn yr HTML cyntaf

Nid pob picsel. Y cynnwys y byddai dyfyniad yn ei ddyfynnu:

  • Corff yr erthygl neu'r dudalen - penawdau, paragraffau, rhestrau, tablau.
  • Prisiau, terfynau, a ffeithiau eraill rydych am i gynorthwywyr eu hailadrodd.
  • Data strwythuredig mewn bloc <script type="application/ld+json"> yn yr HTML cychwynnol - mae JSON-LD a fewnosodir dim ond ar ôl hydradu yr un mor anweledig â'r rhyddiaith.
  • URL canonaidd, teitl, a disgrifiad meta yn <head>.

Gall JavaScript barhau i reoli dewislenni, personoli, siartiau sy'n gwella tabl sydd eisoes yn bresennol, a nodweddion cynyddol. Mae gwiriad Silktide yn fwriadol oddefgar o wella: mae tudalennau sy'n darparu eu prif gynnwys fel HTML ac yn ychwanegu ymddygiad ar ei ben yn pasio.

Patrymau methiant cyffredin

  • SPAs cleient-yn-unig - Create React App, SPAs Vite, a gosodiadau tebyg sy'n anfon cragen wag ac yn nôl llwybrau yn y porwr. SSR/SSG yw'r ateb, nid rhagor o god cleient.
  • Cynnwys y tu ôl i "Llwytho mwy" neu dabiau nad ydynt byth yn ymddangos yn HTML. Os mai clic sy'n ei nôl yw'r unig ffordd o gyrraedd adran tri, nid yw cropianwyr byth yn cyrraedd adran tri. Mae'n well defnyddio URLs go iawn neu gynnwys y cynnwys yn yr ymateb cychwynnol.
  • "Mae'n gweithio yn Google, felly rydym yn iawn." Nid yw rendro Googlebot yn lle darllenadwyedd i gropianwyr AI. Mae pasio Google a methu GPTBot yn rhaniad cyffredin, anweledig.
  • Rhwystro'r cyrchwr a beio JavaScript. Gwiriwch fynediad cyrchwr AI a hygyrchedd effeithiol bob amser ochr yn ochr â'r dechneg hon.

Sut mae Silktide yn helpu

Os na all Silktide ddarllen eich cynnwys heb JavaScript, ni all y cynorthwywyr rydych am iddynt eich dyfynnu chwaith.

Cysylltiedig

Diweddarwyd ddiwethaf

A oedd y dudalen hon yn ddefnyddiol?