Sitemap

Google SEO 101: do's en don'ts van links en JavaScript

Google legt in de eerste aflevering van de nieuwe Lightning Talks-serie uit hoe je ervoor kunt zorgen dat links goed werken met JavaScript.

Google Lightning Talks zijn korte versies van presentaties die mogelijk zijn gedeeld op Google Webmaster Conferences over de hele wereld.

Aangezien persoonlijke evenementen in de nabije toekomst worden geannuleerd, past Google de inhoud van de conferentie aan voor internet.

Het is de bedoeling dat video's in de Google Lightning Talks-serie het hele jaar door worden gepubliceerd.

Splitt wijdt de eerste aflevering van Lightning Talks aan het bespreken van "ieders favoriete" onderwerp: links.

Meer specifiek: links in JavaScript-webapps.

Splitt gaat over de belangrijke rol die links spelen voor zowel gebruikers als crawlers van zoekmachines.

Hij somt ook de do's en don'ts op van het combineren van links met JavaScript-functionaliteit.

Links dienen het voor de hand liggende doel om gebruikers tussen stukken inhoud te laten navigeren.

Maar site-eigenaren moeten ook rekening houden met de rol die links spelen voor bots en zoekmachines.

Eerst en vooral: links stellen crawlers in staat om andere pagina's van een website te vinden.

Crawlers ontdekken en indexeren andere pagina's van een website door links van de ene pagina naar de andere te volgen.

Door links te volgen, krijgt de crawler inzicht in de sitestructuur en informatiearchitectuur.

Dit is handig om te begrijpen welke pagina's relevant kunnen zijn voor een bepaald onderwerp.

Gerelateerd: een praktische inleiding tot modern JavaScript voor SEO's

Een link maken is niet zo eenvoudig als je zou denken, waarschuwt Martin Splitt.

Dat geldt vooral als het gaat om het toevoegen van JavaScript-functionaliteit aan een link.

Met JavaScript kunnen sites links op verschillende manieren aanpassen, maar hierdoor kan de link onbruikbaar worden voor crawlers.

Dit is wat Splitt aanbeveelt.

Doen: houd het rechttoe rechtaan

De eenvoudigste manier om een ​​link op een site te plaatsen, is door een ahref-tag te gebruiken.

Het is ook prima om standaardkoppelingen te upgraden met JavaScript-functionaliteit, zolang er maar aan enkele voorwaarden wordt voldaan.

Voorbeelden van directe links

Niet doen: het attribuut ahref weglaten

Wanneer u JavaScript-functionaliteit aan een link toevoegt, kunt u overwegen het attribuut ahref weg te laten

"Dat is geen goed idee,"zegt Split.

De reden daarvoor is dat de link alleen werkt als JavaScript goed werkt.

Zonder een ahref-kenmerk kunnen crawlers niet bepalen waar een link naartoe gaat, omdat de crawler geen JavaScript uitvoert.

Niet doen: Psuedo-URL's gebruiken

Het helpt ook niet om een ​​ahref-attribuut toe te voegen zonder een bruikbare URL, of met een "pseudo-URL" zoals in het onderstaande voorbeeld:

Het resultaat is hetzelfde als een link zonder een ahref-attribuut, wat betekent dat het geen goed idee is.

Niet doen: knoppen gebruiken

Het gebruik van een knop lijkt misschien een haalbare optie om een ​​link naar een pagina toe te voegen, maar dat is ook geen goed idee.

De vuistregel is: als een link ervoor zorgt dat er iets gebeurt op de huidige pagina, moet het waarschijnlijk een knop zijn.

Aan de andere kant, als een link een gebruiker naar een ander stuk inhoud brengt dat niet eerder op de pagina stond, dan zou het een standaardlink moeten zijn.

Niet doen: vertrouwen op klikhandlers

Site-eigenaren moeten ook geen links simuleren door andere HTML-elementen te gebruiken en bijvoorbeeld een klikhandler in JavaScript te gebruiken.

Dit breekt de ingebouwde toegankelijkheidsfuncties en is geen goed idee.

Doen: Semantische HTML gebruiken

De bottom line van dit alles is: gebruik semantische HTML-opmaak en verwijs uw link naar een juiste URL.

Wat is een goede URL?Dat wordt uitgelegd in de volgende sectie.

"Juist" gebruikenURL's

Deze URL's zijn typische voorbeelden van wat wordt beschouwd als een 'juiste URL':

Dat zijn de juiste URL's omdat ze de volgende kenmerken bevatten:

  • een protocol
  • Een gastheer
  • Een pad naar een specifiek stuk inhoud
  • Een fragment-ID (optioneel)

Gerelateerd: SEO en JavaScript: het goede, het slechte en de onzekerheid

Pas op voor fragment-ID's

Aangezien fragment-ID's optioneel zijn en naar locaties binnen hetzelfde stuk inhoud verwijzen, negeren crawlers ze.

Dat is vooral belangrijk om op te merken als u een applicatie met één pagina bouwt met links vol met fragment-ID's.

Crawlers zullen de links niet volgen, dus ze zullen de webapp niet kunnen begrijpen.

Samengevat

Dit zijn de belangrijkste punten uit de eerste aflevering van Google Lightning Talks:

  • Gebruik de juiste link-opmaak.
  • Gebruik geen fragmenten om verschillende inhoud in apps met één pagina te laden.
  • Bouw websites die goed werken met JavaScript en de links worden gevonden.