En artikel om taggen <head>, meta-taggar och deras betydelse.
Head och meta-taggar
Title, keywords, description...?!
Meta-taggar är information som läggs in i taggen <head> i källkoden på dina webbsidor. Inga meta-taggar förutom "title" (som egentligen inte är en meta-tagg men vi låtsas som det iallafall för enkelhets skull) så är meta-taggarna helt osynliga för dina besökare när de surfar på din webbsida. Istället är meta-data ett sätt att förmedla information som dina besökare inte är intresserade av att se. Meta tags kan exempelvis tala om för en webbläsare hur tecken ska tolkas eller om sidan klassificerar sig som en sida som bara bör besökas av vuxna.
Head-taggen börjar med <head> och avslutas med </head>
Title
När din hemsida listas bland sökresultaten när någon gör en sökning på nätet så är det titeln som visas först. Titeln väger tyngst när det gäller att beskriva en webbsidas innehåll - se därför till att alltid sätta korrekta beskrivande titlar på varje hemsida. Detta förbättrar din webbsidas chanser att träffa bra bland sökresultaten i exempelvis Google.
Några tips för title:
- Varje webbsida bör så långt det är möjligt använda en unik och beskrivande titel.
- Eftersom titeln är det första som visas vid en sökning så bör du se till att utforma den snyggt för att uppmuntra till klick och därmed få besökare.
Titlar bör i i den mån det är möjligt vara unik för varje webbsida - något som ofantligt många är omedvetna om och av den anledningen får de mycket mindre trafik till sin hemsida än vad de skulle fått om de lagt ner lite energi på att ge varje sida en unik och beskrivande titel.
Titel-taggen börjar med <title> och avslutas med </title>
Kodexempel för "title";
<title>Din titel här</title>
I ovanstående kod användes ä för att representera bokstaven "ä". Ibland behöver du använda dig av specialtecken för att skriva ut svenska bokstäver - beroende på hur servern på ditt webbhotell är konfigurerad.
Sökord (keywords)
Det sägs att sökord inte är speciellt viktiga för att hamna bra i sökmotorresultaten nuförtiden. Om du vill konkurrera mot andra sajter är det dock viktigt att göra allt rätt och att underskatta deras betydelse är fel väg att gå. Använd inte sökord som inte ingår i texten på din sida och skriv inte in samma ord flera gånger. Det är bättre att skriva för få sökord än alldeles för många icke-relevanta sökord. För många sökord kan tolkas som att du försöker spamma dig till bättre sökresultat.
Att skriva in populära sökord som exempelvis "paris hilton" och "porr" är fel väg att gå för att försöka få mer trafik. Sökmotorerna är slugare än så nuförtiden och du kan tas bort ur sökresultaten helt och hållet om du sysslar med föråldrade fusktekniker.
Kolla exemplet nedanför för att se hur du skriver in meta-datan för sökord!
Kodexempel för "keywords":
<meta name="Keywords" content="head, html, taggar, metataggar, titel, description, keywords, exempel"/>
Beskrivning (description)
Beskrivningen visas,liksom titeln, i sökresultatet om någon gör en sökning på nätet och din sida träffar. Beskrivningen är den näst viktigaste meta-taggen. Försök att få in de väsentligaste sökorden lite smidigt i beskrivningen för att rankas bra (eller åtminstone för att ha samma chans att listas på gynnsam position).
Kolla exemplet nedanför för att se hur du skriver in meta-datan för beskrivningen!
Kodexempel för "description":
<meta name="Description" content="Information om meta-taggar som exempelvis title, keywords och description."/>
Om du vill titta på korrekt skriven kod inom head-taggen så är det bara att högerklicka när du tittar på den här sidan och välja "view source" (namnet kan variera beroende på vilken webbläsare som du använder ).
Head-taggen i ett sammanhang
Om du kopierar och klistrar in in nedanstående kod i en ren textfil och sedan sparar den som .html så bör den se ut så här (dvs helt tom). Det enda som du kan läsa på sidan är en titel längst uppe i webbläsarfönstret. Det andra är dold information som du endast ser om du klickar med höger musknapp i webbläsarfönstret och väljer "view source".
<html>
<head>
<title>Information om head-taggen </title>
<meta name="Keywords" content="head, html, taggar, metataggar, titel, description, keywords, exempel"/>
<meta name="Description" content="Information om meta-taggar som exempelvis title, keywords och description."/>
</head>
<body>
</body>
</html>
I nästa artikel hittar du ett verktyg som hjälper dig att utforma title, description och keywords på ett korrekt sätt. Programmet Meta Data Tag Creator är gjort i Javascript.
