A href-länkar: Vad de är och hur man använder dem

Vad är en a href-länk?

En „a href-länk“ (eller „href-länk“) är HTML-kod som använder en <a>-tagg och href-attribut för att skapa en klickbar hyperlänk.

Till exempel skapar denna href-länk hyperlänken „Semrush“:

Det finns andra typer av HTML-länkar (t.ex. <link>-taggen). Och andra sätt att skapa hyperlänkar (t.ex. med JavaScript). Men de flesta länkar skapas med <a>-taggar, även kända som ankartaggar eller ankarelement.

Ankarelement definieras av starttaggen <a> och sluttaggen </a>.

Det href-attributet (hypertextreferensattributet) definierar länkens destination eller mål. Detta är ofta en webbsidans URL. Men det finns andra möjliga värden.

Ankartaggar bör också inkludera ankarinnehåll – innehållet som länken är fäst vid. I många fall är detta ankortext (t.ex. „Semrush“). Men det kan vara ett HTML-element, som en bild.

Ditt innehållshanteringssystem (CMS) kan ha verktyg som eliminerar behovet av att koda a href-länkar manuellt. Men det är hjälpsamt att förstå hur de fungerar i bakgrunden.

Tips: Kontrollera länkproblem och andra tekniska problem på din webbplats med Semrushs Site Audit-verktyg. Du kan krypa upp till 100 URL:er gratis.

Varför är href-länkar viktiga?

Href-länkar är viktiga eftersom de är det mest använda sättet att skapa hyperlänkar. Och hyperlänkar hjälper användare och webbsökare att navigera på internet och komma åt digitala resurser.

Det finns två huvudtyper av hyperlänkar som du kan lägga till på din webbplats: interna länkar och externa länkar. Och a href-länkar låter dig skapa båda.

Interna länkar är hyperlänkar till platser eller resurser på din domän.

Exempel inkluderar:

• Navigationslänkar till andra sidor på din webbplats
• Kontextuella länkar till andra sidor på din webbplats
• Ankarlänkar (eller hopplänkar) på dina sidor
• Länkar till filer (t.ex. e-böcker) på din domäns server

Genom att använda interna länkar effektivt uppmuntrar du användare att utforska din webbplats. Detta kan betyda att de är mer benägna att göra ett köp, dela ditt innehåll eller vidta en annan önskvärd åtgärd.

Dessutom hjälper interna länkar Google att upptäcka sidor på din domän. Och förstå hur de passar ihop. Detta kan leda till högre rankningar i sökmotorresultatsidor (SERPs).

Externa länkar (eller utgående länkar) är hyperlänkar till platser eller resurser utanför din domän.

Använda korrekt lägger externa länkar till värde för ditt innehåll.

Till exempel kan du bygga förtroende genom att länka till pålitliga källor. Eller dela ett användbart verktyg som inte finns på din webbplats.

Googles John Mueller hävdar att externa länkar till ansedda webbplatser inte hjälper med webbplatsrankningar. Men många SEO-proffs tror att de gör det.

5 bästa praxis för a href-länkar

När du skapar a href-länkar, följ dessa bästa praxis för att säkerställa att dina hyperlänkar fungerar korrekt. Och gynnar din webbplats så mycket som möjligt.

1. Välj rätt href-attributvärde

Href-attributvärdet är länkens destination. Detta kan vara en webbsida, en del av en webbsida, fil, e-postadress eller telefonnummer, till exempel.

Länkens destination placeras mellan citattecknen i href-attributet, så här:

Låt oss utforska de huvudsakliga typerna av href-värden:

Relativa URL:er

En relativ URL är en sökväg till en resurs på samma webbplats.

Till exempel har vår Semrush-bloggs logotyp href-värdet „/blog/“:

Vissa webbutvecklare använder relativa URL:er för alla interna länkar. Eftersom de är koncisa. Och de kan fortfarande fungera efter en webbplatsmigrering.

Vi rekommenderar dock att använda absoluta URL:er för SEO-syften.

Absoluta URL:er

En absolut URL är den fullständiga sökvägen till en URL, inklusive protokollet, domänen och eventuella ytterligare sökvägar eller parametrar.

Till exempel:

Du behöver använda absoluta URL:er när du lägger till externa länkar.

Men de är också hjälpsamma för interna länkar. Eftersom du alltid kan länka till den kanoniska URL:en – den föredragna versionen av en duplicerad sida.

Detta tar bort all tvetydighet eller förvirring för sökmotorer. Så det kan hjälpa din SEO.

I en Google-video sa John Mueller att länkning till kanoniska URL:er „förmodligen gör lite mer mening, eftersom då behöver du inte oroa dig för saker som att komma åt den icke-WWW-versionen av din webbplats.“

Ankurlänkar

Ankurlänkar (eller hopplänkar) är länkar till olika delar av samma sida.

Till exempel är alla länkar i innehållsförteckningen för denna artikel ankurlänkar.

För att skapa en hopplänk, ge elementet du vill länka till ett id-attribut (id=”id-namn”).

Så här:

Skapa sedan länken genom att använda #id-namn som href-värdet.

Så här:

Alternativt, använd href=”#top” eller href=”#” för att skapa ett hopp till toppen av sidan.

Mailto-länkar

Href=”mailto:”-attributet skapar en mailto-länk som öppnar ett nytt e-postmeddelande i användarens e-postprogram.

Det används vanligtvis i kombination med en måle-postadress.

Till exempel har vi en href-länk som denna i vår webbplatsfot:

Att klicka på hyperlänken skapar ett e-postutkast som detta:

Du kan också lägga till parametrar som en ämnesrad, brödtextinnehåll och CC-adress till a href-koden.

Låt säga att du vill att jobbsökande ska skicka sitt CV till jobs@example.com med ämnesraden „Web Developer Role“.

För att göra det enklare kan du lägga till en HTML-länk som denna:

Notera att „%20“ används istället för mellanslag. Detta är ett exempel på URL-kodning – en process som hjälper till att säkerställa att parametrar fungerar korrekt.

Tel-länkar

För att skapa en tel-länk, använd href=”tel:”-attributet i kombination med telefonnumret.

Så här:

När användaren klickar på hyperlänken på en kompatibel enhet öppnas numret i deras uppringarapp. Det gör det enkelt för dem att ringa dig.

2. Använd andra ankartaggattribut

Href-attributet är viktigt i ett ankarelement eftersom det definierar länkens destination. Men du kan lägga till andra ankartaggattribut för att bestämma vad som händer när användaren klickar på länken.

Dessa attribut kan också hjälpa sökmotorer att förstå dina länkar. Och därmed gynna din SEO.

Här är en snabb överblick över de vanligaste:

Ankartaggattribut	Syfte	Ankartaggexempel
Download	Berätta för webbläsaren att ladda ner den länkade resursen istället för att öppna den. Inkludera ett beskrivande filnamn mellan citattecknen.	<a href=”example.pdf” download=”Filename”>Download </a>
Rel	Informera sökmotorer om din webbplats relation till den länkade resursen. Till exempel ber rel=“nofollow” sökmotorer att undvika att behandla länken som en rekommendation av den länkade sidan. (Detta är ett viktigt koncept i länkbyggande.)	<a href=”https://www.example.com/” rel=”nofollow”>Ankortext</a>
Target	Berätta för webbläsaren var länken ska öppnas. Till exempel öppnar target=”_blank” resursen i en ny flik eller ett nytt fönster. Medan target=”_self” håller den i samma ram.	<a href=”https://www.semrush.com/” target=”_blank”>Semrush</a>
Title	Visa en verktygstips när användaren hovrar över länken. Inkludera verktygstipstexten mellan citattecknen.	<a href=”https://www.semrush.com/” title=”Semrush startsida”>Semrush</a>

Tips: Vissa typer av länkar från andra webbplatser (backlinks) kan gynna din SEO. Med Semrushs Backlink Analytics-verktyg kan du enkelt analysera dina backlinks och jämföra dem med konkurrenternas.