SEO-vänlig webbdesign som håller efter lanseringen

De flesta SEO-problem jag hittar på nya sajter var enkla att undvika när sajten byggdes och dyra att rätta efteråt. Navigering som Google inte kan följa, innehåll som bara finns på desktop, URL:er som byts vid lansering utan omdirigeringar. Här är det jag tittar på när en sajt designas eller byggs om, med Googles egen dokumentation som grund där den finns.

Det viktigaste i korthet

• Google indexerar mobilversionen. Allt som ska ranka måste finnas där.
• Länkar måste vara vanliga <a href>-länkar för att Google säkert ska kunna följa dem.
• Snabbhet och stabil layout är en del av sidupplevelsen, men relevans går före.
• Bestäm URL-strukturen innan lansering. Varje byte efteråt kräver omdirigeringar.
• En omdesign är en migrering. Planera den som en.

Designa för mobilen först

Google använder mobilversionen av sajten för att indexera och ranka. Det kallas mobile-first indexing. Två saker följer av det:

• Samma innehåll på mobil och desktop. Google skriver att mobilsajten ska ha samma innehåll som desktop. Skalar du bort text, rubriker eller strukturerad data på mobilen för att få en renare design, tappar du det i Googles ögon.
• Responsiv design. Google rekommenderar responsiv design, där samma HTML serveras till alla enheter och bara layouten anpassas. Det är också enklast att underhålla.

I praktiken granskar jag designskisserna i mobilformat först. Det som inte får plats där brukar vara det som inte behövs.

Navigering som Google kan följa

Enligt Googles riktlinjer för länkar kan Google i regel bara crawla en länk om den är ett <a>-element med ett href-attribut. Menyer som bygger på knappar med JavaScript-klick, eller filter som bara ändrar innehållet utan att ändra URL, kan se bra ut för besökaren men vara osynliga för Google.

• Huvudmenyn, kategorilänkar och paginering ska vara vanliga länkar med riktiga URL:er.
• Ankartexten ska beskriva målsidan. "Vinterdäck" säger mer än "Klicka här".
• Viktiga sidor ska gå att nå på några klick från startsidan. Hur strukturen byggs går jag igenom i webbplatsarkitektur och SEO.

En intern sökfunktion är bra för besökaren, men den ersätter inte länkar. Google söker inte i din sökruta.

Snabbhet och stabil layout

Google skriver att kärnsystemen belönar sidor med bra sidupplevelse, men att det inte finns någon enskild signal för det. Core Web Vitals är de mätvärden Google rekommenderar att du följer:

• LCP (laddning): inom 2,5 sekunder.
• INP (respons): under 200 millisekunder. INP ersatte FID i mars 2024.
• CLS (visuell stabilitet): under 0,1.

Designbesluten som oftast drar ner värdena, i min erfarenhet:

• Stora hero-bilder och bildspel överst som inte är komprimerade eller i rätt storlek.
• Bilder och annonsytor utan angiven höjd och bredd, som får layouten att hoppa när de laddar.
• Många tredjepartsskript: chattar, pop-ups, spårningstaggar och tillägg som ingen längre använder.
• Webbtypsnitt i många vikter som laddas innan texten visas.

Google skriver också att relevans går före sidupplevelse. En snabb sida som inte svarar på sökningen rankar inte. Men en långsam sida tappar besökare oavsett ranking.

Rubriker och innehåll i rätt ordning

Varje sida ska ha en tydlig huvudrubrik som säger vad sidan handlar om, och underrubriker som delar upp innehållet. Google skriver att det inte spelar någon roll för Sök om rubrikerna kommer i fel ordning, men för läsaren och för skärmläsare gör det det. Jag använder en H1 per sida och H2 för varje huvudavsnitt.

Det vanliga misstaget i design är att rubrikerna väljs efter storlek i stället för funktion. En dekorativ text blir H1 och den riktiga sidrubriken en H3. Styr utseendet med CSS och nivån med innehållet.

URL:er du slipper byta

Google rekommenderar enkla, beskrivande URL:er med ord i stället för långa ID-nummer, och bindestreck mellan orden. Sökord i URL:en har enligt Google knappt någon effekt på rankningen, så poängen är läsbarhet och stabilitet, inte att få in så många sökord som möjligt.

• Bestäm strukturen innan lansering: /kategori/underkategori/produkt eller platt, med eller utan avslutande snedstreck.
• Undvik datum och årtal i URL:er för innehåll som ska uppdateras.
• Undvik å, ä och ö i slugs om ditt system inte hanterar dem konsekvent.

Dubbletter och canonical

Samma innehåll på flera URL:er är vanligt i webbutiker: produkter i flera kategorier, sorteringsparametrar, spårningsparametrar och www mot utan www. Google skriver att det är ineffektivt men inte leder till någon manuell åtgärd. Problemet är att signalerna sprids och att Google själv väljer vilken version som visas.

• Omdirigera med 301 så att sajten bara svarar på en version av domänen.
• Sätt rel="canonical" på varianter som pekar på den version du vill ska ranka. Google ser det som en stark signal, inte ett krav.
• Länka internt till den kanoniska URL:en, inte till varianterna.

Hur canonicals, noindex och statuskoder hänger ihop går jag igenom i teknisk SEO: 11 grundläggande aspekter.

Bilder som går att hitta

Google rekommenderar beskrivande filnamn och alt-text på bilder. Alt-texten hjälper både Google och besökare med skärmläsare att förstå bilden. IMG_4031.jpg säger ingenting. vinterdack-dubbat-205-55-r16.jpg med en alt-text som beskriver bilden gör det. Leverera bilderna i den storlek de visas i, i ett modernt format som WebP eller AVIF.

En omdesign är en migrering

Den största risken med en ny sajt är inte designen, utan det som försvinner på vägen. Det här är min checklista:

1. Crawla den gamla sajten och spara alla URL:er, titlar och meta descriptions.
2. Exportera sidorna med trafik och länkar från Search Console, så du vet vilka som inte får tappas.
3. Mappa varje gammal URL till en ny och sätt upp 301-omdirigeringar direkt till slutmålet, utan kedjor.
4. Behåll innehållet på sidor som rankar. En ny design med halva texten är en ny sida för Google.
5. Testa staging-sajten med en crawler innan lansering, och se till att den är blockerad för Google så länge den ligger ute.
6. Ta bort blockeringen vid lansering. Den glöms oftare än man tror.
7. Skicka in den nya sitemapen och följ rapporten Sidindexering de första veckorna. Hur den läses står i indexeringsproblem i Google Search Console.

Ska du bygga ny sajt eller göra om den du har tar jag gärna med SEO från första skissen. Läs mer om webbutveckling.

Alexis PiippoGrundare TropSe · Höör