Siirry sisältöön

Metatagigeneraattori

Luo HTML-metatageja SEO:lle, Open Graphille ja Twitter Cardsille. Valmis kopioitavaksi ja liitettäväksi. Paranna hakusijoituksiasi ja sosiaalisen median esikatseluja.

Perus-SEO

Open Graph (Facebook / LinkedIn)

Twitter / X -kortti

Luotu HTML
 

Mitä ovat metatagit?

Metatagit ovat HTML-elementtejä verkkosivun <head>-osiossa, jotka tarjoavat metatietoa dokumentista. Ne ovat käyttäjille näkymättömiä, mutta hakukoneet, sosiaalisen median indeksoijat ja selaimet lukevat niitä. Katso MDN-dokumentaatio meta-elementistä täydelliselle spesifikaatiolle.

SEO-metatagit

<title>-tagi (50–60 merkkiä) ja meta description (150–160 merkkiä) ovat vaikuttavimmat SEO-tagit — ne näkyvät sinisenä otsikkona ja harmaana tiivistelmänä Googlen tuloksissa. Käytä <link rel="canonical"> kertoaksesi Googlelle ensisijaisen URL:n, kun sinulla on päällekkäistä sisältöä tai URL-parametrivariantteja. Katso Google Search Central: title links.

Open Graph -protokolla

Open Graph -protokolla (Facebookin kehittämä) hallitsee, miltä sivusi näyttää, kun se jaetaan Facebookissa, LinkedInissä, WhatsAppissa ja Slackissa. Olennaiset tagit ovat og:title, og:description, og:image (1200×630 px suositeltu) ja og:url. Ilman niitä alustat päättelevät sisällön sivultasi — usein huonoin tuloksin.

Twitter Cards

Twitter Cards hallitsee esikatselua, joka näytetään, kun URL:si jaetaan X:ssä (Twitter). summary_large_image näyttää suuren esikatselukuvan ja suoriutuu johdonmukaisesti paremmin kuin summary klikkausprosentissa. X käyttää varavaihtoehtona Open Graph -tageja, jos Twitter-kohtaiset tagit puuttuvat.

Tietosuoja

Kaikki metatagit luodaan 100% selaimessasi. Mitään ei lähetetä millekään palvelimelle.