Anchor link: så fungerar #-länkar för SEO, AEO och UX
Definition
Vad är en anchor link?
En anchor link är en hyperlänk som pekar till ett specifikt ID-attribut på en sida via en hash (#) i URL:en. Formatet är https://exempel.se/sida#sektion, där #sektion matchar ett id="sektion" i HTML:en. Webbläsaren scrollar automatiskt till den punkten när länken öppnas.
Termen kallas också hashlänk, fragment link, jump link eller djuplänk.
Hur skapar man en anchor link i HTML?
Två delar krävs: ett mål med ett ID, och en länk som refererar till det ID:t.
- Målet:
<h2 id="priser">Priser</h2> - Länken:
<a href="#priser">Hoppa till priser</a> - Från en annan sida:
<a href="/tjanster#priser">Se priser</a>
I CMS som t.ex. Webflow skapar du anchor links genom att sätta ett ID på elementet i Element settings och sedan länka till #id från valfri text- eller knapplänk.
När ska du använda anchor links?
- Innehållsförteckning: En "På den här sidan-meny" på långa guider gör att läsaren – och AI-svar – kan hoppa direkt till rätt avsnitt.
- FAQ-sektioner: Varje fråga får eget id så den kan länkas och citeras enskilt.
- Pillar pages: Stora innehållssidor med flera underämnen drar nytta av anchor links för djuplänkning.
- Onepagers: Navigationen pekar till sektioner på samma sida snarare än separata URL:er.
- Källhänvisningar: Länka direkt till det stycke som backar upp ett påstående.
Påverkar anchor links SEO?
Anchor links rankar inte själva sidan högre, men de förbättrar tre faktorer som indirekt påverkar synlighet:
- Användarsignaler: Lägre bouncerate och längre sessioner när läsare når rätt avsnitt direkt.
- Crawlning av struktur: Tydliga ID:n på rubriker hjälper Google förstå sidans hierarki och innehållsblock.
- Jump-to-results i SERP: Google visar ibland Jump to-länkar direkt under ett organiskt resultat och tar då användaren rakt till rätt sektion via en anchor link.
Sidor som rankar för flera relaterade frågor får ofta dessa featured snippet-liknande deep links, vilket höjer CTR jämfört med ett vanligt resultat.
Anchor links och AEO – varför ID:n är viktiga 2026
När ChatGPT, Perplexity och Google AI Overviews citerar källor länkar de allt oftare till exakt rätt avsnitt med en anchor link. Det förutsätter att:
- Varje H2/H3 har ett unikt, läsbart ID
- Avsnitten är självständiga och kan stå utan kringtext (semantic chunking)
- Frågor och svar är tydligt avgränsade
En sida utan ID:n på rubrikerna förlorar möjligheten att bli djup-citerad – AI:n får då länka till hela sidan eller hoppa över den till förmån för en konkurrent med bättre struktur.
Best practice för ID:n i anchor links
- Använd små bokstäver och bindestreck:
id="vad-kostar-seo"– inteid="VadKostarSEO". - Inga mellanslag eller specialtecken: URL-säkert format. Svenska tecken (å, ä, ö) bör translittereras.
- Beskrivande, inte numrerade:
id="priser"är bättre änid="section-3"– både för läsbarhet och AI-citerbarhet. - Unika per sida: Ett ID får bara förekomma en gång i HTML-dokumentet.
- Stabila över tid: Byt inte ID:n i onödan – externa länkar och AI-citat kan peka på dem.
Vanliga fel med anchor links
- Saknat ID på målet: Länken
#prisergår till en sektion som inte finns – browsern stannar kvar i toppen. - Sticky header döljer rubriken: Om sidans topp-meny är sticky behövs
scroll-margin-topi CSS för att rubriken inte ska hamna under headern. - Dubblerade ID:n: Två element med samma ID gör att browsern bara hittar det första.
- Anchor links i SPA utan routing-stöd: Vissa frameworks fångar inte hash-ändringar och kräver explicit hantering.
Anchor links i Webflow
Webflow stödjer anchor links nativt. Sätt ett ID på vilket element som helst via Element settings → ID. Länka sedan via Link settings → Page section och välj elementet. För länkar till en annan sida använd URL och skriv /sida#id manuellt.
För automatiska På den här sidan-menyer på CMS-sidor krävs ett litet skript som scannar H2-rubrikerna och bygger länklistan – Webflow har inget inbyggt stöd för detta i CMS-templates.
Behöver du hjälp?
Vi är experter på allt som gäller SEO, AEO och användarvänlighet.
Tveka inte på att höra av dig så hjälper vi dig!