Checklista när du går över till responsiv design
Publicerad 14 oktober 2014, senast uppdaterad 2023-05-19
Trafiken från mobila enheter fortsätter att öka. Idag är det många som går över till responsiv design från att ha tidigare haft en separat mobilsida. I denna post går jag igenom vad du behöver göra för att det ska bli en bra övergång ur ett seo-perspektiv.
I förra veckan publicerade vi vår årliga undersökning över den mobila trafiken. Den visade att trafiken från mobila enheter fortsätter att öka markant. För att ta tillvara på den trafiken på bästa sätt bör du ha en mobilanpassad webbsajt. Detta brukar lösas på två sätt, antingen låter man sajten anpassa sig efter besökarens enhet (responsiv design), eller så har man en separat webbsajt för mobila enheter. Ur ett SEO-perspektiv så är oftast en responsiv design att föredra.
Om du har en separat mobilsida idag men vill gå över till en responsiv sida så bör du följa dessa steg för att övergången ska bli bra och du inte ska tappa organisk trafik.
- Ta bort eventuella ompekningar för olika user-agents
- Ta bort eventuella hänvisningar mellan de två versionerna. Det kan vara interna länkar mellan versionerna eller i koden som till exempel:
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page" > - Peka om mobilsidans sidor med permanent redirect 301 till motsvarande sidor på webbsidan.
- Implementera den responsiva designen. Kontrollera så att inte viktiga JS och CSS-filer är blockerade.
- Kontrollera så att sökmotorns spindel kommer åt alla ompekningar på mobilsidan. Spindeln ska inte vara blockerad i till exempel robots.txt.
