Guide: On page, del 2 – att arbeta med kod

Av: Jonas Grenfeldt

Vad kan väl passa bättre så här efter juletid, än en ny del av Crystones serie om sökmotoroptimering? Förra gången diskuterade vi hur arbete med synligt innehåll kan stärka en webbplats rank i sökmotorerna. Fokus låg på text, men även på hur man enkelt märker upp bilder för att göra även dem sökbara, och i den här artikeln ska vi dyka lite djupare ner i kodträsket.

Först och främst kan det vara på sin plats med ett allmänt råd: använd dig av ett publiceringssystem som gör det enkelt för dig att arbeta med en sidas kod. Låsta CMS-system innebär färre möjligheter till sökmotoroptimering, och att manuellt uppdatera en webbplats genom att ändra HTML-sida efter HTML-sida och sedan skicka upp den med hjälp av ftp, är inte heller optimalt.

När man arbetar med sökmotoroptimering, handlar det nästan alltid om att hitta de områden där enkla förändringar kan göra stor skillnad. Det går att sitta och pilla med kod och innehåll dygnet runt om man vill, men du som läser det här har förmodligen annat att göra också. Vad vi ska fokusera på, är de saker som kräver 20 % av arbetsinsatsen men som ger 80 % av resultatet. Resten är finlir.

Att arbeta med kod

Taggar

Det vi arbetar med när vi optimerar koden på en webbplats kallas för taggar. De öppnas med symbolen < och stängs med symbolen >. Dessa används även när du skapar en länk, eller lägger in en bild: i länkens fall så skrivs taggen som <a href=”http://www.crystone.se”>, i bildens fall <img src=”http://www.crystone.se/bild.jpg” alt=”Crystone”>.

I taggarna stoppar vi helt enkelt allt som vi vill berätta för en sökmotor eller webbläsare, men inte visa för våra mänskliga besökare. Här är några av de viktigare taggarna som du kan fokusera på till en början.

Title-taggen

Skrivs <title>Titel på sidan</title>. Slashtecknet ”/” före title-tagg nummer två innebär att title-elementet stängs. Det är title-taggen som syns högst upp i webbläsarfönstret när du besöker en sida, och det är också den som blir den stora, blåa klickbara länken i Googles sökresultat.

Hur ser din title-tagg ut? Reflekterar den varje sidas och undersidas innehåll? Är den relevant för de sökord och –begrepp som du vill synas på? Den här webbplatsen har till exempel title-taggen Webbhotell | Hosting | VPS | Domännamn | Crystone – det vill säga begrepp som är relevanta för sidans innehåll och samtidigt viktiga sökord som man vill synas på.

Title-taggen bör vara maximalt 70 tecken inklusive mellanslag för att hela den ska synas i sökmotorns resultatlista, kring 60 tecken är rekommenderat. Försök att få med relevanta begrepp så tidigt som möjligt, ha gärna med ditt företagsnamn, men glöm inte heller att försöka göra texten så säljande och inbjudande som möjligt. Du vill ju att folk ska klicka på din länk i sökresultatet, eller hur?

Meta description

Meta description är den tagg som (oftast, för ibland gör sökmotorn lite som den vill) visas som text under den stora, blå länken. Även här är det en bra idé att få in relevanta söktermer, och 160 tecken inklusive mellanslag står till ditt förfogande. Den här webbplatsens meta description är skriven så här:

<meta name=”description” content=”Vi är ett kvalitativt webbhotell med utmärkt support till ett bra pris! Vi har även tjänster som domännamn, dedikerade servrar, colocation hosting och VPSer” />

Både title och meta description ska placeras i sektionen <head> på din sida, och alltså inte inne i <body>.

Headings

Headings är kort och gott detsamma som rubriker. Minns du Internet-exemplet på Wikipedia i förra artikeln? Relevanta och strukturerade underrubriker gör inte bara en text läsvänlig, utan hjälper också till med att ytterligare klargöra för Google vad sidan handlar om. Headings finns i auktoritetsordning 1-6 där 1 är huvudrubriken och 5-6 mycket sällan används.

Den här artikeln har exempelvis elementen (taggarna) h1, h2 och h3 där h1 är <h1>On page, del 2 – att arbeta med kod</h1>. Öppna gärna sidans källkod själv för att se!

Bra att tänka på när det kommer till h-taggar är att bara använda en h1-tagg per sida. Om du exempelvis har ett kontaktformulär på varje sida med rubriken ”Kontakta oss”, eller kanske en webbutik med underrubriken ”Varukorg”, kan det ofta vara en bra idé att inte märka upp dessa med h-taggar, då det snarare kan förvirra en sökmotor än hjälpa den. På din kontaktsida, eller om du de facto säljer varukorgar, ska du självklart ha dessa ord som rubriker.

En bra start

Börja med att arbeta mer med dessa taggar, så kommer du förmodligen att märka en skillnad ganska snart. Det finns helt klart mycket mer att putsa på när det kommer till koden på en webbplats än bara titel, metabeskrivning och rubriker, men att göra dessa tre saker rätt ger ofta ganska bra effekt sett till arbetet man lägger ner.

För dig som arbetar i WordPress finns det enkla tillägg (plugins) att använda som enkelt låter dig sköta dessa element direkt från texteditorn. All in One SEO Pack duger gott och väl för nybörjaren medan du som vill arbeta lite mer avancerat med seo med fördel kan ladda hem WordPress SEO by Yoast. Båda dessa är kostnadsfria.

Comments

comments

One Response to “Guide: On page, del 2 – att arbeta med kod”

Lämna en kommentar

Social Widgets powered by AB-WebLog.com.