Vad är ankarlänkar?
Ankarlänkar (även kallad ankarlänkar, hopplänkar och vänster sektion) är interna länkar till andra webbplatser på samma sida. Med andra ord, om en användare klickar på en ankarlänk kommer han eller hon att inte ledde till en ny sida, men ledde till en plats längre ner eller högre upp på samma sida.
Ankarlänkar placeras vanligtvis i en innehållsförteckning högst upp på sidan så att användarna kan hoppa direkt till relevant innehåll, eller tillsammans med en "To Top"-knapp så att användarna kan hoppa till toppen av sidan.
Ankarlänkar har två syften: de förbättrar användbarheten genom att göra det lättare för användarna att flytta runt i innehållet på sidan utan att scrolla, och de ökar din närvaro på Google genom att - om du har tur - visa ankarlänkarna i sökresultaten. Ankarlänkar visas antingen under sidans metabeskrivning eller i början av sidan som en "Hoppa till"-länk:
Vi rekommenderar att du inkluderar ankarlänkar på innehållstunga sidor där länkarna kan bidra till att förtydliga innehållet och öka användbarheten på sidan. Ankarlänkar bör inte användas på sidor med lite innehåll - annars har länkarna inget värde för användaren och Google visar dem inte.
Användning av ankarlänkar
En ankarlänk består av två delar: en faktisk länk och ett unikt ID som är kopplat till elementet på sidan som länken hänvisar till. Länken kan till exempel se ut så här: <a href="/sv/”/#unikt-id”">Länktext</a>. Hashtaggen (#) visar att det är en länk till ett element på samma sida.
Elementet som länkas till måste tilldelas ett unikt ID med hjälp av kodutdraget id="unik-id". ID kan till exempel vara kopplat till underrubriker (<h2 id="”unikt-id”">Underrubrik</h2>) eller textavsnitt (<p id="”unikt-id”">Text...</p>). Observera att inte hashtag (#) måste föregå ids.
Två element på samma sida behöver inte ha samma ID, men ett ID kan återanvändas på hela webbplatsen. Använd bindestreck i stället för mellanslag i ID:n och undvik att använda stora bokstäver och specialtecken. ID:n kan till exempel vara kontextuella ord eller löpande nummer:
- https://inboundcph.dk/viden/hvad-er-seo#linkbuilding
- https://inboundcph.dk/viden/hvad-er-seo#3
Fördelen med kontextuella ord framför siffror är att alla identifierare inte behöver ritas om om ett nytt avsnitt läggs till senare mitt på sidan. För ditt arbete med SEO ID är sekundärt. Det är dock viktigt att ha en kort och beskrivande länktext, eftersom det är den länktexten som Google visar i sökresultaten.
Observera att id:et finns i slutet av URL:en med en hashtag som föregås av ett prefix. För länkar till ett id på samma sida räcker det med att skriva endast id:et i länken (med en hashtag före). För länkar till ett id på en annan sida ska hela URL-adressen skrivas i länken.
Felsökning
Se över följande tre punkter om ankarlänkarna inte fungerar som de ska.
- Kontrollera ID. Kontrollera att id:et är unikt, dvs. att det inte är kopplat till flera olika element i sidans källkod. Kontrollera att id:et är korrekt angivet i både länken och elementet - det förstnämnda med en hashtag före. Kom ihåg att det finns en skillnad mellan stora och små bokstäver.
- Inaktivera AJAX. Den AJAX-teknik som används på vissa webbplatser kan påverka funktionaliteten hos ankarlänkarna. Inaktivera AJAX på ankarlänkarna för att lösa problemet. Detta kan till exempel göras genom att lägga till kodstycket data-ajax="false" i länkarna.
- Kontrollera rubriken. På webbplatser med en fast rubrik (en rubrik som alltid är synlig högst upp i fönstret) kan rubriken i vissa fall täcka överdelen av det element som länkas till (t.ex. en rubrik). Detta kan lösas på flera olika sätt och kräver samråd med dina webbutvecklare.
