¿Qué son los elementos personalizados en Head?
Los elementos personalizados en la etiqueta <head> de un documento HTML son componentes o metadatos creados por los desarrolladores para proporcionar información adicional y mejorar la estructura y funcionalidad del sitio web. Estos elementos personalizados no son parte del conjunto estándar de etiquetas HTML, como <title>, <meta>, etc.
En lugar de utilizar etiquetas predefinidas, los elementos personalizados permiten a los desarrolladores definir sus propias etiquetas con atributos específicos para satisfacer sus necesidades particulares. A menudo, se utilizan en combinación con JavaScript y CSS para ofrecer características específicas, como:
- integraciones con bibliotecas
- Frameworks
- Seguimiento de datos personalizados,
- Optimización para motores de búsqueda y otras funcionalidades personalizadas.
Es importante mencionar que, aunque los navegadores modernos suelen ser tolerantes con el uso de elementos personalizados y los manejan de manera adecuada, es fundamental asegurarse de que estos elementos no entren en conflicto con las especificaciones HTML y que sean utilizados de manera responsable para garantizar la compatibilidad y la accesibilidad del sitio web.
Algunos aspectos que tenemos que destacar seeían:
- El uso de etiquetas HTML personalizadas en la cabecera de una página web puede tener consecuencias negativas en el procesamiento y la indexación de Google, lo que podría perjudicar el SEO.
- A pesar de los beneficios que ofrecen a los desarrolladores, es esencial tener precaución al utilizar etiquetas personalizadas debido a problemas de compatibilidad y posibles impactos en la interpretación de la estructura de la página web.
- En cambio, las etiquetas JSON-LD se presentan como una alternativa válida a las etiquetas personalizadas, ya que brindan flexibilidad y mejoran el SEO al proporcionar metadatos estructurados.
Debate en Twitter sobre los elementos personalizados en Head
Recientemente, en Twitter, surgió un debate acerca de la legitimidad de emplear elementos personalizados en la sección <head> de las páginas web.
Los elementos personalizados se enmarcan dentro de las especificaciones de los componentes web, lo que capacita a los desarrolladores para diseñar elementos HTML ajustados a sus requerimientos específicos.
Al emplear etiquetas personalizadas, los desarrolladores tienen la posibilidad de crear elementos HTML reutilizables y autónomos que operan de manera independiente del resto del código.
Müller afirma:
“El uso de elementos personalizados en el <head> probablemente interrumpa el procesamiento de la página en la Búsqueda de Google. Si hay metaetiquetas de ‘búsqueda’, etc. debajo de los elementos personalizados que deberían estar en el <head> (como robots noindex), es posible que Google no los reconozca durante el procesamiento».
Una alternativa: etiquetas JSON-LD
Para quienes buscan mejorar el SEO sin perder la versatilidad de las etiquetas personalizadas, las etiquetas JSON-LD representan una alternativa prometedora.
JSON-LD, también conocido como notación de objetos de JavaScript para datos vinculados, ofrece una forma de codificar datos vinculados utilizando JSON.
Una vez estructurados adecuadamente, estos datos pueden ser utilizados dentro de una etiqueta.
Artículos relacionados
- Google Bard el ChatGPT de Google disponible en España
- Actualización: Las Core Web Vitals y cómo optimizar el INP
Equipo PubliUP
