Teknisk SEO vs on-page SEO: viktiga skillnader och arbetsflöden

Översikt: vad varje disciplin ansvarar för

Kortfattat: teknisk SEO handlar om webbplatsens infrastruktur — det som gör att sökmotorer kan upptäcka, crawla, rendera och indexera sidor. On-page SEO handlar om innehållssignaler och användarorienterad optimering som hjälper sökmotorer och människor att förstå vad varje sida täcker.

Skillnaden är praktisk: teknisk SEO säkerställer att en sida finns tillgänglig och bearbetbar; on-page SEO gör den relevant för en sökfråga. Båda måste fungera för att en sida ska ha chans att ranka väl.

Detaljerade ansvarsområden

Teknisk SEO — mekanik och exempel

Teknisk SEO omfattar tekniska komponenter som påverkar discovery, crawl, rendering och indexering. Vanliga områden:

• Crawlability: robots.txt, serverstatuskoder, interna länkkartor och hur länkar exponeras i HTML. Använd curl och serverloggar för att verifiera vad bots faktiskt hämtar.

• Indexeringsstyrning: canonical-taggar, noindex, hreflang, och meta-robots. Se till att canonical används konsekvent och att policyer inte oavsiktligt blockerar viktiga sidor.

• Rendering och mobilversion: Google använder mobilversionen som primär basis för indexering; sedan juli 2024 crawlar Google med Googlebot Smartphone som standard. Kontrollera att innehåll och kritiska resurser är tillgängliga för mobila klienter.

• Prestanda och användarupplevelse: Core Web Vitals (LCP, INP, CLS) och serverrespons påverkar användarupplevelse. Mät både lab- och fältdata med Chrome DevTools och fälttestverktyg.

• Struktur och metadata: XML-sitemaps, strukturerad data (Schema.org), korrekt HTTP-statushantering och säkra TLS-konfigurationer.

On-page SEO — mekanik och exempel

On-page SEO fokuserar på de faktiska sidnivå-signalerna som beskriver ämnet och matchar sökintention: titel- och heading-taggar, meta description (för CTR-signal), brödtextens struktur, intern länkning, bild-alt och kontextuell placering av information.

Det inkluderar också användarcentrerade aspekter som innehållsformat (FAQ, how-to, long-form), språkton och läsbarhet — samt implementering av strukturerad data för att möjliggöra rika resultat i SERP (testa med Rich Results Test).

Hur teknisk SEO och on-page SEO samverkar i praktiken

Ett konkret arbetsflöde visar samspelet:

1) Säkerställ crawl & index: kontrollera robots.txt, sitemap och server-svar så att viktiga sidor är nåbara. 2) Verifiera att mobil rendering visar samma viktiga text och metadata som desktop. 3) Optimera on-page-element (titel, H1, brödtext) för sökintentionen. 4) Lägg till strukturerad data där det är lämpligt. 5) Mät prestanda och användardata.

Om någon del misslyckas blir effekten tydlig: en väloptimerad sida kan vara osynlig om den blockeras av robots.txt eller saknar indexeringsmöjlighet; motsatt kan en tekniskt perfekt sida underprestera om innehållet inte matchar sökintention.

Verifieringssteg och konkreta kommandon

Snabbkontroller för teknisk SEO

Använd dessa steg när du kontrollerar tekniska förutsättningar:

• Robots.txt och sitemaps: hämta robots.txt och sitemap.xml i en webbläsare eller med curl för att verifiera tillgänglighet. Exempel: curl -I https://example.com/robots.txt (kontrollerar headers).

• HTTP-svar och statuskoder: använd curl -I https://example.com/path för att kontrollera statuskod och redirect-kedja.

• Rendering för mobil: om du vill se exakt vad Googlebot Smartphone får, kör curl -A "Googlebot Smartphone" https://example.com/page och jämför med en vanlig webbläsarfetch.

• Serverloggar: analysera loggfiler för att se vilka user-agents som besöker sidorna och om viktiga resurser returnerar 200, 3xx eller 4xx.

Snabbkontroller för on-page SEO

Fokusera på innehåll och signalspecifika tester:

• Sökintention och innehållsattraktivitet: bedöm om titlar, H1 och brödtext svarar på användarens fråga. Testa med sökordsanalys och konkurrensgranskning.

• Strukturerad data: kör Rich Results Test eller Schema Markup Validator på JSON-LD/snippets för att säkerställa att markupen inte kastar fel.

• Synlighet i index: för dina egna sidor använd Google Search Console URL Inspection; för tredje parts-sidor använd site:-operatorn som indikativt test (inte definitivt) och kontrollera page HTML via curl eller rendered DOM i DevTools.

Vanliga misstag och hur du åtgärdar dem

Här är återkommande problem som uppstår i klyftan mellan teknisk och on-page SEO.

• Blockerade resurser som bryter rendering: kritisk text eller JSON-LD kan vara blockerad i robots.txt. Åtgärd: tillåt viktiga resurser och verifiera rendering med Chrome DevTools.

• Felaktig canonical-implementation: flera sidor pekar felaktigt mot en övergripande canonical och döljer unikt innehåll. Åtgärd: granska canonical-huvudtaggen i HTML-källan och via URL Inspection.

• Mobil/desktop-paritet: mobilversionen saknar avsnitt som på desktop innehåller viktiga sökordsfrågor. Åtgärd: jämför mobila och desktop-renderingar och säkerställ innehållsparitet.

• Meta-data som inte speglar innehåll: titlar som inte matchar brödtext leder till låg relevans. Åtgärd: synkronisera titel, H1 och inledande stycke med sökintention.

Praktiska exempel och kodsnuttar

Exempel på vanliga link-attribut i on-page-sammanhang:

En standardlänk utan särskild rel: exempel. För betalda/kompenserade länkar: exempel. För user-generated content: exempel. För att förhindra indexering av en sida: <meta name="robots" content="noindex">.

Observera: det finns inget rel="dofollow" — en normal länk är helt enkelt en länk utan rel=nofollow/sponsored/ugc. Google behandlar rel=nofollow som en hint, inte en absolut instruktion.

När du kontrollerar en extern publicists sida (exempelvis en gästpost) kan du inte använda Search Console för den domänen. Gör i stället en HTML- och renderingkontroll via curl/DevTools och kontrollera indexindikationer med site:-operatorn som indikator.

Google-policy och risker kring köpta länkar

Om du arbetar med placerade länkar eller sponsrade inlägg måste du förhålla dig till Googles riktlinjer mot länkspam. Länkar vars primära syfte är att manipulera sökrankningar kan behandlas som länkspam. Betalda länkar bör märkas med rel="sponsored" eller rel="nofollow", och värdet av en placering beror på publicistens redaktionella kontext, indexbarhet och relevans — inte enbart tredjepartsmetrik.

Snabbchecklista: vad du bör testa första gången

Teknisk:

• robots.txt och sitemap tillgängliga • statuskoder och redirect-kedjor kontrollerade • mobil rendering verifierad (Googlebot Smartphone) • viktiga resurser inte blockerade • URL-canonicals korrekta

On-page:

• titel, H1 och inledande text matchar sökintention • interna länkar för navigation och relevans • strukturerad data implementerad och testad • meta-description optimerad för CTR

Vanliga frågor