DisainKasutajaliides Metaandmete parandamine
Auditeerib ja parandab lehe pealkirjad, metakirjeldused, kanoonilised URL-id, Open Graphi sildid, faviconid ja JSON-LD.
JJulien Thibeaut (ibelick)·Disain·MIT
Kogu oskus — vaikeversiooni hoitakse GitHubis; sinu muudatused jäävad sinu enda klooni.
Kuidas see töötab?
-
ChatGPT avab uue vestluse, kuhu oskus on laaditud. Kui see on lingi jaoks liiga pikk, kopeeritakse see lõikelauale — lihtsalt kleebi.
-
Claude töötab samamoodi. Püsivaks paigaldamiseks laadi alla .zip ja lae see üles: Claude → Settings → Capabilities → Skills (Pro/Team/Enterprise).
-
Kopeeri oskus kopeerib oskuse, et saaksid selle kleepida mis tahes assistenti, sh Grok.
Töövoog
- Tuvasta lehed, millel puuduvad või on vigased metaandmed (pealkirjad, kirjeldused, canonical, OG-sildid)
- Auditeeri alltoodud prioriteedireeglite järgi — paranda kriitilised probleemid (duplikaadid, indekseerimine) kõigepealt
- Veendu, et title, description, canonical ja og:url on omavahel kooskõlas
- Kontrolli, et sotsiaalmeedia kaardid renderduvad päris URL-il, mitte localhostis
- Hoia diffid minimaalsed ja ainult metaandmete ulatuses — ära refaktoreeri seostamata koodi
millal rakendada
Kasuta neid juhiseid, kui:
- lisad või muudad lehe pealkirju, kirjeldusi, canonicalit, robotsit
- rakendad Open Graphi või Twitteri kaardi metaandmeid
- seadistad favicone, rakenduse ikoone, manifesti, theme-colorit
- ehitad jagatud SEO komponente või paigutuse metaandmete vaikeväärtusi
- lisad struktureeritud andmeid (JSON-LD)
- muudad lokaali, alternatiivkeeli või kanonilist marsruutimist
- avaldad uusi lehti, turunduslehti või jagatavaid linke
reeglite kategooriad prioriteedi järgi
| prioriteet |
kategooria |
mõju |
| 1 |
korrektsus ja duplikatsioon |
kriitiline |
| 2 |
pealkiri ja kirjeldus |
kõrge |
| 3 |
canonical ja indekseerimine |
kõrge |
| 4 |
sotsiaalmeedia kaardid |
kõrge |
| 5 |
ikoonid ja manifest |
keskmine |
| 6 |
struktureeritud andmed |
keskmine |
| 7 |
lokaal ja alternatiivid |
madal–keskmine |
| 8 |
tööri piirid |
kriitiline |
kiirviide
1. korrektsus ja duplikatsioon (kriitiline)
- määra metaandmed ühes kohas lehe kohta, väldi konkureerivaid süsteeme
- ära väljasta topelt title-, description-, canonical- või robots-silte
- metaandmed peavad olema deterministlikud, ilma juhuslike või ebastabiilsete väärtusteta
- põgeneda ja puhasta kõik kasutaja loodud või dünaamilised stringid
- igal lehel peavad olema turvalised vaikeväärtused pealkirjale ja kirjeldusele
2. pealkiri ja kirjeldus (kõrge)
- igal lehel peab olema pealkiri
- kasuta saidi lõikes ühtlast pealkirjaformaati
- hoia pealkirjad lühikesed ja loetavad, väldi toppimist
- jagatavatel või otsitavatel lehtedel peaks olema meta-kirjeldus
- kirjeldused peavad olema lihttekst, ilma markdowni või jutumärkide spämmita
3. canonical ja indekseerimine (kõrge)
- canonical peab osutama lehe eelistatud URL-ile
- kasuta noindexit ainult privaatsete, duplikaatsete või mitteavalike lehtede jaoks
- robots meta peab vastama tegelikule juurdepääsu kavatsusele
- eelvaated või staging-lehed peaksid võimalusel vaikimisi olema noindex
- lehekülgedega jagatud lehtedel peab olema korrektne canonicali käitumine
4. sotsiaalmeedia kaardid (kõrge)
- jagatavatel lehtedel peavad olema seatud Open Graphi pealkiri, kirjeldus ja pilt
- Open Graphi ja Twitteri pildid peavad kasutama absoluutseid URL-e
- eelista õigeid pildimõõtmeid ja stabiilseid kuvasuhteid
- og:url peab ühtima kanonilise URL-iga
- kasuta mõistlikku og:type'i, tavaliselt website või article
- sea twitter:card sobivalt, vaikimisi summary_large_image
5. ikoonid ja manifest (keskmine)
- lisa vähemalt üks favicon, mis töötab brauserite lõikes
- lisa apple-touch-icon, kui see on asjakohane
- manifest peab olema kehtiv ja viidatud, kui seda kasutatakse
- sea theme-color teadlikult, et vältida mitteühilduvat UI-kroome
- ikooniteed peaksid olema stabiilsed ja vahemälustatavad
6. struktureeritud andmed (keskmine)
- ära lisa JSON-LD-d, kui see ei kaardu selgelt tegeliku lehesisuga
- JSON-LD peab olema kehtiv ja peegeldama seda, mis tegelikult renderdatakse
- ära leiuta hinnanguid, arvustusi, hindu ega organisatsiooni andmeid
- eelista ühte struktureeritud andmete plokki lehe kohta, kui rohkem pole nõutud
7. lokaal ja alternatiivid (madal–keskmine)
- sea html lang atribuut korrektselt
- sea og:locale, kui lokaliseerimine on olemas
- lisa hreflang-alternatiive ainult siis, kui lehed tõesti eksisteerivad
- lokaliseeritud lehed peavad kanoniseerima korrektselt lokaali kohta
8. tööriista piirid (kriitiline)
- eelista minimaalseid muudatusi, ära refaktoreeri seostamata koodi
- ära migreeri raamistikke ega SEO teeke, kui seda pole palutud
- järgi projekti olemasolevat metaandmete mustrit (Next.js metadata API, react-helmet, käsitsi head jne)
ülevaatuse juhised
- paranda kriitilised probleemid kõigepealt (duplikaadid, canonical, indekseerimine)
- veendu, et title, description, canonical ja og:url on kooskõlas
- kontrolli sotsiaalmeedia kaarte päris URL-il, mitte localhostis
- eelista stabiilseid, igavaid metaandmeid nutikate või dünaamiliste asemel
- hoia diffid minimaalsed ja ainult metaandmete ulatuses