Rubriker
Rubriker används före den löpande texten och ibland även inuti, det senare kallas underrubrik. Rubriker används för att beskriva innehållet, skapa struktur åt texten samt förbättra översikten.
En rubrik ska stå på en egen rad och kortfattat beskriva innehållet som följer. Läsaren ska snabbt kunna bläddra sig fram (eller scrolla sig nedåt) i en text och eventuellt använda rubrikerna för att hitta rätt.
En rubrik skiljer sig från en mening och det ska inte vara någon punkt i slutet på rubriktexten (komma, frågetecken och utropstecken kan däremot användas). Däremot inleds en rubrik alltid med stor bokstav.
En typografisk regel är att avståndet mellan rubriken och texten ska vara större ovanför rubriken än under. Detta fastslår visuellt att rubriken och efterföljande text hör ihop. Stycket som följer direkt under en rubrik ska inte ha något indrag.
Som bilden till höger visar kan det finnas flera rubriknivåer med minskande storlek. Huvudrubriken är av naturliga orsaker störst och sedan minskar textstorleken desto mindre vikt rubriken har i texten. Hur många nivåer som används varierar, men det är sällan nödvändigt med mer än fyra stycken (i webbsammanhang finns de
I HTML-språket finns det ett system med olika märken h1, h2, h3, h4, h5 och h6 som du kan använda för att ha rubriker i olika storlekar. Naturligt har dessa olika storlek relativt till varandra så att ett enkelt sätt att göra olika stora rubriker är att sätta dem till de olika märkena med inbördes olika storlek (där h1 är en stor rubrik och h6 är en liten rubrik, precis som pappersstorlekarna A3, A4, A5 och så vidare).
När du arbetar med CSS kan du använda dessa märken för att inkludera mer information för de olika märkena så att varje givet märke (h1, h5, och så vidare) innehåller ett visst format. Du kan specificera teckensnittet, färgen och mycket mer på varje rubrik. Det blir på detta sätt möjligt att programmera storleken också så att rubrikernas storlek inte längre behöver ha någonting att göra med vilken inbördes storlek de har; h1 kan du göra mindre än h6 om du skulle vilja detta.
Det går också att klumpa ihop dessa märken så att till exempel h1, h2, h3, h4 och h5 har samma storlek, men h1, h2, h3 har ett typsnitt och h4, h5 har ett annat. Koden skulle kunna se ut så här:
h1, h2, h3, h4, h5 {
font-size: 20px;
}
h1, h2, h3 {
font-family: Arial;
}
h4, h5 {
font-
H1, H2, H3 – så skriver du bra rubriker för SEO
Rubrikerna spelar en mycket betydelsefull roll när det kommer till SEO. H-taggarna bestämmer hierarkin på sidans rubriker och ger både sökmotorerna och besökarna information om hur viktiga olika rubriker är för innehållet på sidan. Om rubrikerna inte har rätt rubriktaggar i koden blir det svårare för sökmotorerna att läsa av innehållet. Men var är en bra rubrik, varför är rubriker viktiga och hur samspelar de med varandra och resten av innehållet på en sida?
Vad är en rubrik?
En rubrik är en kort och ofta slagkraftig text. En bra rubrik består vanligtvis av få och väl utvalda ord som på ett enkelt sätt sammanfattar innehållet i den text som följer därefter. Vid sökordsoptimering är rubriker viktiga för att sökmotorerna ska förstå innehållet på en sida då de hjälper till att skapa struktur och ger en bra överblick över hela textens innehåll. För att sökmotorerna ska kunna urskilja rubrikerna från det övriga innehållet i texten är det viktigt att de får riktiga rubriktaggar. I HTML-koden ser de ut så här:
<h1>Detta är sidans huvudrubrik</h1>
<h2>Det här är en underrubrik</h2>
Text utan rubriktaggar uppf
Citat: &#;Vi använder h-taggar för att förstå textens struktur på en sida bättre&#; John Mueller, Google
rubriktaggar har inflytande när det gäller ranking i Google. Även om det inte spelar någon roll för Google, håller jag mig till en &#; H1 &#;på sidan och använder rubrikerna &#;H2&#;, &#; H3 &#; var lämpliga. Håll rubrikerna i ordning. Undvik att använda rubriker för designelement. Skriv naturligt med nyckelord i rubriker om det är relevant. Undvik nyckelord fyllning.,
enkel hantering av H-taggar är ofta mer hanterbar än &#;optimal&#; och mycket lättare att uppnå med de flesta fördelarna, och det finns ofta inget exakt sätt att behandla något specifikt SEO-element i varje fall.
läs vidare för en mer detaljerad förklaring av hur jag hanterar rubriker från H1 till H6 på en webbsida, och varför jag bara använder 1 H1 på en vanlig webbsida om jag inte är specifikt ombedd att göra något annat, eller arbetar med ett mycket skräddarsytt HTML-dokument.
Jag håller frasen i Sidtiteltaggar och H1-taggar identiska dessa dagar.
Vad är rubriktaggar i HTML?,
det här är mina anteckningar om att använda rubriker i SEO.
i HTML (markeringen som gör webbsidor) beskriver W3C rubr
.