Göra och inte göra för länkar och JavaScript

Google förklarar hur det inte är så enkelt som man kan tro att se till att länkar fungerar korrekt med JavaScript i det första avsnittet av Skapa nya länkar, varnar Martin Splitt.

Det är särskilt sant när du lägger till JavaScript-funktionalitet till en länk.

JavaScript tillåter webbplatser att anpassa länkar på en mängd olika sätt, men att göra det kan göra länken oanvändbar för sökrobotar.

Detta är vad Splitt rekommenderar.

Gör: Håll det live

Det mest direkta sättet att placera en länk på en webbplats är att använda ett “Det är inte en bra idé”, säger Splitt.

Anledningen till detta är att länken bara fungerar när JavaScript fungerar korrekt.

Utan ahref-attributet kommer sökroboten inte att kunna avgöra var länken ska gå eftersom sökroboten inte kör JavaScript.

Nej: använd Psuedo URL URL

Det hjälper inte heller att lägga till ett ahref-attribut utan en användbar URL eller med en “falsk URL” som i följande exempel:

Resultatet ser ut som en länk utan ahref-attributet, vilket betyder att det inte är en bra idé.

Nej: använd knapparna

Att använda en knapp verkar vara ett gångbart alternativ för att lägga till en länk till en sida, men det är inte heller en bra idé.

Tumregeln är: om en länk får något att hända på den aktuella sidan är det förmodligen en knapp.

Å andra sidan, om en länk tar användaren till annat innehåll som inte fanns på föregående sida, bör det vara en kanonisk länk.

Nej – pålitlig klickhantering

Webbplatsägare bör inte heller simulera länkar med andra HTML-element och till exempel använda JavaScript-klickhanterare.

Detta bryter mot inbyggda tillgänglighetsfunktioner och är ingen bra idé.

Gör: använd semantisk HTML

Summan av kardemumman på allt detta är: använd semantisk HTML-kodning och peka din länk till en lämplig URL.

Vad är en korrekt URL? Det förklaras i nästa avsnitt.

Använd “korrekt” URL

Dessa webbadresser är bra exempel på vad som anses vara en “korrekt URL”:

Det är rätt webbadresser eftersom de innehåller följande attribut:

• Ett protokoll
• En gäst
• Länk till specifikt innehåll
• En segmentidentifierare (valfritt)

Var försiktig med fragmentidentifierare

Eftersom fragmentidentifierare är valfria och pekar på platser inom samma tillgång, ignorerar sökrobotar dem.

Det är särskilt viktigt att notera om du skapar en ensidig app med länkar fulla av kodavsnittsidentifierare.

Sökrobotarna följer inte länkarna, så de kommer inte att kunna förstå webbapplikationen.

Sammanfattning

Det här är hans huvudsakliga slutsatser från den första delen av Google Lightning Talks:

• Använd lämplig länkmarkering.
• Använd inte utdrag för att läsa in olika innehåll i appar på en sida.
• Skapa webbsidor som fungerar bra med JavaScript och länkar kommer att hittas.