En länk på en webbsida består ofta av mer än den text som syns för läsaren. I HTML anger attributet href vilken adress länken leder till, medan attributet rel kan beskriva relationen mellan den aktuella sidan och målet. Tillsammans ger de uppgifter som kan användas av webbläsare, söktjänster och andra verktyg som läser sidans kod.
Rel som beskrivning av en relation
Ordet rel kommer från engelskans relationship. Värdet efter attributet består vanligtvis av ett eller flera ord som anger en viss relation. I koden kan det exempelvis stå rel="nofollow" eller rel="ugc". Dessa värden är så kallade tokens, vilket innebär att flera kan skrivas tillsammans, separerade med mellanslag.
Attributet ersätter inte länken och ändrar inte i sig den synliga länktexten. En besökare kan fortfarande läsa och följa länken på vanligt sätt. Rel-värdet tillför i stället information om hur länken är avsedd att förstås i sitt sammanhang. Det gör attributet användbart för den som publicerar innehåll och för system som tolkar webbens struktur.
Vanliga rel-värden
nofollow används för att markera att en länk inte ska behandlas som en vanlig redaktionell hänvisning i vissa söksammanhang. Söktjänster kan använda uppgiften som en signal när de analyserar länkar. Värdet sponsored identifierar länkar som hör samman med sponsring eller annan ersättning. ugc, en förkortning av användargenererat innehåll, kan användas för länkar i exempelvis kommentarer eller foruminlägg.
Andra värden beskriver hur en länk öppnas eller vilken information som följer med vid navigering. noopener anger att den öppnade sidan inte ska få tillgång till vissa egenskaper hos sidan som skapade länken. noreferrer innebär att hänvisningsinformation inte skickas vidare och har även en effekt som motsvarar noopener i sammanhang där detta är relevant. Värdena kan förekomma var för sig eller kombineras, beroende på länkens funktion.
Länktext och rel berättar olika saker
Länktexten hjälper läsaren att förstå vad en hänvisning gäller, medan rel-värdet tillför en teknisk beskrivning av relationen. I en genomgång av hur olika namn förekommer som länktext kan Otto Casino fungera som ett konkret exempel, samtidigt som ett rel-värde anger länkens typ i HTML-koden. De två delarna fyller alltså skilda funktioner och bör tolkas tillsammans med sidans övriga innehåll.
En tydlig länktext kan beskriva destinationen eller ämnet på ett begripligt sätt. Rel-attributet uttrycker däremot inte nödvändigtvis vad sidan handlar om; det handlar främst om relationen mellan den länkande sidan och den länkade resursen. Därför kan två länkar med liknande text ha olika rel-värden, om de har olika roller i publiceringen.
Praktisk användning i HTML
Den som skapar eller granskar en webbsida kan läsa länkattributen direkt i HTML-koden eller med hjälp av utvecklarverktyg i en webbläsare. En länk kan exempelvis skrivas med både adress och relation: <a href="https://example.org" rel="nofollow">Läs mer</a>. Koden visar var hänvisningen leder och vilket rel-värde som har angetts, medan den synliga texten visas för läsaren.
Att välja ett passande värde blir därmed en del av den redaktionella och tekniska utformningen av en sida. Genom att skilja mellan destination, länktext och rel-information blir det lättare att beskriva länkar konsekvent. Rel-attributet är litet, men bidrar med ett strukturerat sätt att ange hur en hänvisning hör ihop med sidan där den publiceras.