Teknik

Noindex

En märkning i sidans kod som säger åt Google att inte visa sidan i sökresultatet.

Varför det spelar roll: Ligger den kvar på startsidan spelar allt annat ingen roll, för sidan kan inte hittas via Google alls. Den följer nästan alltid med av misstag från en testversion av sajten.

Gör så här

• Leta upp raden med noindex i sidans kod och ta bort den.
• I WordPress finns oftast en inställning som heter något i stil med "Avråd sökmotorer från att indexera". Den ska vara avstängd.
• Be sedan Google läsa om sidan via Search Console, annars kan det dröja innan den dyker upp.

Robots.txt som stänger ute alla

En rad i filen robots.txt som säger åt alla sökmotorer att hålla sig borta från hela sajten.

Varför det spelar roll: Så länge den står kvar kan ingen sida på sajten hamna i Google. Det är samma effekt som noindex, fast för hela sajten på en gång.

Gör så här

• Öppna adressen dindoman.se/robots.txt i webbläsaren.
• Står det Disallow: / under User-agent: * ska den raden bort.
• Vill ni stänga ute sökmotorer från en enskild del, peka ut just den mappen i stället för snedstrecket.

HTTPS, krypterad anslutning

Den låssymbol som visas i webbläsaren och som gör att ingen kan avlyssna vad besökaren skickar.

Varför det spelar roll: Utan den varnar webbläsare för sajten, vilket skrämmer bort besökare innan de sett något. Google rankar dessutom krypterade sajter högre.

Gör så här

• Nästan alla webbhotell erbjuder ett gratis certifikat via Let's Encrypt. Be er leverantör slå på det.
• Kontrollera sedan att adressen börjar med https och att låset syns.

Omdirigering från http till https

Att den som skriver adressen utan lås automatiskt skickas till den säkra versionen.

Varför det spelar roll: Utan den finns sajten på två adresser samtidigt. Google delar då upp styrkan mellan dem, så båda rankar sämre än en enda hade gjort.

Gör så här

• Be den som sköter servern lägga in en permanent omdirigering, en så kallad 301, från http till https.
• Testa genom att skriva adressen utan https och se att låset ändå dyker upp.

En enda adress till startsidan

Att bara en av adresserna med och utan www svarar med innehåll, och att den andra skickar vidare.

Varför det spelar roll: Svarar båda ser Google två sajter med identiskt innehåll. Länkar och styrka fördelas då på två adresser i stället för att samlas på en.

Gör så här

• Välj vilken variant som ska vara den riktiga. Det spelar ingen roll vilken, bara ni håller er till den.
• Låt den andra skicka vidare med en permanent omdirigering.
• Använd samma variant i all marknadsföring och i alla länkar.

Omdirigeringskedja

När adressen skickas vidare flera gånger i rad innan besökaren landar rätt.

Varför det spelar roll: Varje extra hopp kostar laddtid, och en del av den styrka som länkar till sajten ger försvinner på vägen.

Gör så här

• Låt den första adressen peka direkt på slutmålet i stället för via mellansteg.
• Ett hopp är normalt, till exempel från http till https. Fler än så är värt att rensa.

Robots.txt

En liten textfil i sajtens rot där sökmotorer läser vad de får och inte får titta på.

Varför det spelar roll: Den behöver inte innehålla mycket, men det är där sökmotorerna letar efter sajtkartan. Saknas filen får de hitta själva.

Gör så här

• Lägg upp en fil som heter robots.txt i sajtens rot.
• Peka ut sajtkartan i den med en rad som börjar med Sitemap:.
• De flesta system i WordPress skapar filen automatiskt om man ber dem.

Sajtkarta

En lista över sajtens alla adresser som sökmotorer kan läsa direkt.

Varför det spelar roll: Google hittar sidor genom att följa länkar. En sida som få eller inga länkar till kan bli osynlig utan en sajtkarta som pekar ut den.

Gör så här

• Låt ert system skapa en sajtkarta automatiskt, så uppdateras den när ni publicerar nytt.
• Peka ut den i robots.txt.
• Lämna in den i Google Search Console, så vet ni att Google fått den.

Canonical

En rad i sidans kod som pekar ut vilken adress som är den riktiga när samma innehåll går att nå på flera.

Varför det spelar roll: Adresser får ofta spårningsparametrar på sig när man annonserar eller delar länkar. Utan den här raden kan Google räkna varje variant som en egen sida med kopierat innehåll.

Gör så här

• Lägg in en canonical-rad på varje sida som pekar på sidans riktiga adress.
• I WordPress sköts det oftast av tillägget för sökoptimering, kontrollera att det är påslaget.

Språkangivelse

En markering som talar om vilket språk sidan är skriven på.

Varför det spelar roll: Sökmotorer använder den för att visa sidan för rätt personer, och skärmläsare för att uttala orden rätt.

Gör så här

• Ange svenska som språk i sidans kod, med koden sv.

Teckenkodning

Inställningen som gör att å, ä och ö visas rätt i stället för som krumelurer.

Varför det spelar roll: Saknas den kan svenska tecken visas fel för vissa besökare, vilket ser slarvigt ut och gör texten svårläst.

Gör så här

• Ange teckenkodningen utf-8 först i sidans kod.

Favicon

Den lilla ikonen som visas i webbläsarens flik och i bokmärken.

Varför det spelar roll: En sajt utan ikon ser ofärdig ut, och är svårare att hitta tillbaka till bland många öppna flikar.

Gör så här

• Gör en kvadratisk bild av logotypen, gärna minst 512 bildpunkter.
• Lägg upp den som sajtens ikon. De flesta system har en inställning för det.

Säkerhetsinställningar på servern

Några rader i serverns konfiguration som skyddar besökaren mot vanliga angrepp.

Varför det spelar roll: De kostar ingenting i prestanda och märks inte av besökaren, men stänger dörren för flera angrepp som annars är möjliga.

Gör så här

• Strict-Transport-Security säger åt webbläsaren att alltid använda den krypterade anslutningen.
• X-Content-Type-Options hindrar webbläsaren från att gissa filtyp och öppna något den inte borde.
• Referrer-Policy gör att besökarens adress inte skickas vidare till sajter ni länkar till.
• Be den som sköter servern lägga till dem. Det är en rad per inställning.

Sidor som inte finns

Vad servern svarar när någon skriver en adress som inte existerar.

Varför det spelar roll: Svarar den att allt är i sin ordning tror Google att varje felstavad adress är en riktig sida. Sökresultatet fylls då med tomma sidor från er sajt.

Gör så här

• Låt adresser som inte finns svara med koden 404.
• Gör en egen felsida med er meny och en sökruta, så hittar besökaren vidare i stället för att lämna.

Innehåll

Sidtitel

Den blå länktexten som folk klickar på i Googles sökresultat.

Varför det spelar roll: Det är ofta det enda någon läser innan de bestämmer sig för att klicka eller inte. En titel som bara säger företagsnamnet lockar sällan någon som inte redan känner till er.

Gör så här

• Skriv vad ni erbjuder och gärna var ni finns, till exempel Bageri i Hudiksvall, surdegsbröd bakat samma morgon.
• Lägg det viktigaste först, det som står sist klipps bort.
• Varje sida ska ha sin egen titel.

Titelns längd

Google klipper titeln efter ungefär 60 tecken.

Varför det spelar roll: Blir den för lång försvinner slutet mitt i en mening. Blir den för kort hinner ni inte säga vad ni gör.

Gör så här

• Sikta på mellan 30 och 60 tecken.
• Kontrollera hur den ser ut genom att söka på företagsnamnet.

Metabeskrivning

Den grå texten under rubriken i sökresultatet.

Varför det spelar roll: Skriver ni den inte själva plockar Google ut en mening ur sidan, och den meningen är sällan den som får någon att klicka.

Gör så här

• Skriv ungefär 150 tecken som säger vad besökaren får ut av att klicka.
• Ta med det som skiljer er från andra, till exempel ort, öppettider eller att ni svarar samma dag.
• Skriv en egen för varje sida.

Beskrivningens längd

Beskrivningen klipps av i sökresultatet om den blir för lång.

Varför det spelar roll: En avklippt mening ser slarvig ut och slutar mitt i det ni ville säga.

Gör så här

• Sikta på mellan 70 och 160 tecken.

Huvudrubrik, H1

Sidans största rubrik, den som säger vad sidan handlar om.

Varför det spelar roll: Efter titeln är det den starkaste signalen om sidans ämne. Saknas den, eller finns flera, blir det otydligt både för besökaren och för Google.

Gör så här

• Ha exakt en huvudrubrik högst upp på varje sida.
• Låt den säga vad sidan handlar om, inte bara Välkommen.
• Gör om eventuella övriga huvudrubriker till underrubriker.

Rubriknivåer

Rubriker har nivåer, från huvudrubrik och nedåt, och de ska följa på varandra utan att hoppa över ett steg.

Varför det spelar roll: Ordningen är hur både sökmotorer och skärmläsare förstår vad som hör ihop med vad. Hoppar den blir sidans innehållsförteckning obegriplig.

Gör så här

• Efter huvudrubriken kommer nivå två, sedan nivå tre. Hoppa inte över en nivå.
• Välj rubriknivå efter innehållets struktur, inte efter hur stor texten ska se ut. Storleken ändrar ni i utseendet.

Mängd text

Hur mycket läsbar brödtext sidan har, räknat utan meny och sidfot.

Varför det spelar roll: En sida med väldigt lite text har inget för Google att förstå den på. Den får då svårt att ranka på något annat än företagsnamnet, alltså sökningar från folk som redan känner er.

Gör så här

• Skriv om vad ni gör, för vem, var ni finns och vad som skiljer er från andra.
• Svara på de frågor kunder brukar ställa innan de hör av sig.
• Skriv för besökaren först. Text som bara finns för sökmotorns skull märks och gör mer skada än nytta.

Alt-text på bilder

Den korta beskrivningen av en bild som läses upp för besökare med skärmläsare.

Varför det spelar roll: Det är enda sättet Google förstår vad bilden visar, och enda sättet en synskadad besökare får veta det. Det är dessutom ett lagkrav för många verksamheter.

Gör så här

• Beskriv vad bilden föreställer, kort och konkret.
• Rent dekorativa bilder ska ha en tom beskrivning, vilket är något annat än att sakna den helt.
• Skriv inte bild av eller foto, det hörs redan.

Delningsbild och delningstext

Rubriken, texten och bilden som visas när någon delar länken på Facebook eller LinkedIn.

Varför det spelar roll: Utan dem blir länken en grå ruta utan bild. Skillnaden i hur många som klickar är stor, och det är ofta gratis spridning ni går miste om.

Gör så här

• Lägg in en rubrik, en beskrivning och en bild för delning i sidans kod.
• Bilden bör vara ungefär 1200 gånger 630 bildpunkter.
• Testa hur det ser ut med Facebooks eller LinkedIns egna förhandsgranskningsverktyg.

Delningskort för X

Motsvarigheten till delningsbilden, fast för X, tidigare Twitter.

Varför det spelar roll: Utan den visas en liten ikon i stället för en stor bild när länken delas.

Gör så här

• Lägg in märkningen för delningskort i sidans kod och välj varianten med stor bild.

Strukturerad data

Några rader i sidans kod som beskriver företaget på ett sätt sökmotorer förstår, till exempel adress och öppettider.

Varför det spelar roll: Det är så Google kan visa extra information direkt i sökresultatet, som öppettider, betyg eller vanliga frågor. Det tar större plats och drar fler ögon.

Gör så här

• Beskriv verksamheten med namn, adress, telefonnummer och öppettider.
• Har ni vanliga frågor på sidan kan de märkas upp så de kan visas direkt i sökresultatet.
• Kontrollera resultatet med Googles verktyg för utökade resultat.

Interna länkar

Länkar från en sida på sajten till en annan.

Varför det spelar roll: Google hittar sidor genom att följa länkar. En sida som ingen länkar till är svår att hitta, både för sökmotorn och för besökaren.

Gör så här

• Länka från startsidan till de sidor som är viktigast för er affär.
• Skriv länktexten så den säger vart den leder. Läs mer säger ingenting.
• Länka mellan sidor som hör ihop, till exempel från en tjänst till ett kundexempel.

Hreflang

En markering som talar om vilka språkversioner av sidan som finns.

Varför det spelar roll: Har ni sajten på flera språk hjälper den Google att visa rätt version för rätt besökare i stället för att se dem som kopior av varandra.

Gör så här

• Behövs bara om sajten finns på flera språk.
• Varje språkversion ska peka ut alla de andra, inklusive sig själv.

Prestanda

Serverns svarstid

Tiden från att besökaren klickar till att servern börjar skicka något alls.

Varför det spelar roll: Det är ren väntan innan något ens hinner visas. Allt annat arbete med hastighet blir verkningslöst om den här tiden är hög.

Gör så här

• Slå på cachning, så servern slipper bygga ihop samma sida om och om igen.
• Ligger tiden kvar över en sekund är webbhotellet oftast orsaken, och då hjälper bara ett byte.

Startsidans storlek

Hur stor själva sidans kod är, innan bilder och annat räknas in.

Varför det spelar roll: En stor sidkod tar tid att hämta och tid för webbläsaren att gå igenom, särskilt över mobilnätet.

Gör så här

• Ligger utseendet inbakat i sidan, flytta ut det till en egen fil. Då kan webbläsaren spara undan den och slippa hämta om den på nästa sida.
• Sidbyggare lämnar ofta kvar mycket onödig kod. Se över om alla block verkligen används.

Komprimering

Att servern packar ihop sidan innan den skickas, ungefär som en zip-fil.

Varför det spelar roll: Det brukar minska storleken med omkring sjuttio procent. Det är en inställning, inte ett utvecklingsjobb, och därför en av de billigaste förbättringarna som finns.

Gör så här

• Be den som sköter servern slå på gzip eller brotli.

HTTP/2

Ett nyare sätt för webbläsaren och servern att prata med varandra, där flera filer hämtas samtidigt.

Varför det spelar roll: Med den äldre varianten hämtas filerna en i taget. Sidor med många bilder och skript blir märkbart långsammare.

Gör så här

• Be den som sköter servern slå på HTTP/2. De flesta moderna webbhotell har det redan.

Bildernas storlek

Hur mycket sidans bilder är tillsammans.

Varför det spelar roll: Bilder är nästan alltid det tyngsta på en sida. Över mobilnätet är det både väntan för besökaren och surf som kostar dem pengar.

Gör så här

• Spara om bilderna i den storlek de faktiskt visas i på sidan.
• Använd formatet WebP, som ger mindre filer utan synlig försämring.
• En bild som är 4000 bildpunkter bred men visas i 400 är det vanligaste enskilda skälet till att en sida känns långsam.

Filer som blockerar visningen

Filer som webbläsaren måste hämta klart innan den får visa något för besökaren.

Varför det spelar roll: Varje sådan fil är ren väntan framför en vit skärm. Ju fler de är, desto längre står besökaren och tittar på ingenting.

Gör så här

• Slå ihop flera stilfiler till färre.
• Märk upp programkoden så att sidan får börja visas innan den hämtats klart.
• Se över om alla tillägg verkligen behövs. Varje tillägg lägger ofta till egna filer.

Tid till sidans huvudinnehåll

Hur lång tid det tar innan det största innehållet på sidan syns, oftast toppbilden eller rubriken.

Varför det spelar roll: Det är det mått som bäst motsvarar hur snabb sidan känns. Google använder det som en av sina rankningssignaler.

Gör så här

• Tiden bör vara under 2,5 sekunder.
• Är det en toppbild som drar upp den, spara om den mindre och låt den hämtas först av allt.
• Är det servern som är långsam hjälper ingen bildoptimering.

Hoppande innehåll

Hur mycket sidan flyttar på sig medan den laddar.

Varför det spelar roll: Hoppar innehållet råkar besökaren klicka fel, vilket är irriterande nog att få folk att lämna. Google mäter det och väger in det.

Gör så här

• Måttet bör ligga under 0,1.
• Ange bildernas höjd och bredd i koden, så reserveras platsen innan bilden hämtats.
• Reservera plats för annonser och banners som laddas in efteråt.

Svar på klick och tryck

Tiden från att besökaren trycker till att något syns hända.

Varför det spelar roll: En sida som ser färdig ut men inte reagerar känns trasig. Måttet går bara att mäta på riktiga besökare, så sajter med få besökare får ingen siffra alls. Det är inget fel på sajten, bara för lite underlag.

Gör så här

• Tiden bör vara under 0,2 sekunder.
• Långsamma svar beror nästan alltid på tunga skript som håller webbläsaren upptagen just när någon klickar.
• Se över tillägg och spårningsskript, de är ofta boven.

Googles prestandabetyg

Ett sammanvägt betyg från 0 till 100 som Google sätter på hur snabb sidan är i mobil.

Varför det spelar roll: Betyget i sig är ingen rankningssignal, men det väger ihop de mått som är det. Det är ett bra sätt att följa om det går åt rätt håll.

Gör så här

• Titta på de enskilda måtten i stället för på totalen, det är där det syns var det tar emot.
• Jaga inte hundra. Skillnaden mellan 90 och 100 märks sällan för en besökare.

Mobil

Anpassning till mobilskärm

En rad i sidans kod som talar om att sidan ska anpassa sig efter skärmens bredd.

Varför det spelar roll: Utan den visas sajten som en hopkrympt datorsida i telefonen, med text som är omöjlig att läsa utan att zooma. De flesta besökare kommer från mobilen, och Google bedömer sajten utifrån mobilversionen.

Gör så här

• Lägg in raden som anger att sidan ska följa skärmens bredd.
• Stäng inte av möjligheten att zooma. Den som har svårt att se behöver kunna förstora texten.

Bilder anpassade efter skärmen

Att sidan lägger upp bilderna i flera storlekar och låter mobilen hämta den minsta som duger.

Varför det spelar roll: Annars hämtar mobilbesökaren bilder i full datorstorlek över mobilnätet. Det tar tid och kostar dem surf, för en bild de ändå ser i en fjärdedel av storleken.

Gör så här

• Lägg upp varje bild i flera storlekar.
• Använd srcset, alltså den kodrad som säger åt webbläsaren vilken storlek den ska hämta.
• De flesta system i WordPress gör det automatiskt om man låter dem.

Klickbart telefonnummer

Att telefonnumret är en länk som ringer upp när man trycker på det i mobilen.

Varför det spelar roll: För ett lokalt företag är det ofta den viktigaste knappen på hela sajten. Står numret som vanlig text måste besökaren markera, kopiera och klistra in, och en del orkar inte.

Gör så här

• Gör numret till en länk som börjar med tel: följt av numret.
• Skriv numret med landskod i länken, så fungerar det även för den som ringer från utlandet.

Automatisk igenkänning av telefonnummer

En inställning som kan stänga av mobilens förmåga att själv göra telefonnummer ringbara.

Varför det spelar roll: Är den påslagen kan besökaren inte trycka för att ringa, inte ens där numret står. Den följer ofta med från en mall utan att någon valt det.

Gör så här

• Ta bort märkningen som stänger av telefonigenkänning ur sidans kod.