www.seox.es

link rel canonical 610x407 - El canonical y el resto de etiquetas ¿Sabes cómo se relacionan?

El canonical es una directiva máquina, trabajada como etiqueta, que se coloca en el campo

, apoyada por bing!, Google y Yahoo e ideada para trabajar el contenido duplicado, indicando en ella cuál es el contenido original. Nacida en el 2009 en pleno auge de la sindicación de contenidos, es una forma de ayudar a los buscadores a elegir cuál es el contenido original y permitirles identificar correctamente el emisor original de este.

El canonical y otras etiquetas

  1. Canonical con rel=prev y rel=next
  2. Canonical con hreflang
  3. Canonical con hreflang y xdefault
  4. Canonical con amp
  5. Canonical con versión móvil
  6. Canonical con noindex
  7. Canonical con robots.txt

El canonical es una directiva de aconsejable cumplimiento, pero no es de obligado cumplimiento, porque ya han avisado más de una vez que si las señales son claras en otro sentido, mostrarán como contenido principal una URL aunque esta tenga el canonical a otra a su vez… Si necesitas más información, aquí podeis encontrarla.

En general, se recomienda el uso del rel canonical ante los siguientes escenarios:

  1. Ante diferentes URLs (sobre todo aquellas que están identificadas con parámetros) decirle a la máquina cuál es la original.
  2. Ante una sindicación de contenidos, definir cuál es el dominio emisor del contenido.
  3. Ante una coexistencia de protocolos diferentes (http, https) o errores en la construcción del dominio (www. y sin www) o ante dominios diferentes (senormunoz.es y senormunoz.com, ambos abiertos a indexación y ambos con el mismo contenido)

En este artículo os mostraremos diferentes posibilidades para permitir la coexistencia, o no, de una meta etiqueta rel canonical con otras meta etiquetas como son la rel=prev y rel=next, rel=noindex, amphtml, alternate móvil,…

canonical amp alternate rel prev rel next xreflang hreflang


1. Canonical con rel=prev y rel=next

1.1. rel=prev y rel=next

La directiva rel=prev y rel=next es la forma de indicar al buscador que estamos ante una paginación de contenidos. Es decir: el contenido se dispersa en diversas URLs que tienen un orden específico. El beneficio reside en indicarle al buscador cómo debe gestionar el contenido de una página. Tiene dos escenarios:

  1. una paginación sin URL que tenga todos los contenidos agregados
  2. una paginación con URL que tenga todos los contenidos agregados.

1.2. rel=prev, rel=next y canonical

1) Si tenemos una paginación sin URL agregadora, solo llevará el rel=prev y el rel=next. No tiene por qué llevar rel=canonical.

rel=canonical con paginación, rel=prev y rel=next

2) El canonical podemos utilizarlo conjuntamente con rel=prev y rel=next cuando necesitemos establecer la versión canónica de las paginaciones, por ejemplo, cuando encontremos parámetros en estas URLs.

rel=canonical con paginación rel=prev y rel=next y el canonical a sí misma.

Si bien esta opción no es relevante o no está aconsejada de modo expreso en las guidelines, tampoco está contraindicado, por lo que puedes ponerlo o no.

3) El canonical y la paginación cruzada entre páginas y listados consecutivos debemos apuntar las canonicals desde las URLs con parámetros y paginación a la URL sin parámetros no paginados

Paginaciones y canónicasl con parámetros

4) Sin embargo la siguiente es mucho más normal, donde la paginación con parámetros (en este caso, un parámetro como es numitems, que no requiere de posicionamiento) a la URL sin más parámetros que la mera paginación. Si tenemos una paginación con URL agregadora, las distintas paginaciones deberán incluir el rel=canonical a la versión agregadora

rel= canonical con paginación rel=prev y rel=next y URL que unifica todo el contenido.


2. Canonical con hreflang

Quizá una de las partes más complicadas, ya que es interesante ver cómo el canonical y el hreflang, pudiendo coincidir, realmente no trabajan juntos. Ya sabemos que el canonical se inventó para intentar luchar contra los contenidos duplicados, pero veamos antes qué es el hreflang.

2.1. hreflang

El hreflang es la forma de indicar al buscador que dos páginas son iguales pero enfocadas a 1) países diferentes 2) idiomas diferentes 3) países e idiomas diferentes. Se basa en el ISO 639-1 El beneficio es claro: puedes orientar a diferentes mercados con el mismo idioma. El hreflang lo que busca es ayudar a determinar qué URL ranquea por una palabra en un determinado idioma o país o país e idioma. El hreflang tiene dos consideraciones :

  1. debe tener URL de vuelta (es decir, si url-idioma1.htm apunta a url-idioma2.htm, desde url-idioma2.htm también debe apuntar a url-idioma1.htm
  2. debe apuntarse a sí mismo (url-idioma1.htm se apuntará con el hreflang correspondiente a url-idioma1.htm)

2.2. hreflang y canonical

  1. puede no existir el canonical
  2. si existe el canonical debe coincidir con el hreflang de la versión en la que estemos.
  3. si hay una copia no lleva hreflang, pero si canonical a la versión original.
  4. si hay un parámetro que 1) debe ordenar el contenido (ejemplo: parámetro de ordenación) o 2) no varía el contenido (ejemplo: id de sesión) y, además, 3) no es necesario para nuestra indexación porque no nos interesa indexar esa URL (ejemplo: en la URL de coches mostrar solamente los SEAT podríamos querer indexar esa URL para posicionar por “coches SEAT”) no lleva hreflang, pero si canonical a la URL sin parámetros.

rel=alternate hreflang de idioma y rel=canonical


3. Canonical con hreflang y xdefault

3.1. x-default

El parámetro x-default va en unión con el hreflang (no puede ir solo) y sirve para indicarle a google dónde nos gustaría que fuera un usuario que no está representado por ninguna de las URLs idiomáticas/paises/ambas. Al principio lo mandábamos a una URL de desambiguación pero con el tiempo se ha aceptado también su uso para decirle al buscador: “ey, no tengo para esa combinación, así que muéstrale esta url”.

3.2. x-default y canonical

Como hemos dicho antes, siempre debe coincidir la URL canonical con una de las URLs de hreflang (y lo comentó John Mueller en este post de Google +). En este ejemplo el canonical se apunta a sí mismo en cada una de las versiones, ya que la versión UK y US son dos URLs con contenido trabajado para cada uno de los países marcados y su respectivo idioma (en-UK y en-US).

rel=alternate hreflang x-default y canonical

3.3. hreflang, canonical y la sindicación de contenidos en el mismo idioma entre portales

Sin embargo hay un caso en el que el obvio uso del canonical no es cómo se espera. Esto (os cuento un secreto, ha costado varios días de discusión entre Sergio Redondo, un servidor y con la ayuda especial de Gianluca Fiorelli, Fernando Maciá, Aleyda Solis, David Campañó, Carlos Estevez, Iñaki Huerta y David Martín, a los que doy las gracias por aguantarme y hacerme recapacitar)

Antes, un video de distilled hablando del tema

[embedded content]

Como íbamos diciendo, estamos en una situación especial, donde tenemos que dilucidar qué hacemos en el caso que sean copias de contenidos en el mismo idioma. Imaginemos una situación tal que la siguiente: el contenido original lo produce una web en España, que se copia, exactamente, en las webs de Perú, México y Argentina (es indiferente si es un dominio con subcarpetas idiomáticas, un dominio con subdominios idiomáticos o diferentes dominios para cada uno de los países). Se ha decidido, además, que la web con el dominio terminado en .com sea la web relevante para cualquier búsqueda fuera de los países indicados (Perú, Mexico y Argentina) por lo que si un buscante hace la búsqueda en google.co (Google Colombia) lo que Google debería mostrarle es el resultado del dominio .com y no el dominio.pe, com.ar o com.mx), por eso el dominio.com es el que lleva los x-default.

rel=canonical con el mismo idioma y diferentes paises mas x-default y hreflang

La clave está en que, como veis, todos los dominios, de nuevo, se autorenferencian con el canonical (como pasaba en el caso de que los contenidos fueran en otros idiomas).

El ensayo de distilled

En la prueba que distilled hizo resultaba que, si poníamos el canonical de todas las webs que copian el contenido de la URL original hacia esta URL original, los resultados en las SERPs del buscador eran:

  • title de la URL original
  • description de la URL original
  • URL del país en el que se hacía la búsqueda, que tenía canonical a la versión original.

imaginemos un post escrito en la versión de España sobre el coche de Homer Simpson, el Plymouth Junkerolla de 1986. Como somos un medio distribuido, este contenido se publica, igual al 100% en Argentina y México. Cambiamos en los titles y descriptions Homer por Homero y coche por auto o carro. Eso es lo único que se hace.

Siguiendo el ejemplo anterior lo correcto sería que cada una de las versiones hiciera canonical a si misma, además del hreflang respectivo.

Pero en este caso decidimos apuntar con un canonical a la versión de España desde los posts de Argentina y México porque consideramos que es la versión original y el resto copias. Además, así, reforzaríamos la posición del post español, de la web español, que es la que nos interesa.

Este sería el ejemplo.

EspañaArgentinaMéxico
TitleEl mejor coche de la historia: Plymouth Junkerolla de 1986El mejor auto de la historia: Plymouth Junkerolla de 1986El mejor carro de la historia: Plymouth Junkerolla de 1986
DescriptionConoce la historia del mejor coche de la historia, el Plymouth Junkerolla de 1986, el coche de Homer SimpsonConocé la historia del mejor auto de la historia, el Plymouth Junkerola de 1986, el auto de Homero SimpsonConoce la historia del mejor carro de la historia, el Plymouth Junkerola de 1986, el auto de Homero Simpson
URLespaña.com/cochesargentina.com.ar/cochesmexico.com.mx/coches
CanonicalA si mismaespaña.com/cochesespaña.com/coches

Según el ensayo, en este caso se producirían las siguientes opciones.

  1. Si el buscante está en España, le aparecerá la URL españa.com/coches con su title y su description.
  2. Si el buscante está en Argentina, le aparecerá el title y la description de la versión española pero la URL de la versión argentina.
  3. Si el buscante está en México, le aparecerá el title y la description de la versión española pero la URL de la versión mexicana.

Por eso es importante decidir correctamente como se establecen los canonicals.

El ensayo de Sergio Redondo

Así pues, mi compañero Sergio Redondo hizo el mismo test con similares resultados. Se trata de un test donde hemos probado a ver que ocurre cuando en un proyecto multipaís, el canonical no coincide con el hreflang de la versión local en la que estamos (es decir, los canonicals apuntan al contenido original)..

Resultado de la búsqueda en Google.es:

  • Title de la URL que recibe el canonical (URL original)
  • Description de la URL que recibe el canonical (URL original)
  • URL de la versión local
  • La caché que muestra es la caché de la página canónica, la que recibe el canonical

Además, un segundo experimento sobre el mismo trabajo: Cuando el hreflang x-default no coincide con la URL canónica nos muestra lo siguiente:

  1. Title de la URL que recibe el canonical (URL original)
  2. Description de la URL que recibe el canonical (URL original)
  3. URL del hrefllang x-default
  4. La caché que muestra es la caché de la página canónica.

4. Canonical con amp

4.1. amp

AMP (o Accelerated Mobile Pages) es una forma de mostrar los contenidos de tu página web de manera más rápida, ya que su objetivo es mejorar el rendimiento de las páginas (performance y velocidad) en el uso de la web desde dispositivos móviles. Está montado alrededor de 1) AMP HTML (componentes mínimos) 2) AMP JS (código javascript mínimo) y 3) cachés (a través de CDNs). Lo más relevante desde el punto de vista de este artículo es que sueles tener el contenido AMP en tu propio dominio, pero Google tiene su propia URL que es la que aparece en el bloque de news (que te hace un 302, por cierto)

4.2. Canonical + amp

No hay variación del objetivo, ya que la directiva canonical debe aplicarse igualmente y desde la desktop se debe apuntar a la amp. ¿Qué pasará con el índice mobile first cuando salga? Ni idea.

  1. versión amp apuntando canonical a la versión desktop
  2. versión desktop apuntando con directiva rel amphtml a la versión amp
  3. en caso que google muestre su URL (lo normal) esta, por defecto, tiene un canonical apuntando a la versión amp de nuestra web.

rel=canonical y amp html con la URL de google que aparece por defecto.

En el ejemplo se muestra qué hace la versión de amp de google (que es la que aparece desde las SERPs). Esta hace una redireccion 302 a la URL de canonical. No es relevante, ya que no tenemos nosotros control sobre ella.


5. Canonical con versión móvil

5.1. Versión móvil

Podemos tener una versión móvil de nuestra web, donde presentemos nuestro html optimizado para servicios móviles. Es una convención (ojo, no escrita, es como el clicar en el logo, que te lleva siempre a la home) que la versión móvil de una web esté en el subdominio m. del dominio principal, pero no es obligatorio (hasta otros dominios hemos visto para la versión móvil). En la versión móvil de la web deberá existir el mismo contenido, pero nos permiten ciertas licencias que en la versión desktop no: podemos esconder elementos (siempre que estén presentes)

5.2. móvil + canonical

rel alternate mobile y rel=canonical

5.3. Canonical con amp y versión móvil

Una situación difícil de darse hoy en día, pero que si aparece, tiene fácil solución, ya que la URL de desktop tendría que apuntar con sus respectivos alternate (versión mobile y versión amp) a las URLs correspondientes y estas versiones, a su vez, apuntar mediante canonical a la desktop, ya que es la principal ¿Por qué no se referencian la versión mobile y la versión amp? Porque realmente la versión que debe tener los alternativos es la desktop. m.coches.html no es la versión alternativa móvil a amp.coches.html (ni viceversa).

rel=”canonical”, rel alternate mobille y  rel amp html


6. Canonical con noindex

6.1. noindex

El noindex a nivel de meta le pide a Google que no indexe la URL. Se usa ante determinados contenidos que no nos interesa que se posicione, aquellos que no nos interesan que se indexen o ante una limpieza de URLs por panda, por ejemplo, para marcar aquellas URLs de baja calidad,…

6.2. noindex y canonical:

Entonces ¿Puedo unir la etiqueta noindex y la etiqueta canonical en la misma URL? Cuando unimos las dos etiquetas en la misma URL, estaremos dando una señal errónea al buscador: Ey, no me indexes pero, ey, yo soy la URL original. Si quereis mas info podéis revisar esta entrada del blog donde hablamos sobre qué pasó con la conjunción de noindex y canonical. Al tener un canonical lo que le estás diciendo al buscador es que las dos URLs son equivalentes (justo lo contrario del noindex).

El consejo es el siguiente: que no aparezcan en la misma URL, elegir una de las dos. Si quieres asegurarte la desindexación de una URL ya indexada, quítale el canonical y márcala con un noindex. Si tienes urls diferentes (dos o más) y el contenido es 100% igual te interesa insertar el canonical y si tienes URLs que no te interesan que se indexen, usa el noindex.


7. Canonical con robots.txt

En este tipo de unificación se suele hablar de bloquear mediante el robots.txt determinadas URLs. Es decir, meter en el robots.txt un disallow:/algunaCarpeta

Al igual que en el punto anterior, no se recomienda unir la directiva disallow del robots.txt al canonical. Si hemos de poner una directiva canonical en una determinada URL es porque presenta una situación de duplicación de contenidos. Pero si impedimos al robot acceder a esa URL, no conseguiremos que sepa que ahí hay un contenido que queremos “canonicalizar” a alguna URL. Si marcamos la URL con noindex mediante robots.txt o impedimos al buscador acceder a esa URL, esa URL, que puede estar ya indexada por Google, aún ranquee por una determinada keyword.

Si bloqueamos algo con robots.txt es porque no queremos que Google rastree esa URL. La pregunta es ¿Y si quiero que esa URL se indexe?. Ejemplo: imaginemos la URL de aviso legal que ya tenemos indexada y queremos mantener en el índice. Esta hace canonical a si misma. Lo que pasa es que la bloqueo para que no se pasee Google por allí, por lo que le pongo el disallow.

7.1. Anexo: ¿Disallow previene de indexación?

Tener una etiqueta noindex no impide a los buscadores la indexación. En el siguiente ejemplo veis una muestra de lo que os estamos contando. Esta URL tiene un noindex marcado, hace un metarefresh y un 302 a la nueva URL, pero está rankeando (seguramente por la autoridad del sitio) Reescribo y actualizo: 20 de Julio del 2017, que en los comentarios (gracias Christian, gracias Jose María, gracias Kico) están diciendo cosas completamente lógicas. Modifico el título a “Disallow” (antes ponía noindex)

URL con disallow y ranqueando en Google

Esta URL está bloqueada mediante el robots.txt. Es decir: google no puede acceder a ella. Por lo que si quisiéramos usar un canonical aquí google no podría verlo.

En el caso que quisieramos canonicalizar esta URL a otra tendríamos que 1) Poner en esta URL la directiva canonical 2) Quitar el disallow para que Google entre 3) Que google actualice su caché y descubra el canonical a la URL correcta. Y cuando descubramos que google ya muestra la URL original entonces 4) pondríamos de nuevo el disallow.

Y si ella fuera la original y tuviera que autoreferenciarse con el canonical no conseguiríamos sacarla del índice (porque es la original)

SIGUE LEYENDO…
Ir a la fuente / Author: Fernando Muñoz
La difusión de estos contenidos se realiza bajo una premisa informativa y educacional. Todos los derechos sobre los contenidos pertenecen a sus autores que permiten su difusión bajo licencia CC.

Apuesta por el SEO: seox@seox.es  /  656 545 123 Tú me VES, Yo NO TE VEO... ¿CUANTO ME CUESTA HACER SEO EN MI PÁGINA WEB? seo onpage / seo offpage
SeoX RSS Aviso SeoX/   /   SeoX.es - seox@seox.es https://creativecommons.org/licenses/by/4.0/deed.es_ES
[quads id=2][quads id=3][quads id=4]seo marketing online seo marketing definicion seo marketing wikipedia seo marketing peru seo marketing definition seo marketing digital pdf seo marketing companies seo marketing strategies seo marketing strategy seo marketing tips seo marketing adalah seo marketing articles seo marketing australia seo marketing analyst seo marketing assistant seo marketing agencia seo marketing agentur seo marketing agency seo marketing amazon internet marketing seo intro what is a seo marketing campaign seo a content marketing what is a seo marketing how to start a seo marketing company seo marketing books seo marketing blogs seo marketing basics seo marketing benefits seo marketing business seo marketing berlin seo marketing brasil seo marketing bedeutung seo marketing brisbane seo marketing breda seo marketing courses seo marketing cost seo marketing companies in india seo marketing campaign seo marketing classes seo marketing channel seo marketing calgary seo marketing conference seo marketing career seo content marketingg seo marketing deutsch seo marketing definitie seo marketing dubai seo marketing degree seo marketing définition seo marketing dallas definicion de seo marketing seo de marketing seo marketing examples seo marketing executive seo marketing explained seo marketing executive job description seo marketing español seo marketing experts seo marketing english seo email marketing example seo marketing edmonton seo marketing education seo optimizacion e internet marketing seo en marketing seo sem en-marketing seo e inbound marketing email marketing seo digital marketing seo seo e marketing strategies seo e web marketing 360 e marketing seo seo e content marketing seo marketing for dummies seo marketing for beginners seo marketing funnel seo marketing forum seo marketing facebook seo marketing facts seo marketing firm seo marketing for small business seo marketing for dentists seo marketing free seo marketing google seo marketing guide seo marketing glasgow seo marketing gold coast seo marketing graph seo-küche internet marketing gmbh godaddy seo marketing seo-guerilla marketing seo marketing là gì seo-küche internet marketing gmbh & co. kg seo marketing how to seo marketing hannover seo marketing houston seo marketing help seo marketing hong kong seo marketing hashtags seo marketing houston texas marketing holistico seo affiliate marketing seo hack to boost your affiliate sales smart seo seo marketing html theme seo marketing india seo marketing interview questions seo marketing internship seo marketing images seo marketing infographic seo marketing intern seo marketing i mes seo marketing icons internet marketing seo intro project for after effects seo i content marketing seo marketing jobs seo marketing job description seo marketing jelentése seo marketing jobs london seo marketing job salary seo marketing jobs manchester seo digital marketing jobs seo marketing manager job description seo marketing strategist job description seo marketing keywords seo marketing kansas city seo marketing köln seo marketing kosten seo marketing kurs seo marketing kenya seo marketing que es seo keyword marketing keystone seo marketing seo marketing las vegas seo marketing london seo marketing land seo marketing logo seo marketing long island seo marketing los angeles seo marketing leeds seo marketing meaning seo marketing manager seo marketing manager salary seo marketing miami seo marketing means seo marketing manchester seo marketing mix seo marketing melbourne seo marketing malaysia seo marketing near me seo marketing news seo marketing nyc seo marketing new york seo marketing nedir seo marketing ninjas seo marketing nederland seo marketing newsletter seo marketing online course seo marketing online services seo marketing on google seo marketing online classes seo marketing orange county seo marketing objectives curso seo marketing online seo y marketing digital seo y marketing de contenidos seo marketing plan seo marketing prices seo marketing plan template seo marketing plan ppt seo marketing plan sample seo marketing plan example seo marketing philippines seo marketing podcast seo marketing packages seo marketing quotes seo digital marketing interview questions marketing qua seo que es seo marketing que es seo marketing online que es seo marketing digital seo marketing resume seo marketing raleigh seo marketing reddit seo marketing resume sample seo marketing rpmg online technology seo marketing report seo marketing reviews seorank marketing services seo marketing salary seo marketing specialist seo marketing san diego seo marketing service inc seo marketing specialist salary seo marketing strategy 2017 seo marketing strategy 2018 seo marketing statistics seo marketing social media seo marketing skills seo marketing sl seo marketing tools seo marketing services seo marketing techniques seo marketing term seo marketing tutorial seo marketing toronto seo marketing training seo marketing tactics seo marketing template seo marketing trends seo marketing tips 2017 seo marketing uk seo marketing usa seo marketing utah seo marketing unlimited seo marketing companies usa seo marketing companies uk seo marketing manager salary uk understanding seo marketing united seo marketing seo marketing vancouver seo marketing vector seo marketing ventajas seo marketing video seo marketing video tutorials seo marketing online valencia marketing virtual seo seo viral marketing internet marketing vs seo v internet-marketing-seo-intro.rar sem vs seo marketing seo vs internet marketing seo marketing wiki seo marketing what is it seo marketing wordpress theme seo marketing web seo marketing websites seo marketing workshop seo marketing writing seo marketing weiterbildung seo marketing wien seo marketingh seo marketing youtube marketing seo y sem yo seo marketing sem y seo marketing seo y sem marketing online seo y sem marketing digital seo and marketing services seo and marketing tools cpanel seo and marketing tools seo marketing coordinator zillow seo marketing error 404 error404 seo 404 seo 301 seo redirect 301 redirect 301 seo redirect301 seo301 seoo 301 seo marketing seo marketing 2025 seo marketing 2024 seo marketing 2023 seo marketing 2022 seo marketing 2021 seo marketing 2020 seo marketing 2019 seo marketing 2018 seo marketing 20188 seo marketing 2017 seo marketing 20177 seo marketing 2016 seo marketing 2015 seo marketing 2014 seo marketing strategies 2016 seo content marketing 2015 seo marketing strategies 2015 seo marketing tips 2014 seo marketing tips 2015 seo affiliate marketing 2016 smart seo-v1-2-seo-marketing-services seo for marketing seo marketing for real estate seo marketing for law firms seo marketing for lawyers seo marketing for restaurants seo marketing for hotels

Related Post

Otros artículos relacionados: