---
title: Metaandmete parandamine
description: Auditeerib ja parandab lehe pealkirjad, metakirjeldused, kanoonilised URL-id, Open Graphi sildid, faviconid ja JSON-LD.
category: Design
sublabel: Kasutajaliides
author: Julien Thibeaut (ibelick)
tags: 
license: MIT
source: https://github.com/ibelick/ui-skills
---

## Töövoog

1. Tuvasta lehed, millel puuduvad või on vigased metaandmed (pealkirjad, kirjeldused, canonical, OG-sildid)
2. Auditeeri alltoodud prioriteedireeglite järgi — paranda kriitilised probleemid (duplikaadid, indekseerimine) kõigepealt
3. Veendu, et title, description, canonical ja og:url on omavahel kooskõlas
4. Kontrolli, et sotsiaalmeedia kaardid renderduvad päris URL-il, mitte localhostis
5. 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