Siirry sisältöön
Sähköpostiallekirjoitusgeneraattori päivitetty – tutustu uusiin ominaisuuksiin työkalut
Arteon - yrityksen logo
#MadeWithNext.js
Arteon logo

Ilmaisia työkaluja web-kehittäjille, suunnittelijoille ja markkinoijille.

Työkalut

  • Kuvaeditori
  • Favicon-generaattori
  • Meta-otsikon ja -kuvauksen tarkistus
  • Sana- ja merkkilaskuri
  • Lorem Ipsum -generaattori
  • Sähköpostiallekirjoitusgeneraattori
  • Värikontrastin tarkistus
  • Värien poiminta kuvasta
  • Väripalettien generaattori

Työkalut

  • Ilmainen QR-koodigeneraattori
  • pt px:ksi
  • rem px:ksi
  • em px:ksi
  • cm px:ksi
  • mm px:ksi
  • tuumat px:ksi
  • DPI PPI:ksi
  • HEX RGB:ksi

Työkalut

  • RGB HSL:ksi
  • RGB CMYK:ksi
  • tavut KB/MB/GB:ksi
  • Unix päiväksi
  • DEC BIN:ksi
  • DEC HEX:ksi
  • Mbps MB/s:ksi
  • vw px:ksi
  • Tailwind CSS px:ksi

Työkalut

  • JPG WebP
  • PNG WebP
  • WebP JPG
  • WebP PNG
  • PNG JPG
  • JPG PNG
  • SVG PNG
  • BMP JPG
  • JPG AVIF

Oikeudelliset asiakirjat

  • Tietosuojakaytanto
  • Kayttoehdot
© 2025 Arteon. Kaikki oikeudet pidätetään.#MadeWithNext.js

Tarkista meta-otsikon ja kuvauksen pituus – Google-esikatselu

Syötä otsikko ja kuvaus, ja työkalu laskee merkkien ja sanojen määrän, leveyden pikseleinä ja näyttää, onko pituus suositeltujen SEO-käytäntöjen mukainen.

  1. /Työkalut
  2. /Meta-otsikon ja -kuvauksen tarkistus
MAINOS
MAINOS
Loading tool editor...
Meta-otsikon ja kuvauksen tarkistus – Arteon

Mitä ovat meta-otsikko ja meta-kuvaus?

Meta-otsikko ja meta-kuvaus ovat kaksi lyhyttä tekstiä, jotka kuvaavat verkkosivun sisältöä. Ne eivät näy suoraan sivulla, mutta näkyvät Googlen hakutuloksissa otsikkona (sininen linkki) ja kuvauksena (harmaa teksti otsikon alla).

Hyvin kirjoitetut meta-tunnisteet toimivat sivun mainoksena hakutuloksissa – ne herättävät huomion ja lisäävät klikkauksen todennäköisyyttä. Huonosti kirjoitetut tai katkaistut tunnisteet voivat karkottaa klikkaajat, vaikka itse sivu olisi arvokas.

Näin käytät meta-otsikon ja -kuvauksen tarkistusta

Meta-tunnisteiden pituuden tarkistaminen kestää minuutin:

  1. 1. Syötä sivun otsikko

    Liitä tai kirjoita meta-otsikko ensimmäiseen kenttään. Työkalu näyttää välittömästi kolme mittaustulosta: merkkien ja sanojen määrä sekä leveys pikseleinä.
  2. 2. Syötä sivun kuvaus

    Lisää meta-kuvaus toiseen kenttään. Näet samat mittaustulokset.
  3. 3. Tarkista esikatselu

    Oikealla (työpöytä) tai alla (mobiili) näet esikatselun siitä, miltä otsikko ja kuvaus näyttävät Googlen hakutuloksissa.
  4. 4. Säädä suositusten mukaan

    Jos tila näyttää Liian lyhyt tai Liian pitkä, muokkaa tekstiä. Muutokset näkyvät välittömästi.

Kuinka monta merkkiä meta-otsikossa ja -kuvauksessa pitäisi olla?

Google katkaisee liian pitkät otsikot ja kuvaukset. Alla on suositellut vaihteluvälit, jotka vähentävät katkaistun tekstin riskia hakutuloksissa.

ElementtiMerkitPikselitHuomautukset
Meta-otsikko50–60 merkkiäenintään ~580 pxTärkein avainsana ensin. Brändi viimeisenä.
Meta-kuvaus120–160 merkkiäenintään ~920 pxTilaa 2–3 lyhyelle lauseelle. Päätä toimintakehotukseen.

Nämä ovat likimmääräisiä arvoja – Google ei julkaise tarkkoja rajoja ja voi muuttaa niitä laitteen ja hakukontekstin mukaan.

Meta-otsikko

Merkit: 52Sanat: 7Pikselit: 456px
Oikea pituus

Meta-kuvaus

Merkit: 142Sanat: 21Pikselit: 812px
Oikea pituus

Arviointitilat

Miten tuloksia tulkitaan?

Työkalu näyttää kolme mittaria jokaiselle kentälle sekä värikoodatun pituusarvioinnin:

Mittarit

  • Merkit – merkkien kokonaismäärä (välilyönnit mukaan lukien). Helppo ymmärtää, mutta vähemmän tarkka kuin pikselit.
  • Sanat – sanojen määrä. Hyödyllinen pituuden nopeaan arviointiin.
  • Leveys (px) – tekstin leveys pikseleinä. Tämä on arvo, jota Google käyttää katkaisussa.

Arviointitilat

  • Oikea pituus (vihreä) – teksti on suositelulla välillä. Googlen pitäisi näyttää se kokonaan.
  • Liian lyhyt (keltainen) – teksti on liian lyhyt. Tilaa on lisätiedoille, jotka voivat parantaa klikkausprosenttia.
  • Liian pitkä (punainen) – teksti ylittää suositellun välin. Google voi katkaista sen. Harkitse lyhentämistä.
  • Ei dataa (harmaa) – kenttä on tyhjä. Syötä teksti nähdäksesi analyysin.

iiiiiiiiiiiiiiii (16 merkkiä)

~64px leveyttä

WWWWWWWWWWWWWWWW (16 merkkiä)

~256px leveyttä

Miksi pikselileveys on tärkeämpi kuin merkkimäärä?

Eri kirjaimilla on eri leveys. Vertaa "iiii" ja "WWWW" – molemmissa on 4 merkkiä, mutta visuaalinen leveys on täysin erilainen. Google mittaa tekstin leveyttä pikseleinä, ei merkkeinä.

Siksi otsikko, jossa on monia kapeita kirjaimia (i, l, t, f), voi olla pidempi kuin otsikko, jossa on leveitä kirjaimia (W, M, O), vaikka merkkimäärä on sama. Työkalu näyttää molemmat arvot: merkkimäärän (helpompi ymmärtää) ja pikselileveyden (tarkempi Googlelle).

Snippet-esikatselu – mitä se näyttää?

Esikatselu (snippet preview) simuloi, miltä otsikko ja kuvaus näyttävät Googlen hakutuloksissa. Kyseessä on suuntaa antava visualisointi – todellinen ulkoasu voi vaihdella hieman laitteen ja selaimen mukaan.

Esikatselun elementit

  • URL – sivun osoite otsikon yläpuolella. Voit syöttää sen valinnaiseen kenttään realistisempaa esikatselua varten.
  • Otsikko – sininen otsikko. Jos se on liian pitkä, työkalu katkaisee sen automaattisesti ja lisää kolme pistettä.
  • Kuvaus – harmaa teksti otsikon alla. Myös se katkaistaan, jos raja ylittyy.

Mitä esikatselu ei näytä

Esikatselu ei sisällä kaikkia elementtejä, joita Google voi lisätä tulokseen: päivämääriä, tähtiluokituksia, alasivulinkkejä eikä laajennettuja katkelmia. Se on yksinkertaistettu versio, joka keskittyy tekstin pituuteen.

MAINOS

Yleisimmät ongelmat ja ratkaisut

  1. Otsikko on liian pitkä

    Lyhennä otsikkoa ja pidä tärkeimmät sanat alussa. Poista adjektiivit kuten paras, ammattimainen – ne lisäävät harvoin arvoa. Yrityksen nimi loppuun erottimen jälkeen.
  2. Kuvaus on liian lyhyt

    Lisää tietoja: mitä käyttäjä löytää sivulta, minkä hyödyn hän saa, mikä erottaa tarjouksen. Päätä toimintakehotukseen.
  3. Pikselileveys on eri kuin odotettiin

    Työkalu mittaa leveyttä standardifontin avulla, joka muistuttaa Googlen käyttämää. Tulos voi vaihdella hieman selaimesta riippuen.

Kenelle meta-tunnisteen tarkistus on tarkoitettu?

  1. Verkkosivuston ja verkkokaupan omistajat

    Tarkista, etteivät otsikot ja kuvaukset katkea Googlen tuloksissa ennen uuden sivun tai tuotteen julkaisua.
  2. SEO-asiantuntijat

    Testaa eri versioita otsikoista ja kuvauksista, tarkista hakutulosten esikatselu ja vahvista suositusten noudattaminen.
  3. Tekstinkirjoittajat

    Kirjoita otsikot ja kuvaukset, jotka mahtuvat rajoihin ja tukevat klikkaamista.
  4. Verkkokehittäjät

    Vahvista meta-tunnisteet ennen sivun vientiä tuotantoon.

Mikä tekee tästä meta-otsikon ja -kuvauksen laskurista erityisen?

  1. Mittaus pikseleinä

    Emme vain laske merkkejä, vaan mittaamme tekstin todellisen leveyden, kuten Google tekee.
  2. Google-esikatselu

    Näet, miltä otsikko ja kuvaus näyttävät hakutuloksissa, ennen kuin julkaiset sivun.
  3. Väriarviointi

    Tiedät heti, onko teksti liian lyhyt, optimaalinen vai liian pitkä.
  4. Pikselit ja merkit samanaikaisesti

    Työkalu näyttää molemmat arvot kerralla – voit vertailla, mahtuuko otsikko sekä merkki- että pikselirajan sisälle.
  5. Otsikko ja kuvaus samassa näkymässä

    Title ja description voidaan tarkistaa samanaikaisesti ilman välilehtien vaihtamista.
  6. Paikallinen käyttöliittymä

    Koko käyttöliittymä on omalla kielelläsi. Sinun ei tarvitse kääntää asetuksia englannista.

Meta-tagien kirjoittaminen suomalaisille verkkosivuille

Suomen kielen erikoismerkit - ä ja ö - ovat pikselileveydelltään samankaltaisia kuin peruskirjaimet a ja o. Käytännössä tämä tarkoittaa, että suositellut pikselirajat suomalaisille otsikoille ovat samat kuin englanninkielisille. Tarkista silti työkalulla, koska suomen pitkät yhdyssanat kuten "hakukoneoptimointi" tai "kotivakuutusvertailu" kuluttavat huomattavasti enemmän pikseleitä kuin lyhyet englanninkieliset termit.

WordPress on Suomen käytetyin sisällönhallintajärjestelmä. Yoast SEO ja Rank Math -lisäosat lisäävät meta-kentän editorin alle, johon kirjoitat otsikon ja kuvauksen. Shopify on suosittu suomalaisten verkkokauppiaiden keskuudessa ja tarjoaa erilliset SEO-kentät jokaiselle tuotteelle ja kategorialle. Drupal on käytössä monissa suomalaisissa yrityksissä ja organisaatioissa.

Vältä tarpeettomia anglismeja suomalaisissa meta-tageissa. "Ilmainen toimitus" toimii paremmin kuin "Free shipping" suomalaiselle yleisölle. "Varaa aika" on luonnollisempi kuin "Book now". Avainsanojen tulee vastata termejä, joita suomalaiset käyttäjät todella kirjoittavat Googlessa - käytä Googlen automaattitäydennystä tarkistaaksesi, mitkä muotoilut ovat yleisimpiä alallasi.

Meta-tagit suomalaiseen verkkokauppaan

Tuotesivun otsikon suomalaisessa verkkokaupassa tulisi noudattaa selkeää rakennetta: Tuotemerkki + Tuotenimi + Avainominaisuus. Esimerkki: "Fiskars X25 Halkokirves - 72 cm, lasikuituvahvistettu varsi". Tämä otsikko sisältää tuotemerkin, mallin, koon ja materiaalin - neljä tietoa, jotka ostaja näkee heti hakutuloksissa.

Kategoriakuvaukset jäävät usein huomiotta suomalaisissa verkkokaupoissa. "Kirveet - kauppamme" sijaan kirjoita: "Yli 40 kirvestä ja halkaisukirvestä Fiskarsilta, Hultaforssilta ja Gransforssilta. Ilmainen toimitus yli 50 € tilauksiin". Teksti osoittaa valikoiman laajuuden, mainitsee tunnettuja tuotemerkkejä ja kertoo konkreettisen edun.

Tori.fi, Verkkokauppa.com ja Hintavertailu-sivustot noudattavat omia sääntöjään tuoteotsikoille. Omalla verkkosivustollasi sinulla on täysi hallinta. Käytä tätä työkalua tarkistaaksesi pituuden ennen julkaisua - erityisesti ennen Black Fridayta, joulukauppaa tai tammikuun alennusmyyntiä, jolloin päivitetyt meta-tagit voivat nostaa klikkausprosenttia.

Paikallinen SEO Suomessa - optimointi kaupungeille ja alueille

Paikallisten palveluyritysten tulisi sisällyttää kaupungin nimi meta-otsikkoon. Suositeltu rakenne: "[Palvelu] [Kaupunki] - [Yrityksen nimi]". Esimerkki: "Hammaslääkäri Helsinki Kallio - Hammasklinikka Hymy". Otsikko sisältää paikallisen hakufraasin alussa, missä sillä on suurin SEO-arvo. Useita toimipisteitä omaaville yrityksille kannattaa luoda erillinen sivu jokaista kaupunkia kohden, jossa on ainutlaatuinen otsikko ja kuvaus.

Paikallisen yrityksen meta-kuvauksen tulisi sisältää osoite tai kaupunginosa, aukioloajat ja konkreettinen etu. Esimerkki: "Hammasklinikka Kalliossa, Helsinki. Varaa aika verkossa, lyhyet odotusajat. Maanantai–perjantai 8–17". Google näyttää usein nämä tiedot laajennetuissa hakutuloksissa, mikä auttaa hakijaa tekemään päätöksen sivustolla käymättä.

Suomessa vahvan paikallisen SEO:n toimialoja ovat ravintolat, terveydenhuolto, kiinteistönvälitys, lakipalvelut ja remonttiyritykset. Varmista, että Google Yritysprofiili ja verkkosivusto käyttävät samaa yrityksen nimeä ja osoitemuotoa. Eroavaisuudet näiden lähteiden välillä voivat vaikeuttaa Googlen kykyä yhdistää ne toisiinsa.

MAINOS

Usein kysytyt kysymykset meta-otsikon ja -kuvauksen tarkistuksesta

Miksi työkalu näyttää leveyden pikseleinä eikä vain merkkien määrää?

Eri merkeillä on eri leveys. Kirjain "i" vie paljon vähemmän tilaa kuin "m" tai "W". Google katkaisee otsikot ja kuvaukset pikselileveyden, ei merkkien määrän perusteella.

Näyttääkö Google aina meta-otsikon ja -kuvauksen?

Ei aina. Google voi muuttaa näytettyä otsikkoa tai kuvausta, jos se löytää jotain paremmin käyttäjän hakua vastaavaa. Hyvin kirjoitetut meta-tunnisteet lisäävät todennäköisyyttä, että Google käyttää niitä, mutta 100 % takuuta ei ole.

Mikä on meta-otsikon ja meta-kuvauksen optimaalinen pituus?

Meta-otsikon tulisi olla noin 50–60 merkkiä (enintään ~580 pikseliä leveydeltään). Meta-kuvaus toimii parhaiten 120–160 merkillä (enintään ~920 pikseliä). Nämä ovat likimmääräisiä arvoja – Google ei julkaise tarkkoja rajoja.

Meta-otsikon ja kuvauksen tarkistus – Arteon

Auta meitä parantamaan työkalujamme

Onko sinulla idea uudelle ominaisuudelle, löysitkö virheen tai haluatko ehdottaa toista työkalua, joka helpottaisi työtäsi? Kirjoita meille – vastaamme 24 tunnin kuluessa.