Etiquetas meta «canonical» y «noindex»

Las etiquetas «canonical» y «noindex» son muy importantes dentro de un sitio web; sirven para que seamos nosotros los que decidamos que página se indexa y cual no además de poder evitar penalizaciones por contenido duplicado con la etiqueta «canonical» cuyo objetivo es decir al buscador cual es la página principal y cual es una copia menos importante.

Empezamos por explicar que es la una etiqueta meta

Una página web por lo general está construida en HTML bien directamente por un programador o dinámicamente con un gestor de contenidos (CMS) como WordPress, Joomla o Drupal por ejemplo entre otros.

Tanto si la página web es construida de forma estática o dinámica su estructura es siempre la misma, se compone de 2 partes que van incluidas entre tags html.

¿Qué es un tag?

Un tag es un elemento (código) encerrado entre símbolos de «menor que» < y «mayor que» > que otorga propiedades a su contenido encerrado y es interpretado por los navegadores para ofrecer datos.

¿Qué es un atributo?

Un atributo es una variable que ofrece varias funciones al elemento de un tag

Explicado así es un poco complicado de entender pero no hay una forma sencilla de explicarlo… y como un ejemplo es el mejor profesor vamos allá:

Ejemplo de un tag para escribir un párrafo: <p>

Parece complicado pero es muy sencillo… la p es un elemento para escribir un párrafo y como veis va encerrado entre símbolos de mayor y menor que; ahora bien… ¿donde termina el párrafo? Sencillamente donde le indiquemos que termina; ¿Cómo? escribiendo el mismo tag al final del párrafo pero en este caso con una «barra» /

Ejemplo de cierre del párrafo: </p>

Una vez explicado lo que es un tag debo decir que hay tags que no tienen contenido entre la apertura y el cierre y en este caso no es necesario escribir nuevamente el tag de cierre, basta con poner la barra al final antes del «mayor que»

Ejemplo de un tag de imagen: <img src=»url-de-la-imagen.jpg» />

En este caso no cerramos con </img> porque no hay contenido entre el «mayor que» de la apertura y el «menor que» del cierre»

Las etiquetas para los meta tags son de este tipo y no requieren de cierre </> pero si necesitan un atributo

Donde ubicar los tags y los atributos de los elementos

«canonical» y «noindex» se ubican dentro de la cabecera del HTML, un html se compone de dos partes: la cabecera (head) y el cuerpo (body); el contenido de la cabecera no es visible para nos usuarios pero ofrece información a los buscadores y es casi tan importante como el contenido del body porque es donde especificamos el título de nuestra página web, la descripción, los archivos javascript que hay que cargar para que la web funcione y los estilos para el aspecto del contenido pero además de todo esto también podemos especificar si queremos que esa página sea indexada por los buscadores o si queremos que se indexe otra página con más contenido en lugar de una página con una extracto.Atributos, etiquetas y elementos "canonical" y "noindex"

Ejemplo de un html:

<html>
  <head>
     .....
  </head>
  <body>
     .....
  </body>
</html>

Como veis hay unos puntos verdes dentro de la sección HEAD (cabecera) y es en ese lugar donde podemos poner las tags meta con las etiquetas «noidex» en caso de no querer que se indexe una página como por ejemplo la página de facebook que mostramos dentro de nuestro sitio web, la página que utilizamos para acceder a la sección de administración de la web o simplemente porque no hemos terminado el sitio web y no nos interesa que se indexe hasta que esté todo el contenido.

Para evitar que los buscadores indexen una página web podemos hacerlo insertando esta meta tag con la etiqueta «noindex»

<meta name="robots" content="noindex">

Si tenemos 2 páginas con un contenido similar o igual los buscadores solo indexarán una de ellas y posiblemente no sea la que nos interesa, en esos casos lo mejor es añadir otro meta tag con la etiqueta «canonical» para indicar a los buscadores cuál es la que se debe indexar, de este modo somo nosotros los que decidimos que página se va a mostrar en los resultados que arrojan los buscadores a los usuarios.

Para indicar que página queremos que se indexe por los buscadores debemos utilizar el atributo «canonical» en un elemento <link> de la cabecera (sección head) de la página que no es la original en la que se indicará la url original (de este modo además también nos evitamos problemas de penalizaciones por contenido duplicado)

Ejemplo del elemento link con el atributo rel=»canonical» :

<link rel="canonical" href="url-original-que-se-debe-indexar" />

Sintaxis

Tag que necesita cierre:

<elemento atributo="etiqueta o url" >contenido</elemento>

Tag que no necesita cierre:

<elemento atributo="etiqueta o url" atributo="etiqueta o url"  />

Sabías que…

¿Un elemento puede contener varios elementos y varios atributos?

Publicaciones relacionadas anterior y posterior

Ir al contenido