Mi a meta címkék és mire szolgálnak?

A meta címkék speciális HTML címkék, amelyek metaadatokat (az dokumentumról szóló információkat) szolgáltatnak a böngészők és a keresőmotorok számára. Ezek a <head> szekcióban helyezkednek el.

A meta címkék fő típusai és céljaik:

charset: Megadja az oldal karakterkódolását, például UTF-8. Fontos a szöveg helyes megjelenítéséhez.
```
<meta charset="UTF-8">
```
name="description": Rövid leírást ad az oldal tartalmáról. A keresőmotorok eredményeiben használják.
```
<meta name="description" content="Az oldal rövid leírása">
```
name="keywords": Kulcsszavak listája, amelyek az oldal tartalmát írják le. A SEO-ra gyakorolt hatása csökkent, de régi rendszerekben még használják.
```
<meta name="keywords" content="kulcsszó1, kulcsszó2, kulcsszó3">
```
name="viewport": A mobil eszközökön a nézetablak méretét és nagyítását szabályozza. Kritikus a reszponzív dizájnhoz.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: A nézetablak szélessége megegyezik az eszköz képernyőjének szélességével.
- initial-scale=1.0: Az oldal kezdeti nagyítása betöltéskor.

name="robots": A keresőrobotoknak szóló szabályokat határozza meg az oldal indexeléséről.

Az content attribútum értékeinek táblázata:

Érték	Leírás
`index`	Engedélyezi az oldal indexelését.
`noindex`	Megtiltja az oldal indexelését.
`follow`	Engedélyezi a linkek követését és indexelését.
`nofollow`	Megtiltja a linkek követését.
`all`	Egyenértékű a `index, follow`-lal. (Alapértelmezett érték)
`none`	Egyenértékű a `noindex, nofollow`-lal.

<meta name="robots" content="index, follow">

property (Open Graph, Twitter Cards): A tartalom megjelenítését határozza meg a közösségi médiában.

<meta property="og:title" content="Cím a közösségi médiához">
<meta property="og:description" content="Leírás a közösségi médiához">
<meta property="og:image" content="Előnézeti kép URL-je">
<meta property="og:url" content="Az oldal URL-je">
<meta name="twitter:card" content="summary_large_image">

A meta címkék használatának szükségessége a következő:

SEO (Keresőmotor-optimalizálás): Segítik a keresőmotorokat megérteni az oldal témáját és tartalmát, ami befolyásolja a rangsorolást és a találatokban való megjelenést (description, keywords, robots).
UX (Felhasználói élmény): Javítják az oldal megjelenését és interakcióját különböző eszközökön (viewport).
Közösségi média: Meghatározzák a megosztott link vonzó megjelenését, növelve a kattintási arányt (property - Open Graph, Twitter Cards).
Technikai információk: Fontos technikai adatokat szolgáltatnak a böngésző számára (pl. kódolás).

A meta címkék használata elengedhetetlen a helyes, optimalizált és felhasználóbarát weboldalak létrehozásához.