La URL Canónica – Más allá de la metaetiqueta

Domina las Etiquetas Canónicas: Guía Completa para SEO

¿Qué son las etiquetas canónicas?

Las etiquetas canónicas son elementos HTML que ayudan a evitar problemas de contenido duplicado especificando la «versión preferida» de una página web.

Esto es crucial para el SEO, ya que permite a los motores de búsqueda identificar cuál es la versión principal de una página cuando existen múltiples URLs con contenido similar.

Importancia de las etiquetas canónicas en SEO

La duplicidad de contenido puede diluir la autoridad de tus páginas y confundir a los motores de búsqueda sobre cuál versión indexar.

Las etiquetas canónicas resuelven este problema al consolidar las señales de clasificación en una sola URL, mejorando así la visibilidad y el rendimiento de tu sitio web.

¿Cómo funcionan las etiquetas canónicas?

Las etiquetas canónicas se añaden al encabezado HTML de una página y apuntan a la URL canónica.

Por ejemplo:

Esto indica a los motores de búsqueda que la URL especificada es la versión preferida, independientemente de la URL actual.

Implementación de Etiquetas Canónicas

Cómo añadir etiquetas canónicas a tu sitio web

Ejemplos prácticos

1. Páginas con Parámetros de URL: Si tienes páginas con parámetros de URL que no cambian el contenido significativamente, usa etiquetas canónicas para apuntar a la versión sin parámetros. Un ejemplo típico de ecommerce podría ser
   que convertido a URL canónica resultaría en
   
2. Versiones Móviles y de Escritorio: Si tienes versiones separadas para móvil y escritorio, usa etiquetas canónicas para indicar la versión preferida. Así, el ejemplo anterior te vale para pantalla grande, el código que debería ir en la versión mobile podría ser:
   Las versiones mobile son ya una rareza, no corras a poner «m.» u otra cosa si no es tu caso.
3. Webs responsivas o con diseño adaptable: Si tu web reconoce el entorno donde se muestra y cambia su presentación (técnicamente, en función del viewport), lo cuál es lo más habitual hoy día, el ejemplo #1 te vale para todo. En el probable caso que la web de tu empresa corra sobre WordPress, el CMS se ocupa de la presentación en pantalla y el plugin SEO básico cuidará de la URL canónica, insertando la etiqueta canónica automáticamente

Mejores prácticas

• Usa URLs Absolutas: Siempre utiliza URLs absolutas en tus etiquetas canónicas para evitar confusiones.
• Evita Cadenas de Canónicas: No apuntes una etiqueta canónica a otra página que también tenga una etiqueta canónica.
• Consistencia: Asegúrate de que todas las versiones de una página apunten a la misma URL canónica.

Errores comunes al usar etiquetas para URL canónica

• Apuntar a una página no existente: Asegúrate de que la URL canónica sea una página válida y accesible. Si la URL canónica resulta en un Error 404, vas mal.
• Usar múltiples etiquetas canónicas: Solo debe haber una URL canónica por página. Esa es la gracia, si no fuera así jamás tendrías una versión canónica de la URL.
• Confundir URLs canónicas con redirecciones: Las etiquetas canónicas no redirigen a los usuarios; solo indican a los motores de búsqueda la versión preferida. Las redirecciones parten del servidor, informando al cliente de la redirección mediante códigos de estado HTTP 301 o 308 (redirección permanente), 302 o 307 (redirección temporal, y recomiendo la 307) o la redirección para eliminar contenidos 410 (contenido no disponible y sin alternativos ni previsión de que vuelva jamás).

Herramientas para verificar etiquetas canónicas

• Google Search Console: Revisa los informes de cobertura para verificar si tus etiquetas canónicas están configuradas correctamente. En webs empresariales extensas, como consultor SEO freelance esta tarea forma parte cotidiana de la gestión y mejora de la visibilidad y autoridad de marca.
• Screaming Frog: Esta herramienta puede rastrear tu sitio y verificar la implementación de etiquetas canónicas.
• TechSEO360: Una herramienta de rastreo muy técnica y poco conocida, pero útil especialmente en este caso.
• Ahrefs: Proporciona informes detallados sobre el uso de etiquetas canónicas en tu sitio.

Etiquetas Canónicas y la Consola de Búsqueda de Google

Mensajes de la Consola de Búsqueda de Google

«Página alternativa con etiqueta canónica adecuada»

Este mensaje indica que Google ha encontrado una página alternativa con una etiqueta canónica que apunta correctamente a la versión preferida.

No hay acciones adicionales necesarias, pero es una buena idea revisar la implementación para asegurarte de que todo esté en orden.

«Duplicada el usuario no ha indicado ninguna versión canónica»

Este mensaje señala que Google ha encontrado contenido duplicado pero no hay una etiqueta canónica que indique la versión preferida.

Debes añadir una etiqueta canónica a la página duplicada para resolver este problema.

Cómo interpretar y actuar sobre estos mensajes

1. Revisa las URLs Afectadas: Identifica las páginas que están generando estos mensajes.
2. Añade o Ajusta Etiquetas Canónicas: Asegúrate de que cada página duplicada tenga una etiqueta canónica que apunte a la versión preferida.
3. Monitorea los Cambios: Usa la Consola de Búsqueda de Google para monitorear cómo afectan tus ajustes a la indexación y el rendimiento de tu sitio.

URL Canónicas y su Papel en la Web Semántica

Introducción a las URI y URL canónicas

Las URI (Identificadores de Recursos Uniformes) y URL (Localizadores de Recursos Uniformes) son fundamentales para la Web Semántica.

Las URL canónicas actúan como identificadores únicos para recursos y entidades, ayudando a los motores de búsqueda y sistemas de inteligencia artificial a entender relaciones y consolidar información.

Ontologías y la Web Semántica

Las ontologías definen las relaciones entre diferentes entidades y conceptos en la Web Semántica.

Las URL canónicas juegan un papel crucial al proporcionar identificadores únicos que pueden ser referenciados y enlazados en estas ontologías.

Vocabularios y Formatos

Dublin Core Initiative y DC Term Identifier

El vocabulario Dublin Core Initiative (DCI) proporciona un conjunto de términos para describir recursos.

El DC Term Identifier es un ejemplo de cómo se pueden utilizar URL canónicas para identificar recursos de manera única.

Schema.org y @id

Schema.org es un vocabulario ampliamente utilizado para el marcado de datos estructurados.

El atributo @id en Schema.org se utiliza para definir de forma única una entidad dentro del grafo de datos.

Esto permite enlazar y referenciar esa entidad desde otros bloques de marcado sin duplicar su contenido.

SEO Semántico y las Etiquetas Canónicas

Importancia de @id en Schema.org

El atributo @id es crucial para el SEO semántico porque ayuda a los motores de búsqueda a entender las relaciones entre diferentes entidades y recursos.

Al proporcionar un identificador único, @id facilita la consolidación de información y evita ambigüedades.

Cómo @id ayuda a los motores de búsqueda y sistemas de inteligencia artificial

• Consolidación de información: @id permite a los motores de búsqueda consolidar información de diferentes fuentes en una sola entidad.
• Evitar ambigüedades: Al proporcionar un identificador único, @id ayuda a evitar ambigüedades y mejorar la precisión de los resultados de búsqueda.
• Mejora de la indexación: Los motores de búsqueda pueden indexar mejor las páginas cuando las entidades están claramente definidas y enlazadas.

Ejemplos de uso de @id en JSON-LD

{
"@context": "https://schema.org",
"@type": "Product",
"@id": "https://www.seofreelance.es/producto-123/#product",
"name": "Producto Ejemplo",
"description": "Este es un ejemplo de producto.",
"offers": {
"@type": "Offer",
"priceCurrency": "EUR",
"price": "19.99"
}
}

En este ejemplo, @id proporciona un identificador único para el producto, permitiendo que sea referenciado desde otros bloques de marcado.

ACLARACION

Ahora tal vez estés confundiendo el uso de la almohadilla (#). Vamos a aclarar los 2 usos típicos pero fundamentalmente distintos:

1. El uso más habitual en SEO on-page y maquetación web, que es crear anclas internas en un documento. La más obvia de todas es la flechita inferior que suele haber para llevarte arriba de todo del contenido que estás leyendo. Si la inspeccionas, verás que tiene un enlace interno apuntando a #top (o similar).
   Este uso también es muy habitual en las tablas de contenido que se pusieron tan de moda hace pocos años: cada título de sección suele ser un enlace interno hacia esa sección, por comodidad.
2. De forma menos extendida, pero muy visible desde 2012 gracias al estándar Schema.org, tenemos el uso de URIs con efecto semántico. Por ejemplo, si declaro la URI https://www.solidseo.es/#service puedo crear un salto interno dentro de un documento, tal como veíamos en el caso anterior.
   Sin embargo, el mayor efecto es invisible a la mayoría, pero es muy importante para tus planes de visibilidad: esta URI #service es semántica, tiene significado propio y sirve para identificar entidades y relaciones.
   ¿Cómo es esto? Por ejemplo, con los datos estructurados Schema. El formato de los ejemplos es JSON-LD, pero lo relevante aquí no es el formato, sino el vocabulario empleado. Si revisas el estándar encuentras Schema.org/Service y ahí está la magia. Significa algo para todo el mundo, por eso es un estándar establecido.
   No es lo mismo https://www.solidseo.es/#service (un servicio) que https://www.solidseo.es/#brand (una marca). Puede que cueste un poco, ¡pero para eso soy consultor SEO!

El Concepto de «@graph» en Datos Estructurados

Qué es @graph y su importancia

El atributo @graph en JSON-LD se utiliza para definir un grafo de datos que contiene múltiples entidades y sus relaciones.

Esto es especialmente útil cuando se trabaja con marcado reutilizable o interconectado, como en páginas web, organizaciones o productos.

Cómo añadir @id en tus scripts y despliegues de Datos Estructurados

1. Define el Contexto: Asegúrate de que el contexto (@context) esté definido correctamente.
2. Añade @id a Cada Entidad: Proporciona un identificador único (@id) para cada entidad en el grafo.
3. Enlaza las Entidades: Utiliza @id para enlazar y referenciar entidades dentro del grafo.

Ejemplos prácticos de uso de @graph y @id

{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://www.seofreelance.es/#organization",
"name": "Ricard Menor Consultor SEO Freelance",
"url": "https://www.seofreelance.es/"
},
{
"@type": "Product",
"@id": "https://www.seofreelance.es/servicios/auditoria-seo/#product",
"name": "Auditoría SEO",
"offers": {
"@type": "Offer",
"priceCurrency": "EUR",
"price": "XXXX.XX"
},
"manufacturer": {
"@id": "https://www.seofreelance.es/#organization"
}
}
]
}

En este ejemplo, @graph define un grafo de datos que incluye una organización y un producto.

El producto está enlazado a la organización utilizando @id, lo que permite a los motores de búsqueda entender la relación entre estas entidades.

Casos de Estudio y Resultados

¿Cómo afectan las etiquetas canónicas a la indexación?

Introducidas en 2009 por un grupo de trabajo conjunto de los gigantes de la época (Google, Microsoft, Yahoo), las etiquetas canónicas ayudan a los motores de búsqueda a indexar la versión preferida de una página, consolidando las señales de clasificación y mejorando la visibilidad.

Los estudios reveladores en el momento posterior a la aparición de la metaetiqueta de URL canónica son ya antiguos y apenas merecen el detalle, ya que el canonical ha pasado a ser parte del paisaje: no lo llamaría implementación SEO, más bien es un básico imperativo.
Varios casos de sitios de comercio electrónico mostraron aumentos significativos en el tráfico orgánico después de implementar etiquetas canónicas para manejar contenido duplicado. Lo dicho, hoy en día es una obviedad, en su día armó cierto revuelo como todas las novedades… Pero imagina, si esto fue rompedor: ¿qué cabría decir de la irrupción de los LLMs?

¿Cómo afectan las etiquetas canónicas a la autoridad de la página?

Al consolidar las señales de clasificación en una sola URL, las etiquetas canónicas pueden mejorar la autoridad de la página y su rendimiento en los resultados de búsqueda. En su momento, como decía para los casos de ecommerce, los blogs (los más extensos en especial) vieron un aumento en sus rankings por keywords, y con ello obtuvieron más tráfico orgánico después de implementar etiquetas canónicas para manejar múltiples versiones de sus artículos, paginaciones erróneas y otras limitaciones de la época.

Errores comunes aplicando etiquetas de URL canónica

Aquí te dejo unas indicaciones de Google, para evitar los 5 errores más comunes.

Conclusiones para atar cabos

Resumen de puntos clave

• Las etiquetas canónicas son esenciales para manejar la duplicidad de contenido y mejorar el SEO.
• La implementación correcta de etiquetas canónicas puede consolidar la autoridad de la página y mejorar la visibilidad.
• Las URL canónicas juegan un papel crucial en la Web Semántica y el SEO semántico.
• El uso de @id y @graph en JSON-LD puede ayudar a los motores de búsqueda a entender mejor las relaciones entre entidades.

Preguntas frecuentes

¿Qué es una etiqueta canónica?

Una etiqueta canónica es un elemento HTML que indica a los motores de búsqueda la versión preferida de una página cuando existen múltiples URLs con contenido similar.

¿Cómo añado una etiqueta canónica a mi sitio web?

Puedes añadir una etiqueta canónica al encabezado HTML de tu página utilizando el siguiente formato:

¿Qué es @id en Schema.org?

@id es un atributo en Schema.org que proporciona un identificador único para una entidad dentro del grafo de datos, permitiendo enlazar y referenciar esa entidad desde otros bloques de marcado.