A metacímkék gyakori típusai
1. Meta leírás
Rövid összefoglalót nyújt a weboldal tartalmáról, amelyet a keresőmotorok használnak a keresési eredményekben való megjelenítéshez.
<meta name=”description” content=”Ez a weboldal a HTML metacímkékről és azok funkcióiról szól.” >
2. Meta kulcsszavak
Az oldal tartalma szempontjából releváns kulcsszavakat ad meg. (Manapság kevésbé fontos a SEO számára.)
<meta name=”keywords” content=”HTML, meta tags, weboldal, SEO”>
3. Nézetablak
Azt szabályozza, hogyan jelenjen meg a weboldal mobileszközökön.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
4. Karakterkészlet
Megadja a weblap karakterkódolását (általában UTF-8 használatos).
<meta charset=”UTF-8″>
5. Szerző
A tartalom szerzőjének nevét adja meg.
<meta name=”szerző” content=”John Doe”>
Példa metacímkékre HTML-ben
<! DOCTYPE html>
<html>
<fej>
<meta charset=”UTF-8″>
<meta name=”description” content=”Tudjon meg mindent a HTML metacímkékről és arról, hogyan javítják a SEO-t és az oldal funkcionalitását.” >
<meta name=”keywords” content=”HTML, meta tags, SEO”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta name=”szerző” content=”Jane Smith”>
<cím>A metacímkék ismertetése</cím>
</fő>
<test>
<h1>Üdvözöljük a metacímke oktatóanyagában</h1>
</test>
</html>
A metacímkék fontossága
– SEO: A metacímkék, különösen a leírás és a kulcsszavak segítenek a keresőmotoroknak megérteni az oldal tartalmát.
– Felhasználói élmény: Az olyan címkék, mint a „viewport”, javítják a mobil reakcióképességet.
– Metaadatok: További információkat (szerző, karakterkészlet) nyújt a böngészők és keresőmotorok számára.