admin 
Aš kurį laiką turėjau šį įrašą juodraščiuose, daugiausia kaip konteineris, kurį aš galiu atsisakyti bitų, kai turiu laiko išplėsti jį į tinkamą informacinį biuletenį.
Tada mano geras draugas Jono Aldersonas išleido savo puikų kūrinį apie semantinį HTML, o keletą savaičių praradau valią baigti mano.
Bet aš maniau, kad vis tiek turėčiau baigti savo versiją, nes mano dėmesys skiriamas šiek tiek kitaip ir galbūt šiek tiek praktiškesnis nei Jono.
Jūs vis tiek turėtumėte perskaityti Jono tinklaraštį; Tai sako viską, ką noriu pasakyti ir dar daugiau.
Semantinis HTML
Pradėkime nuo greitos semantinio HTML apžvalgos.
Kaip kalba, kuria kuriama žiniatinklis, HTML yra žymėjimas, supantis tekstą, kad suteiktų jam struktūrą.
Žyma aplink turinio bloką rodo, kad tai yra teksto pastraipa.
Žyma
aplink sakinį rodo, kad tai yra pagrindinė puslapio antraštė.
Žyma
- nurodo užsakyto (paprastai sunumeruoto) sąrašo pradžią.
- Pastraipos: Nenaudokiteir
žymų, kad suformatuotumėte straipsnį į pastraipas. Tam buvo žyma tol, kol egzistavo HTML, ir tai yra žyma. Naudokite.
- Subados: Norėdami suteikti jūsų puslapio struktūrą, naudokite
/
/
povandenines žymes. Straipsnyje naudokite pogrupius, kad galėtumėte pateikti konkrečius turinio skyrius savo straipsnyje. Naudokite antraštes virš betoninių konstrukcinių elementų, pavyzdžiui, rekomenduojamų straipsnių, naudokite antraštes.
- Vaizdai: Visada naudokite žymą
, jei norite parodyti vaizdą, kurį norėtumėte pamatyti ir „Google“. „Google“ aiškiai tai rekomenduoja. - Spustelėkite nuorodas: Susieję su kitu puslapiu, vidiniu ar išoriniu, naudokite žymę su „HREF“ verte, kurioje yra tikslinis URL. Tai vienintelė nuoroda, kuria tikrai stebės „Google“.
- Reliacinės nuorodos: Žyma
leidžia sukurti ryšį tarp dabartinio URL ir kito URL. Tai gali būti kanoninis puslapis, stiliaus lentelė, alternatyvi dabartinio puslapio kalbos versija ir kt. - Sąrašai: Kulkų sąrašuose turėtų būti naudojama
- žyma, o sunumeruoti sąrašai turėtų būti naudojami
žyma. Galite priversti juos atrodyti taip, kaip norite su CSS, tačiau kaip pagrindą naudokite sąrašų žymas. - Pabrėžimas: Kai norite pabrėžti konkretų žodį ar frazę, yra semantinių html žymų, kurias turėtumėte naudoti: for kursyvasir už BOLD.
Visos aukščiau išvardytos žymos, išskyrus
, yra skirtos tinklalapio turiniui, suteikiančiai teksto struktūrą ir prasmę. Yra papildomų semantinių HTML žymų, skirtų pateikti struktūrą ir prasmę puslapio kodui.
Šios žymos leidžia „Google“ identifikuoti skirtingus puslapio elementus, tokius kaip navigacija ir šoninė juosta, ir atitinkamai juos apdoroti.
Semantinis HTML vaizdas iš w3schools.com (Vaizdo kreditas: Barry Adams)- ir
Žymos egzistuoja norint atskirti puslapio metaduomenis () nuo tikrojo turinio ( ). Kiekvienas HTML puslapis prasideda nuo tų dviejų. Gali būti naudojamas apvynioti puslapio galvos skyrių, kur sėdi logotipas, navigacija ir kiti stilistiniai elementai. turėtų būti naudojamas pagrindinei jūsų svetainės navigacijai. „Mega“ meniu, mėsainių meniu, viršutinės navigacijos nuorodos, kad ir kokia būtų jūsų navigacijos forma, turėtumėte jį įvynioti į - Galite naudoti
Žymos, skirtos padalinti jūsų puslapį į kelis skyrius. Vienas skyrius galėtų būti straipsnis; Kitas gali būti komentarai žemiau straipsnio. yra žyma, parodanti, kur prasideda tikrasis puslapio pagrindinis straipsnio tekstas (įskaitant antraštę). Tai labai vertinga žyma naujienų leidėjams. - Su
, Galite nurodyti turinio blokus, pavyzdžiui, populiariausių istorijų, rekomenduojamų straipsnių ar naujausių naujienų šoninę juostą. yra naudojamas, jūs atspėjote, tinklalapio poraštė.
Šios struktūrinės semantinės žymės padeda paieškos varikliams suprasti kiekvienos HTML skyriaus tikslą ir vertę.
Tai leidžia „Google“ greitai indeksuoti jūsų turinį ir tinkamai apdoroti skirtingus jūsų puslapių elementus.
Jūsų žinioje yra dar daugiau semantinių HTML žymų įvairiems tikslams. Tikėtina, kad kiekvienam įsivaizduojamam naudojimo atvejui yra HTML elementas.
Užuot suspaudę savo kodą, kuriame pilna
žymų, kad kažkas įvyktų, pirmiausia pažiūrėkite, ar yra tinkamas HTML elementas, kuris daro apgaulę.Kaip tai padeda AI?
Mes žinome, kad LLMS, pavyzdžiui, „ChatGPT“ ir „CelpleSity“, nuskaito atvirą žiniatinklį mokymo duomenims, taip pat konkrečioms vartotojų užklausoms, kurioms reikalingas turinys iš interneto.
Kai kurie iš jūsų gali nežinoti, kad LLM neperduoda „JavaScript“, kai apdoroja tinklalapius.
„Google“ yra taisyklės išimtis, nes ji skyrė daugybę išteklių tinklalapiams pateikti kaip indeksavimo dalį.
Kadangi „Google“ „Gemini“ yra vienintelis LLM, sukurtas „Google“ rodyklėje, „Dvyniai“ yra vienintelis LLM, naudojantis turinį iš visiškai pateiktų tinklalapių.
Taigi, jei norite turėti bet kokių šansų pasirodyti kaip cituojamas šaltinis „ChatGPT“ ar „Celplexity“, jums būtų gerai, kad įsitikintumėte, jog jūsų turinys yra jūsų neapdorotas, neišspręstas HTML.
Semantinio HTML naudojimas, norint susisteminti savo kodą ir suteikti prasmę, taip pat padeda šiems LLM lengvai nustatyti jūsų pagrindinį turinį.
„ChatGPT“ yra daug paprasčiau išanalizuoti keletą dešimčių semantinių HTML žymų, o ne keli šimtai (ar net tūkstančiai) įdėtų
žymų, kad rastumėte pagrindinį tinklalapio turinį.Jei ir kai atgyja „agentas internetas“ (aš skeptiškai), semantinis HTML greičiausiai yra esminis sėkmės aspektas.
Naudojant beprasmį
iržymes, AI agentui yra daug lengviau neteisingai suprasti, kokius veiksmus jis turėtų atlikti. Kai naudojate semantinį HTML tokiems dalykams kaip mygtukai, nuorodos ir formos, AI agento, nesugebančio savo užduoties, tikimybė, kad nepavyksta savo užduoties, yra daug mažesnės.
Reikšmė, būdinga tinkamoms HTML žymoms, nurodys AI agentui, kur eiti ir ką daryti.
O kaip su struktūrizuotais duomenimis?
Galite manyti, kad struktūruoti duomenys padarė semantinį HTML pasenimą.
Galų gale, naudodamiesi struktūrizuotais duomenimis, mašinų sistemoms galite pateikti reikiamą informaciją apie puslapio turinį ir tikslą paprastu mašininio skaitymo formatu.
Tam tikru mastu tai tiesa. Tačiau struktūruoti duomenys niekada nebuvo skirti pakeisti semantinį HTML. Tai tarnauja visai kitokiam tikslui.
Struktūriniai duomenys turi apribojimų, kurių semantinis HTML neturi.
Struktūrizuoti duomenys nebus nurodomi mašinai, kuri mygtukas prideda produktą prie krepšelio, koks subjektas yra prieš kritinę teksto pastraipą ir kuri nuoroda skaitytojui turėtų spustelėti, kad gautų daugiau informacijos.
Visais būdais naudokite struktūrizuotus duomenis, kad praturtintumėte puslapius ir padėtumėte mašinoms suprasti jūsų turinį. Bet dėl tų pačių priežasčių taip pat turėtumėte naudoti semantinį HTML.
Naudojami kartu, semantinis HTML ir struktūrizuoti duomenys yra neprilygstamas derinys.
Kurkite svetaines, o ne žiniatinklio programas
Galėčiau pasitraukti iš 2500 žodžių, kodėl mes turėtume kurti svetaines, o ne žiniatinklio programas ir kaip žiniatinklio pritaikymas yra principų, kuriais buvo įkurtas pasaulis, buvo įkurtas, bet aš jums to nepagaiinsiu.
Pakanka pasakyti, kad turinio pristatymo svetainių (pvz., Naujienų svetainės) žiniatinklio programos beveik visada yra prastesnės nei paprastos senamadiškos svetainės.
O svetainės yra kuriamos arba turėtų būti HTML. Pasinaudokite viskuo, ką gali pasiūlyti HTML, ir išvengiate 90% techninių SEO spąstų, į kuriuos įeina žiniatinklio programos.
Tai viskas kitam leidimui. Dėkojame, kad perskaitėte ir užsiprenumeravote, ir aš pasimatysime kitame!
Šis įrašas iš pradžių buvo paskelbtas „Google News“ SEO.
Teminis vaizdas: n Visata/Shutterstock
- Subados: Norėdami suteikti jūsų puslapio struktūrą, naudokite
Žyma
Kiekvienam tinklalapiui koduoti buvo naudojamas semantinis HTML.
Turinį supa konkrečios žymos, kurios nurodė, kam skirtas kiekvienas turinys, ir tada buvo pritaikytas CSS, kad jis atrodytų gerai. Tai jokiu būdu nebuvo tobula, tačiau veikė.
Tai taip pat reiškė, kad galite peržiūrėti neapdorotą tinklalapio HTML šaltinį ir pamatyti, ką puslapis bandė pateikti ir kaip. HTML žymėjo kiekvieno puslapio turinio struktūrą ir prasmę. Puslapio tikslą galite pamatyti tik žiūrėdami į jo kodą.
Tada į sceną atvyko „Wysiwyg“ redaktoriai ir vėliau „JavaScript“ sistemos, o HTML paėmė užpakalinę sėdynę. Vietoj
ir
