Vanliga typer av metataggar
1. Meta Beskrivning
Ger en kort sammanfattning av webbsidans innehåll, som används av sökmotorer för att visas i sökresultaten.
<meta name=”description” content=”Detta är en webbsida om HTML-metataggar och deras funktioner.” >
2. Meta nyckelord
Anger nyckelord som är relevanta för sidans innehåll. (Mindre viktigt för SEO nuförtiden.)
<meta name=”nyckelord” content=”HTML, metataggar, webbsida, SEO”>
3. Visningsområde
Styr hur webbsidan visas på mobila enheter.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
4. Teckenuppsättning
Anger teckenkodningen för webbsidan (UTF-8 används ofta).
<meta charset=”UTF-8″>
5. Författare
Anger namnet på innehållets författare.
<meta name=”författare” content=”John Doe”>
Exempel på metataggar i HTML
<! DOCTYPE html>
<html>
<huvud>
<meta charset=”UTF-8″>
<meta name=”description” content=”Lär dig allt om HTML-metataggar och hur de förbättrar SEO och sidans funktionalitet.” >
<meta name=”nyckelord” content=”HTML, metataggar, SEO”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta name=”författare” content=”Jane Smith”>
<titel>Förstå metataggar</titel>
</huvud>
<kropp>
<h1>Välkommen till metataggshandledningen</h1>
</kropp>
</html>
Vikten av metataggar
– SEO: Metataggar, särskilt beskrivning och nyckelord, hjälper sökmotorerna att förstå innehållet på en sida.
– Användarupplevelse: Taggar som ”viewport” förbättrar mobilens lyhördhet.
– Metadata: Ger ytterligare information (författare, teckenuppsättning) som är användbar för webbläsare och sökmotorer.