Sitemap

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

Google explica cómo garantizar que los enlaces funcionen correctamente con JavaScript en el primer episodio de la nueva serie Lightning Talks.

Google Lightning Talks son versiones cortas de presentaciones que podrían haberse compartido en Google Webmaster Conferences en todo el mundo.

Dado que los eventos presenciales se cancelan en un futuro previsible, Google está adaptando el contenido de su conferencia para la web.

Los videos de la serie Google Lightning Talks están programados para publicarse durante todo el año.

Martin Splitt de Google sobre enlaces y JavaScript

Splitt dedica la primera entrega de Lightning Talks a discutir el tema "favorito de todos": los enlaces.

Más específicamente: enlaces en aplicaciones web de JavaScript.

Splitt repasa el importante papel que juegan los enlaces tanto para los usuarios como para los rastreadores de los motores de búsqueda.

También enumera lo que se debe y no se debe hacer al combinar enlaces con la funcionalidad de JavaScript.

Los enlaces son importantes para humanos y bots

Los enlaces tienen el propósito obvio de permitir que los usuarios naveguen entre piezas de contenido.

Pero los propietarios de sitios deben tener en cuenta el papel que juegan los enlaces para los bots y los motores de búsqueda también.

En primer lugar, los enlaces permiten a los rastreadores encontrar otras páginas de un sitio web.

Los rastreadores descubren e indexan otras páginas de un sitio web siguiendo enlaces de una página a otra.

Al seguir los enlaces, el rastreador obtiene una comprensión de la estructura del sitio y la arquitectura de la información.

Esto es útil para comprender qué páginas pueden ser relevantes para un tema determinado.

Relacionado: Una introducción práctica a JavaScript moderno para SEO

Creación de enlaces con JavaScript: qué hacer y qué no hacer

Crear 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 los enlaces de diferentes maneras, pero hacerlo puede hacer que el enlace quede inutilizable para los rastreadores.

Esto es lo que recomienda Splitt.

Hacer: Mantenlo sencillo

La forma más sencilla de poner un enlace en un sitio es usar una etiqueta ahref.

También está bien actualizar los enlaces estándar con la funcionalidad de JavaScript, siempre que se cumplan algunas condiciones.

Ejemplos de enlaces directos

No: deje de lado el atributo ahref

Al agregar la funcionalidad de JavaScript a un enlace, puede considerar omitir el atributo ahref

"Esa no es una buena idea,"dice Splitt.

El motivo es que 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 direcciones URL falsas

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

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

No: usar botones

Usar 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 hace que suceda algo 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 integradas y no es una buena idea.

Hacer: usar HTML semántico

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

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

Usando "Adecuado"URL

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

Esas son URL adecuadas porque contienen los siguientes atributos:

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

Relacionado: SEO y JavaScript: lo bueno, lo malo y la incertidumbre

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 una sola página con enlaces llenos de identificadores de fragmentos.

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

En resumen

Estos son los puntos clave de la primera entrega de Google Lightning Talks:

  • Use 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.