Ankerlinks: Sådan opretter du hoppelinks i HTML og dit CMS, og hvad de gør for SEO

Hurtig quiz

Hvordan får du links fra andre hjemmesider?

Spørgsmål 1 af 425%

Har dit site allerede brugbart indhold?

Meget lidtNogle gode siderMasser af artikler og guides

Et ankerlink, også kaldet et hoppelink eller et link-anker, er en af de ældste funktioner i HTML og en af de mest nyttige på langt indhold. Det lader læseren springe direkte til det svar, de søger, i stedet for at scrolle. Google selv betragter links som et centralt signal om, hvordan sider hænger sammen, og deres retningslinjer for links understreger, at links skal være rigtige a-elementer med en href. Denne guide viser, hvordan du opretter ankerlinks i ren HTML og i de vigtigste CMS, hvad de gør for SEO og for AI-svar, og hvordan de hænger sammen med ankertekst.

Hvad er et ankerlink?

Et ankerlink er et hyperlink, hvis mål er et sted inde på en side. Webadressen slutter med et nummertegn efterfulgt af en identifikator, kaldet et fragment: eksempel.dk/guide#trin-3. Når nogen klikker på det, indlæser browseren siden (eller bliver på den) og scroller til elementet med id'et trin-3.

Der er tre almindelige anvendelser:

• Navigation på samme side: en indholdsfortegnelse øverst i en artikel, eller et link "tilbage til toppen".
• Dybe links fra en anden side: at linke fra en artikel til et præcist afsnit i en anden, for eksempel en definition i en ordliste.
• Deling af et præcist afsnit: at sende en kollega direkte til det afsnit, der besvarer deres spørgsmål.

Søgemaskiner behandler eksempel.dk/guide og eksempel.dk/guide#trin-3 som den samme side. Fragmentet opretter aldrig en ny webadresse, der kan indekseres, så ankerlinks kan ikke skabe duplikeret indhold.

Hvordan opretter du et ankerlink i HTML?

To stykker kode er nok: et id på målet og et link, der peger på det.

1. Tilføj et id til målet: <h2 id="priser">Priser</h2>. Brug små bogstaver, tal og bindestreger, uden mellemrum, og sørg for, at hvert id er unikt på siden.
2. Lav et link til det på samme side: <a href="#priser">Se priserne</a>.
3. Lav et link til det fra en anden side: <a href="/guide#priser">Afsnittet om priser i guiden</a>.
4. Test det: klik på linket, og kontrollér, at overskriften vises øverst på skærmen og ikke er skjult under en fast header (CSS-egenskaben scroll-margin-top løser det).

Den gamle metode, <a name="priser"></a>, virker stadig i browsere, men er forældet i HTML5. Brug id'et direkte på overskriften. En beslægtet funktion, tekstfragmenter, lader et link fremhæve et afsnit uden noget id, med syntaksen #:~:text=, som beskrevet af MDN. Google bruger denne mekanisme, når den scroller besøgende hen til det citerede afsnit i nogle fremhævede uddrag.

Hvordan tilføjer du ankerlinks i WordPress, Shopify, Webflow eller Wix?

Alle større CMS lader dig sætte et id uden at røre skabelonen. Feltets navn ændrer sig fra værktøj til værktøj.

Hvis dit CMS genererer id'er automatisk, så kontrollér dem: nogle laver id'er ud fra hele overskriftens tekst, hvilket giver lange, ustabile fragmenter, der går i stykker, når du redigerer titlen.

Hjælper ankerlinks SEO?

Ankerlinks er først og fremmest en brugervenlighedsfunktion. Deres SEO-værdi er indirekte, men den er reel på langt indhold:

• "Hop til"-links i resultaterne: på lange, velstrukturerede sider viser Google nogle gange links til afsnit under resultatet, hvilket kan øge synligheden og klikkene. Google afgør selv, hvornår de vises.
• Bedre matchning af afsnit: tydelige overskrifter med id'er hjælper søgemaskiner og AI-assistenter med at finde et præcist svar inde i en lang side, den samme logik, der vinder fremhævede uddrag.
• Engagement: en indholdsfortegnelse lader læserne nå den del, de har brug for, i stedet for at forlade siden for at lede efter den andetsteds.
• Tilgængelighed: springlinks og navigation på siden hjælper brugere, der navigerer med tastatur og skærmlæser, et princip, der dækkes af W3C's retningslinjer for tilgængelighed.
• Præcise interne links: at pege på #definition i en anden artikel sender læserne til det præcise afsnit, hvilket styrker din interne linkning.

Det, ankerlinks ikke gør: de giver ikke ekstra autoritet til en side, da et link til side#afsnit tælles som et link til siden, og de erstatter ikke godt indhold. En teknisk advarsel kommer direkte fra Googles grundlæggende om JavaScript-SEO: brug ikke fragmenter til at indlæse forskelligt sideindhold, da Googlebot ikke pålideligt kan løse disse webadresser. Brug kun fragmenter til at scrolle inden for indhold, der allerede findes på siden.

Hvad er forskellen mellem et ankerlink og ankertekst?

De to begreber ligner hinanden og blandes ofte sammen. Et ankerlink handler om, hvor et link fører hen (et afsnit). Ankertekst handler om, hvad linket siger (de klikbare ord). Vores ordlisteside om ankertekst dækker det andet emne grundigt.

Hvad er de bedste fremgangsmåder for ankerlinks og deres tekst?

Ethvert ankerlink har også ankertekst, så de to sæt regler gælder samtidig.

• Korte, læsbare id'er: #priser, #saadan-installerer-du, frem for #afsnit-1 eller et fragment på 12 ord.
• Beskrivende linktekst: Google anbefaler tekst, der er beskrivende, rimelig kort og relevant, og fraråder generiske formuleringer som "klik her".
• En indholdsfortegnelse på lange sider: over cirka 1500 ord listes H2-afsnittene øverst, hver linket til sit id.
• Spørgsmålsoverskrifter: overskrifter formuleret som de spørgsmål, folk stiller, gør hoppelinkene mere nyttige og lettere at citere.
• Stabile id'er: ændr ikke et id efter udgivelsen, hvis andre sider eller sites linker til det.
• Kontrollér strukturen: en analyse af overskriftsstrukturen viser, om dine H2- og H3-niveauer er rene, før du tilføjer ankre.

Hvilke fejl skal du undgå?

• Dobbelte id'er: to elementer med samme id får linket til at hoppe til det første kun.
• Skjulte mål: en overskrift inde i en lukket fane eller et harmonikafelt kan være utilgængelig for linket.
• Faste headere, der dækker overskriften: tilføj scroll-margin-top i CSS.
• Routing med fragmenter: enkeltsideapps, der skifter indhold med #/side-webadresser, er svære for Google at crawle.
• Overoptimeret ankertekst: at gentage det samme præcise søgeord i hvert link virker som manipulation.

Konklusion

Et ankerlink fører læserne til et præcist afsnit på en side via et #id-fragment. Du opretter det ved at tilføje et id til overskriften og linke til det, i HTML eller via dine CMS-indstillinger. Fordelene for SEO er indirekte, men konkrete på langt indhold: indholdsfortegnelser, mulige hoppelinks i Google, tydeligere afsnit til AI-svar og bedre interne links, så længe ankerteksten forbliver beskrivende. Hvis du hellere ikke vil strukturere hver artikel i hånden, skriver Sorank, vores SEO- og GEO-software på autopilot, strukturerede artikler med spørgsmålsoverskrifter og interne links og udgiver dem i dit CMS: se AI-blogartikelgeneratoren og prøv den med 3 dages gratis prøveperiode.