A och O om att skapa ankarlänk

 På de flesta webbsidor hittar du ankarlänkar som hjälper besökare (och sökmotorer) att förstå vilken information som finns på sidan och snabbt navigera till det de vill veta. Om du vill använda ankarlänkar för att förbättra din webbplats prestanda bör du först lära dig vad ankarlänkar gör, hur du gör för att skapa ankarlänk och hur denna bidrar till sökmotoroptimering.

Vad är en ankarlänk?

Ankarlänkar, som också kan kallas hopplänkar, är hyperlänkad text på en webbsida som leder till en annan plats på samma sida. Ankarlänkar räknas som interna länkar, eftersom de håller kvar besökaren på samma webbplats. Externa länkar, å andra sidan, skickar besökaren vidare till en annan webbplats.

Du hittar vanligtvis ankarlänkar högst upp eller nära toppen av en webbsida. De fungerar som navigeringsverktyg som hjälper läsaren att hoppa till ett visst innehållsavsnitt. Du kan också använda dessa länkar för att skapa flytande ”tillbaka till toppen”-knappar. Tänk på ankarlänkar som en slags innehållsförteckning som organiserar och strukturerar information för en bättre användarupplevelse.

Ankarlänkar är praktiska genvägar för bloggar, nyhetsbrev och annat långt innehåll som gör dem lättare att navigera i.

Du kan skapa ankarlänkar i sidans källkod med hjälp av ankartaggar. En ankartagg i HTML-kod visas som <a> för att markera ankarelementet, och den åtföljs av ett href-attribut (hypertext reference) som visas som href= och anger länkens destination.

Hur påverkar ankarlänkar SEO?

När de används rätt kan ankarlänkar förbättra din sökmotoroptimering (SEO) genom att ge sammanhang och struktur åt ditt innehåll. Ankartext med relevanta sökord lär sökmotorerna hur de ska kategorisera ditt innehåll i sökresultaten, och de interna länkarna förtydligar textens hierarki och vikt. Dessutom kan ankarlänkar bidra till att sänka avvisningsfrekvensen genom att leda besökare till relevant innehåll som håller dem engagerade på sidan.

Greg Bernhardt, som är SEO-strateg på Shopify, säger: ”Ankartexten i en länk är en viktig kontextuell signal till Google om vad den länkade sidan handlar om. Se det som ett tematiskt rekommendationsbrev. Ju starkare och tydligare rekommendation, desto starkare SEO. Om din ankartext är ’Köp blå kanadensiska widgets’ så talar du om för Google vad sidan handlar om. Vag eller intetsägande ankartext som ’Klicka här’ ger användaren mindre trygghet och ger Google ingen tematisk signal om sidan.”

Så gör du för att skapa en ankarlänk

Många textredigerare och program för webbplatshantering har inbyggda verktyg som gör det enkelt att infoga ankarlänkar i texten, men du kan också skapa ankarlänkar själv genom att lära dig använda HTML-koden för ankartaggar. Du kan använda den här metoden i Shopify-kompatibla kodningsprogram som Visual Studio Code, Sublime Text eller Atom.

1. Skapa ankarelement

Leta i ditt HTML-fönster upp det målavsnitt eller element som du vill att din ankartext ska länka till. Du vill skapa ett unikt ID för det här avsnittet så att du enkelt kan identifiera och länka till det. Du kan till exempel märka målavsnittet "part1". Sedan infogar du koden id="part1" i den inledande taggen för ditt målavsnitt. Observera att raka citattecken är viktiga för att avgränsa ankar-ID:t i koden. Följande kod är ett enkelt exempel:

<html>

<body>

<h1 id="part1">Part One</h1>

<p>This is the content of part one.</p>

</body>

</html>

2. Skapa ankarlänk

Du kan använda ankar-ID:t som du skapade i steg ett i ett href-attribut (kallat en hypertextreferens) som länkar ankartexten till målelementet. Du använder koden a href="#part1" för att skapa din ankarlänk på sidan. Din kod ser nu ut ungefär så här:

<html>

<body>

<a href="#part1">Go to Part One</a>

<h1 id="part1">Part One</h1>

<p>This is the content of Part 1.</p>

</body>

</html>

3. Testa din ankarlänk

Klicka på Spara i din HTML-fil och kör koden i en ny webbläsarflik. Din ankarlänk ska visas som text med en fungerande hyperlänk som tar dig till det avsnitt som har markerats som ankarelement.

Så optimerar du ankarlänk för SEO

Att använda ankarlänkar strategiskt är ett utmärkt sätt att öka dina chanser att ranka högre på sökmotorernas resultatsidor (SERP). Här är några rekommendationer att följa när du skapar dina ankarlänkar:

1. Använd relevanta sökord

Sökmotorer tittar på din ankartext för att avgöra vad din sida handlar om och hur din webbplats ska kategoriseras. Genom att använda sökord i dina ankarlänkar signalerar du vilka ämnen ditt innehåll berör, vilket kan hjälpa din webbplats att ranka högre i sökresultaten för de ämnena.

2. Placera länkarna synligt på sidan

Dina ankarlänkar bör vara lätta att komma åt och tydligt synliga på sidan så att dina besökare snabbt hittar dem. Då ser sökmotorerna att dina läsare prioriterar ankarlänkarna och behandlar dem som viktiga för webbplatsens navigering och innehåll.

3. Strukturera sidan strategiskt

Ankarlänkar hjälper sökmotorerna att bättre förstå webbplatsens övergripande struktur, så du bör länka till just de avsnitt som är mest relevanta för dina målsökord. Använd ankarlänkar för att leda användarna till den viktigaste informationen på sidan och till den text som du tror bäst besvarar dina läsares frågor.

4. Optimera för alla plattformar

När du kontrollerar att dina ankarlänkar fungerar bör du göra det på alla olika typer av plattformar (som mobil, surfplatta och dator) samt i de olika webbläsare (som Firefox eller Google Chrome) som dina läsare kan tänkas använda, inklusive mobila webbläsare och läsplattor. Trasiga länkar eller kod som inte fungerar på en viss plattform kan göra att du förlorar läsare och skadar din SEO-ranking.