Onpage SEO eller onpage-optimering som jag kommer kalla det i denna artikel handlar om det optimeringsarbete som görs lokalt i webbplatsens HTML-kod eller källkod. Arbetet går mycket ut på att använda rätt HTML-taggar, men innefattar även sökordsdensitet och laddningstid.
De taggar som används inom HTML idag skiljer sig en hel del från de som vanligtvis användes under 90-talet och en bit in på 00-talet. Förr var det vanligt att använda font-taggar och liknade som styr sidans design direkt i HTML-koden. Dessa taggar är numera helt övergivna och designen ändras istället med hjälp av en CSS-fil (Cascading Style Sheets, eller stilmallar). När man ska sökmotoroptimera en gammal webbplats är det första man bör göra att leta reda på alla gamla HTML-taggar som används. Dessa bör sedan bytas ut mot moderna motsvarigheter. Är det t.ex. ett ord i en text som förstärkts med FONT-COLOR bör den taggen bytas ut mot EM eller STRONG. Alternativt om det inte är ett viktigt sökord så kan man sätta det inom en span-tagg och sedan ge den en annan färg med hjälp av CSS.
Nedan kommer jag gå igenom de viktigaste HTML-taggarna att ha koll på när man ska göra en onpage-optimering.
Titeln är den viktigaste taggen för placering av sökord. Title-taggen ska vara unik för varje enskild sida på webbplatsen. Den ska även vara relevant för innehållet på sidan, d.v.s. att sökorden i title-taggen ska återfinnas i sidans brödtext.
Rubriker är också mycket viktiga taggar för placering av sökord eller sökfraser. En sida på webbplatsen ska bara ha en enda huvudrubrik (H1) och den ska kort och tydligt sammanfatta innehållet på sidan. När man använder rubriker inom webbutveckling så ska man tänka på samma sätt som när man skriver en rapport. H1 är huvudrubrik, H2 är underrubrik till H1, och H3 är underrubrik till H2 o.s.v. H1-H3 är de rubriker som Google värderar högst, i fallande ordning. Sökord i rubrikerna H4-H6 ges mycket litet värde.
För att förstärka de sökord/nyckelord som är av extra stor relevans i texten används fet och kursiv stil, EM och STRONG. Genom detta talar du om för besökaren att du vill trycka extra mycket på dessa ord, och det tolkar även Google som att dessa ord är av extra stor relevans för texten.
All brödtext ska finnas inom P-taggar. Detta talar om för Google att texten är det viktiga innehållet, sidans brödtext och inte en del av omkringliggande design eller sidnavigering.
META-taggar ska alltid vara placerade inom HTML-filens HEAD-tagg. META-taggar är inte alls lika effektiva SEO-verktyg som de var för 10 år sedan. Google ger inte längre värde åt sökord i några META-taggar. Vissa sökmotorer värderar dock sökord i META-keywords, därför kan det vara bra att ändå ha med denna tagg. META-keywords ska bestå av max 5 sökord separerade med kommatecken. Dessa sökord ska även återfinnas i sidans brödtext.
META-description är en annat tagg som länge använts inom SEO. Sökord i denna tagg ges inte heller något värde. Trots det är META-description viktig eftersom denna text ofta visas under länken i Googles sökresultat. Genom att skriva en säljande META-description kan man locka många att klicka på länken i sökresultatet.
Läs mer om META-taggar: Meta Tags Explained
Sökordsdensitet har att göra med hur ofta de olika sökorden återfinns i en text. Rekommendationen är att sökordet ska utgöra 5 och 7% av det totala antalet ord i texten. Upprepar man det onaturligt mycket finns risken att Google ser det som keyword-stuffing och flyttar ner sidan i sökresultatet.