Antes de hablar de la etiqueta geolocation, te quiero contar algo que seguro te pasó: entrás a una web y, antes de que cargue el primer párrafo, ya tenés un cartelito de Chrome preguntándote si querés compartir tu ubicación. Es molesto, es intrusivo y, desde el punto de vista de SXO (Search Experience Optimization), es una máquina de perder usuarios y aumentar la tasa de rebote.
Google finalmente tomó cartas en el asunto con el lanzamiento de Chrome 144. Ahora, la geolocalización deja de ser algo que «asalta» al usuario para convertirse en un elemento HTML declarativo: la etiqueta geolocation.
¿Qué es la etiqueta geolocation y por qué cambia las reglas?
Hasta ahora, pedir la ubicación dependía de scripts de JavaScript que se disparaban de forma automática. Con este cambio, pasamos de la interrupción a la intención:
- Es un botón, no un aviso: El navegador renderiza un botón nativo. El usuario decide cuándo y por qué interactuar con él.
- Transparencia total: El usuario tiene el control. Si no hay clic en la etiqueta, no hay pedido de permiso.
- Seguridad y confianza: Chrome bloquea automáticamente los pedidos automáticos si el usuario los rechazó varias veces. Esta etiqueta es la «vía legal» y limpia para obtener esos datos.
Ventajas de implementar la etiqueta HTML geolocation para el SEO
Como siempre digo en mis consultorías, el SEO ya no es solo meter keywords; es cómo el usuario experimenta tu sitio. Implementar esta etiqueta te da tres beneficios directos:
- Mejora de señales de Page Experience: Al eliminar pop-ups que tapan el contenido al cargar, reducís la fricción inicial. Menos rebote = mejores señales para Google.
- Autoridad técnica (EEAT): Usar estándares modernos de privacidad demuestra que tu sitio es técnicamente sólido y respeta al visitante.
- Conversión en SEO Local: Si tenés una estrategia de SEO Local, es mucho más probable que alguien comparta su ubicación mediante un botón claro que mediante un aviso genérico del sistema.
Tutorial: Cómo configurar la etiqueta geolocation paso a paso
La implementación de la etiqueta geolocation es puramente declarativa. No necesitás librerías pesadas, solo un bloque de código básico.
1. El código HTML
Copiá y pegá esto donde quieras que aparezca el botón de ubicación:
<geolocation
id="btn-ubicacion"
accuracymode="precise"
onlocation="miFuncion(event)">
<button onclick="pedidoClasico()">Usar mi ubicación</button>
</geolocation>
2. El JavaScript para procesar los datos
Necesitás una pequeña función para «escuchar» cuando el usuario da el permiso:
function miFuncion(event) {
if (event.target.position) {
const { latitude, longitude } = event.target.position.coords;
console.log("Coordenadas obtenidas:", latitude, longitude);
// Acá podés redirigir al usuario o mostrarle resultados locales
}
}
Preguntas frecuentes (FAQ)
¿Qué pasa si el usuario usa Safari o Firefox? Como es una función nueva de Chrome, estos navegadores no reconocerán la etiqueta. Por eso usamos un «fallback» (el botón dentro de la etiqueta) para que el sitio siga funcionando perfectamente en cualquier dispositivo.
¿Puedo darle estilos con CSS? Sí, podés cambiar colores y fuentes para que pegue con tu branding, pero Chrome exige que el botón sea siempre visible y tenga buen contraste por motivos de seguridad.
¿Afecta la velocidad de carga? Al contrario. Al ser un elemento nativo del navegador, es mucho más liviano que cualquier widget de terceros o script complejo de geolocalización.
Conclusión
Estamos en una etapa donde la privacidad y la experiencia de usuario mandan. La etiqueta geolocation es un paso hacia una web más respetuosa y eficiente. Si tu web o la de tus clientes depende de saber dónde está el usuario para ofrecer mejores servicios, migrá a este formato hoy mismo.
Es mejor para el usuario, es mejor para tu tasa de conversión y, por lo tanto, es mejor para tu posicionamiento.
Si encontraste útil toda la información que hemos compartido, te agradecemos sinceramente tu apoyo. Si deseas colaborar con nosotros, puedes hacerlo mediante una donación a través de PayPal o Cafecito. Tu generosidad nos ayuda a mantener nuestro contenido libre de publicidad y a seguir ofreciendo información valiosa para ti y para nuestra comunidad de lectores.
Si estás considerando crear tu propio sitio web, te recomendamos Hostgator. Es una plataforma fácil de usar y muy popular que te permitirá llevar tus ideas al mundo digital. Haz clic en el banner de abajo para obtener un descuento al crear tu sitio con WordPress.
