Sitemap

Google SEO 101: Göra och inte göra för länkar och JavaScript

Google förklarar hur man säkerställer att länkar fungerar korrekt med JavaScript i det första avsnittet av den nya Lightning Talks-serien.

Google Lightning Talks är korta versioner av presentationer som kan ha delats på Google Webmaster Conferences runt om i världen.

Med tanke på att personliga evenemang ställs in under överskådlig framtid, anpassar Google sitt konferensinnehåll för webben.

Videor i Google Lightning Talks-serien är planerade att publiceras under hela året.

Googles Martin Splitt om länkar och JavaScript

Splitt ägnar den första delen av Lightning Talks till att diskutera "allas favorit"-ämne: länkar.

Mer specifikt – länkar i JavaScript-webbappar.

Splitt går igenom den viktiga roll som länkar spelar för både användare och sökmotorer.

Han listar också vad man bör och inte bör göra för att kombinera länkar med JavaScript-funktionalitet.

Länkar är viktiga för människor och bots

Länkar tjänar det uppenbara syftet att låta användare navigera mellan delar av innehåll.

Men webbplatsägare måste vara uppmärksamma på vilken roll länkar spelar för bots och sökmotorer också.

Först och främst – länkar gör att sökrobotar kan hitta andra sidor på en webbplats.

Sökrobotar upptäcker och indexerar andra sidor på en webbplats genom att följa länkar från en sida till en annan.

Genom att följa länkar får sökroboten en förståelse för webbplatsens struktur och informationsarkitektur.

Detta är användbart för att förstå vilka sidor som kan vara relevanta för ett visst ämne.

Relaterat: En praktisk introduktion till modern JavaScript för SEOs

Skapa länkar med JavaScript – Göra och inte göra

Att skapa en länk är inte så enkelt som man kan tro, varnar Martin Splitt.

Det är särskilt sant när det gäller att lägga till JavaScript-funktionalitet till en länk.

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

Här är vad Splitt rekommenderar.

Gör: Håll det enkelt

Det enklaste sättet att sätta en länk på en webbplats är att använda en ahref-tagg.

Det går också bra att uppgradera standardlänkar med JavaScript-funktionalitet, så länge som vissa villkor fortfarande är uppfyllda.

Exempel på enkla länkar

Gör inte: Utelämna ahref-attributet

När du lägger till JavaScript-funktionalitet till en länk kan du överväga att utelämna ahref-attributet

"Det är ingen bra idé"säger Splitt.

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

Utan ett ahref-attribut kommer sökrobotar inte att kunna avgöra var en länk går till eftersom sökroboten inte kör JavaScript.

Gör det inte: Använd Psuedo-URL:er

Det hjälper inte heller att lägga till ett ahref-attribut utan en användbar URL, eller med en "pseudo URL" som i exemplet nedan:

Resultatet är detsamma som en länk utan ett ahref-attribut, vilket betyder att det inte är en bra idé.

Gör det inte: Använd knappar

Att använda en knapp kan verka som ett genomförbart 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 bör det förmodligen vara en knapp.

Å andra sidan, om en länk tar en användare till ett annat innehåll som inte fanns på sidan tidigare, bör det vara en standardlänk.

Gör det inte: Lita på klickhanterare

Webbplatsägare bör inte heller simulera länkar genom att använda andra HTML-element och använda en klickhanterare i JavaScript, till exempel.

Detta bryter mot de inbyggda tillgänglighetsfunktionerna och är inte en bra idé.

Gör: Använd semantisk HTML

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

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

Använder "korrekt"webbadresser

Dessa webbadresser är typiska exempel på vad som anses vara en "korrekt URL":

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

  • Ett protokoll
  • En värd
  • En väg till ett specifikt innehåll
  • En fragmentidentifierare (valfritt)

Relaterat: SEO & JavaScript: The Good, the Bad & the Uncertainty

Se upp för fragmentidentifierare

Med tanke på att fragmentidentifierare är valfria och pekar på platser inom samma del av innehåll, ignorerar sökrobotar dem.

Det är särskilt viktigt att notera om du bygger en ensidig applikation med länkar fulla av fragmentidentifierare.

Sökrobotar kommer inte att följa länkarna, så de kommer inte att kunna förstå webbappen.

Sammanfattningsvis

Här är dina viktigaste takeaways från den första delen av Google Lightning Talks:

  • Använd korrekt länkmarkering.
  • Använd inte fragment för att ladda olika innehåll i appar på en sida.
  • Bygg hemsidor som fungerar bra med JavaScript och länkarna kommer att hittas.