Un controlador de clic en un div puede parecerse a un enlace, pero no proporciona el mismo comportamiento nativo. Utilice un ancla con un href para la navegación y luego agregue JavaScript solo para realizar mejoras.
<a href="/en/tutorials/example/">Read the tutorial</a>Mantener el destino en el marcado.
- Permita a los usuarios abrir un enlace en una nueva pestaña, copiar su dirección y activarlo con un teclado.
- No deje el href vacío ni lo establezca en # cuando el control esté destinado a navegar.
- Para acciones que cambian de estado en lugar de navegar, use un botón y asígnele un nombre claro y accesible.
Verifique la página renderizada por el servidor
Inspeccione el HTML sin formato o utilice una solicitud de solo texto para confirmar que los enlaces y etiquetas importantes estén presentes antes de la hidratación. La navegación del lado del cliente aún puede hacer que las transiciones sean más rápidas, pero la URL normal sigue siendo la fuente de la verdad.
Esto mejora la usabilidad y crea rutas de rastreo claras. Esto no significa que todas las páginas de JavaScript sean invisibles para Google; significa que la navegación esencial no debería depender de un comportamiento de representación incierto.