Meta-tagigeneraattori

Näin käytät meta-tagigeneraattoria

1. Kirjoita Sivun otsikko ja Meta description. Jokaisen kentän alla laskuri näyttää merkkimäärän ja suositellun pituuden.
2. Lisää Canonical-URL, jos sivulle pääsee usealla osoitteella (seurantaparametreilla, loppukauttaviivalla tai ilman ja niin edelleen).
3. Täytä halutessasi Tekijä ja Teemaväri heksadesimaalimuodossa, kuten #1e40af. Jotkin mobiiliselaimet käyttävät sitä osoitepalkin värinä.
4. Valitse kohdassa Hakukoneet, indeksoidaanko sivu ja seurataanko sen linkkejä, ja valitse tarvitsemasi lisäohjeet.
5. Pidä Merkistökoodaus (UTF-8) ja Mobiilinäkymä (viewport) valittuina, ellei pohjasi sisällä niitä jo.
6. Lue Tarkistukset-lista, sitten Kopioi tai Lataa koodi ja liitä se sivusi <head>-osan sisään.

Mitä kukin tagi tekee

• <title>: sivun nimi selaimen välilehdessä ja useimmiten napsautettava otsikko hakutuloksissa. Laita pääaihe alkuun ja pidä otsikko ainutlaatuisena jokaisella sivulla.
• Meta description: tiivistelmä, jonka hakukoneet usein, mutta eivät aina, näyttävät otsikon alla. Se ei ole sijoitustekijä, mutta selkeä, hakuun sopiva kuvaus voi tuoda lisää napsautuksia.
• Canonical-linkki: kertoo hakukoneille, mikä URL on ensisijainen versio, kun sama sisältö on saatavilla usealla osoitteella. Sen on oltava absoluuttinen URL.
• Robots-meta-tagi: ohjaa indeksointia vain tälle sivulle. noindex pitää sivun poissa tuloksista, nofollow pyytää indeksoijia olemaan seuraamatta sen linkkejä, noarchive pyytää olemaan säilyttämättä välimuistikopiota, nosnippet piilottaa tekstikatkelman ja max-image-preview:large sallii suuret kuvaesikatselut.
• Viewport: width=device-width, initial-scale=1 saa sivun käyttämään puhelimen leveyttä loitonnetun työpöytänäkymän sijaan. Google indeksoi sivujen mobiiliversion ensisijaisesti, joten tällä tagilla on väliä.
• Charset: utf-8 näyttää ääkköset, symbolit ja emojit oikein. Sen tulisi olla <head>-osan ensimmäinen elementti.

Kun pidät oletuksen ”Indeksoi sivu ja seuraa sen linkkejä”, työkalu jättää robots-tagin kokonaan pois, koska index, follow on se, mitä hakukoneet tekevät joka tapauksessa.

Suositellut pituudet

Hakukoneet katkaisevat otsikot ja kuvaukset pikselileveyden eikä kiinteän merkkimäärän mukaan, joten alla olevat luvut ovat ohjeita, eivät sääntöjä:

Nähdäksesi, miltä tekstisi todella näyttää pikselileveys mukaan lukien, käytä hakutuloksen esikatselua. Hakukoneet voivat myös kirjoittaa otsikon tai kuvauksen uudelleen, jos ne katsovat jonkin muun sivun tekstin vastaavan hakua paremmin.

Koodaus ja turvallisuus

Jokainen arvo suojataan ennen lisäämistä: &, ", ', < ja > muutetaan HTML-entiteeteiksi, ja rivinvaihdot muutetaan välilyönneiksi. Lainausmerkkejä sisältävä kuvaus tai &-merkkiä sisältävä otsikko tuottaa siis kelvollista HTML:ää, joka ei voi rikkoa sivuasi. Kaikki tapahtuu selaimessasi: mitään kirjoittamaasi ei lähetetä minnekään.