Mi a meta-címkék?

A meta címkék HTML-címkék, amelyek metaadatokat szolgáltatnak a HTML-dokumentumról. Ezek a <head>-en belül helyezkednek el, és nem jelennek meg közvetlenül az oldalon.

A meta címkék fő céljai:

Tartalom leírása: A oldal címének (<title>) és egy rövid leírásának (<meta name="description">) megadása.
Kulcsszavak: A tartalomhoz kapcsolódó kulcsszavak felsorolása (<meta name="keywords"> - kevésbé releváns a modern SEO szempontjából).
Kódolás: A dokumentum karakterkészletének meghatározása (<meta charset="utf-8">).
Szerző: A oldal szerzőjének megadása (<meta name="author">).
Viewport: A mobil eszközökön történő nagyítás és a nézetterület méretének kezelése (<meta name="viewport">).
Robots: Utasítások a keresőrobotok számára (indexeljenek vagy ne, kövessék vagy ne a linkeket) (<meta name="robots">).
Open Graph és Twitter Cards: Információk szolgáltatása a közösségi hálózatok számára a oldal megosztásakor (<meta property="og:...">, <meta name="twitter:...">).

Példák:

<meta charset="utf-8">
<meta name="description" content="Az én weboldalam leírása.">
<meta name="keywords" content="html, css, javascript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Cím a közösségi hálózatok számára">

Ezek fontosak a SEO szempontjából, a különböző eszközökön való helyes megjelenéshez és a tartalom megosztásához a közösségi médiában.