Ankerlenker: Slik lager du hopplenker i HTML og i CMS-et ditt, og hva de gjør for SEO

Rask quiz

Hvordan bør du få lenker fra andre nettsteder?

Spørsmål 1 av 425%

Har nettstedet ditt allerede nyttig innhold?

Svært liteNoen gode siderMange artikler og guider

En ankerlenke, også kalt hopplenke eller fragmentlenke, er en av de eldste funksjonene i HTML og en av de mest nyttige i lengre innhold. Den lar leseren hoppe rett til svaret hen leter etter i stedet for å rulle nedover. Google selv behandler lenker som et sentralt signal om hvordan sider henger sammen, og retningslinjene for lenker understreker at lenker må være ekte a-elementer med en href. Denne guiden viser hvordan du lager ankerlenker i ren HTML og i de viktigste CMS-ene, hva de gjør for SEO og for AI-svar, og hvordan de henger sammen med ankertekst.

Hva er en ankerlenke?

En ankerlenke er en hyperlenke der målet er et sted inne på en side. Nettadressen ender med et kryssymbol etterfulgt av en identifikator, kalt et fragment: example.com/guide#step-3. Når noen klikker på den, laster nettleseren siden (eller blir på den) og ruller til elementet med id-en step-3.

Det finnes tre vanlige bruksområder:

• Navigasjon på samme side: en innholdsfortegnelse øverst i en artikkel, eller en «tilbake til toppen»-lenke.
• Dyplenker fra en annen side: lenke fra én artikkel til en nøyaktig del av en annen, for eksempel en definisjon i en ordliste.
• Deling av et presist avsnitt: sende en kollega rett til avsnittet som svarer på spørsmålet.

Søkemotorer behandler example.com/guide og example.com/guide#step-3 som samme side. Fragmentet oppretter aldri en ny nettadresse å indeksere, så ankerlenker kan ikke skape duplisert innhold.

Hvordan lager du en ankerlenke i HTML?

To kodebiter er nok: en id på målet og en lenke som peker dit.

1. Legg til en id på målet: <h2 id="pricing">Priser</h2>. Bruk små bokstaver, tall og bindestreker, uten mellomrom, og hold hver id unik på siden.
2. Lenk til den på samme side: <a href="#pricing">Se priser</a>.
3. Lenk til den fra en annen side: <a href="/guide#pricing">Prisseksjonen i guiden</a>.
4. Test den: klikk på lenken og kontroller at overskriften vises øverst på skjermen og ikke er skjult under en fast topptekst (CSS-egenskapen scroll-margin-top løser dette).

Den gamle metoden, <a name="pricing"></a>, fungerer fortsatt i nettlesere, men er foreldet i HTML5. Bruk id direkte på overskriften. En beslektet funksjon, tekstfragmenter, lar en lenke markere et avsnitt uten noen id, med syntaksen #:~:text=, slik MDN dokumenterer. Google bruker denne mekanismen når den ruller besøkende til teksten som siteres i noen featured snippets.

Hvordan legger du til ankerlenker i WordPress, Shopify, Webflow eller Wix?

Alle store CMS-er lar deg sette en id uten å endre malen. Feltnavnet varierer fra verktøy til verktøy.

Hvis CMS-et ditt lager id-er automatisk, kontroller dem: noen lager id-er av hele overskriftsteksten, noe som gir lange, ustabile fragmenter som ryker når du redigerer tittelen.

Hjelper ankerlenker SEO?

Ankerlenker er først og fremst en brukervennlighetsfunksjon. Verdien for SEO er indirekte, men reell på lengre innhold:

• «Hopp til»-lenker i resultatene: på lange, godt strukturerte sider viser Google noen ganger lenker til seksjoner under resultatet, noe som kan øke synlighet og klikk. Google avgjør selv når de vises.
• Bedre treff på avsnitt: tydelige overskrifter med id-er hjelper søkemotorer og AI-assistenter med å finne et presist svar inne i en lang side, etter samme logikk som vinner featured snippets.
• Engasjement: en innholdsfortegnelse lar leserne nå den delen de trenger, i stedet for å forlate siden for å lete andre steder.
• Tilgjengelighet: hoppelenker og navigasjon internt på siden hjelper brukere som navigerer med tastatur eller skjermleser, et prinsipp som dekkes av W3C-retningslinjene for tilgjengelighet.
• Presise interne lenker: å peke til #definisjon i en annen artikkel sender leserne til nøyaktig rett avsnitt, og styrker internlenkingen din.

Ankerlenker gjør derimot ikke dette: de gir ikke ekstra autoritet til en side, siden en lenke til side#seksjon regnes som en lenke til siden, og de erstatter ikke godt innhold. Én teknisk advarsel kommer rett fra Googles grunnleggende om SEO for JavaScript: ikke bruk fragmenter for å laste inn annet sideinnhold, for Googlebot kan ikke pålitelig tolke disse nettadressene. Bruk fragmenter bare for å rulle innenfor innhold som allerede er på siden.

Hva er forskjellen mellom en ankerlenke og ankertekst?

Begrepene ligner på hverandre og blandes ofte sammen. En ankerlenke handler om hvor lenken går (en seksjon). Ankertekst handler om hva lenken sier (de klikkbare ordene). Ordlisteoppføringen vår om ankertekst dekker det andre temaet i dybden.

Hva er beste praksis for ankerlenker og teksten i dem?

Hver ankerlenke har også ankertekst, så begge sett med regler gjelder samtidig.

• Korte, lesbare id-er: #pricing, #how-to-install, i stedet for #section-1 eller et fragment på 12 ord.
• Beskrivende lenketekst: Google anbefaler tekst som er beskrivende, rimelig kort og relevant, og advarer mot generiske formuleringer som «klikk her».
• En innholdsfortegnelse på lange sider: over omtrent 1500 ord bør du liste H2-seksjonene øverst, hver lenket til sin id.
• Spørsmålsoverskrifter: overskrifter formulert som spørsmålene folk stiller, gjør hoppelenkene mer nyttige og lettere å sitere.
• Stabile id-er: ikke endre en id etter publisering hvis andre sider eller nettsteder lenker til den.
• Kontroller strukturen: et analyseverktøy for overskriftsstruktur viser om H2- og H3-nivåene dine er ryddige før du legger til ankere.

Hvilke feil bør du unngå?

• Dupliserte id-er: to elementer med samme id gjør at lenken bare hopper til det første.
• Skjulte mål: en overskrift inne i en lukket fane eller et sammenleggbart panel kan være umulig å nå med lenken.
• Faste topptekster som dekker overskriften: legg til scroll-margin-top i CSS.
• Fragmentbasert ruting: enkeltsideapplikasjoner som endrer innhold med #/side-nettadresser er vanskelige for Google å crawle.
• Overoptimalisert ankertekst: å gjenta det samme eksakte søkeordet i hver lenke virker som manipulering.

Konklusjon

En ankerlenke sender leserne til en presis del av en side gjennom et #id-fragment. Lag den ved å gi overskriften en id og lenke til den, i HTML eller via innstillingene i CMS-et ditt. Fordelene for SEO er indirekte, men konkrete på lange sider: innholdsfortegnelser, mulige hopplenker i Google, tydeligere avsnitt for AI-svar og bedre interne lenker, så lenge ankerteksten forblir beskrivende. Hvis du heller ikke vil strukturere hver artikkel for hånd, skriver Sorank, vår SEO- og GEO-programvare på autopilot, strukturerte artikler med spørsmålsoverskrifter og interne lenker, og publiserer dem i CMS-et ditt: se AI-verktøyet for blogartikler og prøv det med en gratis prøveperiode på 3 dager.