Recientemente, surgió una discusión en Twitter sobre el impacto en SEO de los elementos personalizados, utilizados en el “head” de las páginas web.
Un usuario en Twitter preguntó si es válido, desde un punto técnico, incluir un elemento personalizado en el encabezado de un sitio. John Mueller, un experto de búsqueda de Google, señaló que esta acción podría interferir en la manera en que Google procesa e indexa la página en sus resultados.
Esto quiere decir que, si bien los elementos personalizados brindan flexibilidad a los desarrolladores, pueden tener consecuencias significativas en la visibilidad y el posicionamiento en los motores de búsqueda. A continuación lo explicamos:
¿Qué son los elementos personalizados y porqué no se recomiendan?
Los elementos personalizados (custom elements) son una de las características principales de los componentes web, que son utilizados por los programadores, debido a que les ofrecen la capacidad de generar sus propias etiquetas HTML, según sus requerimientos, brindándoles funcionalidad propia, marcado HTML o estilos CSS específicos.
Su importancia e implicaciones en SEO, radica en que, cuando Google procesa una página web, “lee” una serie de señales para comprender y clasificar el contenido. Una de estas señales son las etiquetas HTML estándar que se encuentran en el “head”, como las etiquetas meta, que proporcionan información clave sobre la página y su contenido.
Sin embargo, si se utilizan elementos personalizados, Google puede tener dificultades para interpretar correctamente la estructura del sitio y podría no reconocer las etiquetas meta relevantes, lo que puede afectar la visibilidad y el posicionamiento en los resultados de búsqueda.
Otras razones de por qué no se recomienda su uso
Además de las preocupaciones sobre la interpretación de Google, estos elementos pueden causar problemas de compatibilidad con navegadores y lectores de pantalla más antiguos. También pueden generar conflictos en el espacio de nombres global y plantear preocupaciones sobre la separación de la funcionalidad, el significado y la presentación.
Además de lo anterior, es importante considerar el impacto negativo en la visibilidad y el posicionamiento en los resultados de búsqueda. Y es que el “head” de una página web es una sección crítica para el SEO, ya que contiene información vital para los motores de búsqueda y, por ende, en el posicionamiento orgánico.
Te sugerimos leer: Conoce GoogleOther, el nuevo rastreador web de Google
¿Qué dice Google del head?
En su Guía para desarrolladores, Google menciona la importancia de usar solo “elementos válidos” en el <head>:
“El elemento principal para especificar los metadatos sobre una página es el elemento <head> de un documento HTML. Si utilizas un elemento no válido en el elemento <head>, Google ignora todos los que aparecen después de este”.
Los elementos válidos para Google, según el estándar de HTML, son:
- title
- meta
- link
- script
- style
- base
- noscript
- template
En dicha guía se advierte que, en caso de necesitar un elemento que no está en esta lista, debe colocarse después de los que se quiere que Google vea, ya que cuando detecta uno de estos elementos no válidos, asume que es el final del elemento <head> y deja de leer todos los que se encuentran después.
Alternativas y uso de etiquetas HTML estándar
La alternativa, ante estas preocupaciones asociadas con el uso de elementos personalizados, es utilizar etiquetas HTML estándar, que ya han sido ampliamente adoptadas y son reconocidas por los motores de búsqueda.
Al mantener la consistencia y cumplir con las especificaciones HTML, se asegura que los motores de búsqueda puedan interpretar correctamente la estructura y el contenido de la página, para clasificarla de forma correcta y mostrarla, como se espera, en las páginas de resultados, que es el objetivo de una estrategia SEO.
En ese sentido, Google menciona que “las metaetiquetas a nivel de página son una forma perfecta con la que los propietarios de sitios web pueden facilitar a los buscadores información sobre sus sitios”. Conocer todas las opciones que existen y saberlas aplicar es una buena estrategia para dar indicaciones a los navegadores o Google, en concreto.
Por ejemplo:
- <meta name=”viewport” content=”…”> : indica a los navegadores que las páginas que la incluyen, están optimizadas para móviles.
- <meta name=”googlebot” content=”notranslate”>: es una opción cuando no quieres que Google traduzca tu página, cuando aparece en los resultados de un usuario que usa otro idioma.
Uso de etiquetas JSON-LD. JSON-LD
Otra alternativa prometedora es el uso de etiquetas JSON-LD. JSON-LD, o notación de objetos de JavaScript para datos vinculados, proporciona un método para codificar datos vinculados mediante JSON. Cuando se estructuran correctamente, estos datos se pueden utilizar en una etiqueta “script” dentro del “head” de la página.
Las etiquetas JSON-LD permiten una representación más clara y estructurada de los datos, lo que facilita su comprensión tanto para los motores de búsqueda como para los desarrolladores.
En última instancia, es fundamental equilibrar la flexibilidad en el desarrollo web con las mejores prácticas de SEO. Si bien los elementos personalizados pueden ser útiles en ciertos contextos, es esencial evaluar cuidadosamente los beneficios y riesgos asociados con su uso en el “head” de una página web.
Utilizar etiquetas HTML estándar y seguir las pautas recomendadas por los motores de búsqueda garantizará una mejor comprensión y clasificación de las páginas web, lo que resultará en una mayor visibilidad y posicionamiento en los resultados de búsqueda.
Conclusión
El uso de elementos personalizados en el “head” de una página web puede tener un impacto significativo en el SEO. Si bien estos elementos brindan flexibilidad a los desarrolladores, pueden dificultar la interpretación correcta de la estructura de la página por parte de los motores de búsqueda.
¿Quieres saber si tienes etiquetas HTML personalizadas en tu sitio, que pudieran estar afectando tus esfuerzos de optimización? En Clean Ranks podemos ayudarte a identificarlas y realizar los ajustes necesarios, para que estos detalles no afecten la manera en que Google muestra tu página en su índice de resultados.
