Qué hacer y qué no hacer de los enlaces y JavaScript

Google explica cómo garantizar que los enlaces funcionen correctamente con JavaScript en el primer episodio de la nueva Creación de un enlace no es tan sencillo como podría pensar, advierte Martin Splitt.

Eso es especialmente cierto cuando se trata de agregar la funcionalidad de JavaScript a un enlace.

JavaScript permite que los sitios personalicen enlaces de diferentes maneras, pero hacerlo puede hacer que el enlace sea inutilizable para los rastreadores.

Esto es lo que recomienda Splitt.

Hacer: Mantenlo directo

La forma más directa de poner un enlace en un sitio es usar un "Esa no es una buena idea", dice Splitt.

La razón de esto es porque el enlace solo funcionará cuando JavaScript funcione correctamente.

Sin un atributo ahref, los rastreadores no podrán determinar a dónde va un enlace porque el rastreador no ejecuta JavaScript.

No: use URL de Psuedo

Tampoco ayuda agregar un atributo ahref sin una URL útil o con una "pseudo URL" como en el siguiente ejemplo:

Google SEO 101: Qué hacer y qué no hacer de los enlaces y JavaScript

El resultado es el mismo que un enlace sin un atributo ahref, lo que significa que no es una buena idea.

No: use botones

El uso de un botón puede parecer una opción viable para agregar un enlace a una página, pero tampoco es una buena idea.

La regla general es: si un enlace activa algo que sucede en la página actual, probablemente debería ser un botón.

Por otro lado, si un enlace lleva a un usuario a otro contenido que no estaba en la página antes, entonces debería ser un enlace estándar.

No: confíe en los controladores de clics

Los propietarios de sitios tampoco deben simular enlaces usando otros elementos HTML y usando un controlador de clics en JavaScript, por ejemplo.

Esto rompe las funciones de accesibilidad incorporadas y no es una buena idea.

Hacer: usar HTML semántico

La conclusión de todo esto es: use el marcado semántico HTML y apunte su enlace a una URL adecuada.

¿Qué es una URL adecuada? Eso se explica en la siguiente sección.

Uso de URL "adecuadas"

Estas URL son ejemplos típicos de lo que se considera una "URL adecuada":

Google SEO 101: Qué hacer y qué no hacer de los enlaces y JavaScript

Esas son URL adecuadas porque contienen los siguientes atributos:

  • Un protocolo
  • Un huésped
  • Una ruta a un contenido específico
  • Un identificador de fragmento (opcional)

Cuidado con los identificadores de fragmentos

Dado que los identificadores de fragmentos son opcionales y apuntan a ubicaciones dentro del mismo contenido, los rastreadores los ignoran.

Es especialmente importante tener en cuenta si crea una aplicación de página única con enlaces llenos de identificadores de fragmentos.

Los rastreadores no seguirán los enlaces, por lo que no podrán entender la aplicación web.

En resumen

Google SEO 101: Qué hacer y qué no hacer de los enlaces y JavaScript

Estas son sus conclusiones clave de la primera entrega de Google Lightning Talks:

  • Utilice el marcado de enlace adecuado.
  • No use fragmentos para cargar contenido diferente en aplicaciones de una sola página.
  • Cree sitios web que funcionen bien con JavaScript y se encontrarán los enlaces.