Recurrir a la optimización de todos los factores de SEO OnPage y OffPage es lo más recomendable si queremos mejorar la visibilidad de un proyecto web y aumentar el tráfico orgánico y los ingresos, especialmente, si la competencia es muy alta, que se cuiden o mimen al máximo esos pequeños detalles , nos dará ese empuje para estar en lo más alto.

Mientras que la optimización OffPage, como el linkbuilding, siguen siendo uno de los objetivos marcados como prioritarios en la agenda de cualquier profesional SEO, los factores OnPage no son menos importantes, y más aún en estos tiempos que corren donde la búsqueda semántica basada en las intenciones de búsqueda de los usuarios coge cada vez más fuerza.

Y es que los motores de búsqueda tratan de mejorar sus algoritmos cada día, y de forma graduada; el potencial que tenía la autoridad o popularidad del dominio se ha equilibrado cobrando igual o más importancia factores como la calidad del contenido, la estructuración web, la relevancia y la experiencia del usuario, por lo que la optimización de éstos últimos factores tienen cada vez más fuerza en el éxito o no del posicionamiento en buscadores.

La importancia de las etiquetas html en el SEO

Hay que decir que las etiquetas SEO tuvieron en el pasado un impacto muy significativo en los rankings de las SERPs y actualmente, algunas de las etiquetas han pasado a ser un factor algo controvertido para la optimización OnPage, y ha causado diversos debates respecto a su importancia.
¿Qué etiquetas están obsoletas actualmente? ¿cuáles son de vital importancia? Para responder estas preguntas, creo conveniente comprender el rol y significado de cada una de ellas, y así poder sacar cada uno sus propias conclusiones.

En este post veremos de qué forma podemos usar cada una de las etiquetas SEO y su impacto relativo en los rankings de las SERPs, que evidentemente ha cambiado a lo largo de los años.

A lo largo de estos años, los motores de búsqueda se han vuelto más inteligentes a la hora de leer e interpretar los datos, es por ello que el uso de todo tipo de etiquetas de manera manipuladora se ha vuelto un poco obsoleto. Sin embargo, hay nuevas etiquetas y nuevas formas de organizar los datos con ellas, lo que un buen uso de las etiquetas puede suponer mejoras muy considerables en SEO.

Principales Meta Tags o Etiquetas SEO On Page y ejemplos

Etiqueta Title o Title Tag

Aquí antes de nada un matiz, no es lo mismo el <title>…</title> que la etiqueta meta «Title». Y es que yo siempre recomiendo aplicar las dos, con el mismo contenido en ambas. En este post que me recomendó Luis M. Villanueva, se explica con más profundidad.

El <title> pertenece a la sección <head> y especifica el título de una página web. Por lo general, aparece como el titular en el que se puede hacer clic en las SERPs y también aparece en las redes sociales y en los navegadores en el apartado de las pestañas.

La etiqueta <title>, tiene el fin de proporcionar una idea clara y completa de lo que trata el contenido de la página a los motores de búsqueda, pero ¿tienen el mismo impacto SEO que han tenido durante unos años?
La verdad es que ya no son la cura para todos los males, ya que la optimización del título con la palabra clave exacta ya no parece ser tan importante para Google, y esto lo ha sustituido el CTR de cada resultado entre otros factor como el Dwell Time.

Ejemplo de la tag o etiqueta html:

<title>Cómo optimizar las meta etiquetas para mejorar el SEO: Consejos y ejemplos</title>

Pero el title de la página aún es lo primero en lo que un buscador se fija para alterar los resultados de las SERPs y decidir si es más o menos probable que la página responda al intento de búsqueda del usuario.

El hecho de que aparezcan dos resultados iguales en las SERPs con una frase de concordancia exacta en el título, da a entender que los motores de búsqueda cada vez son más inteligentes, y dan mayor importancia a la lectura y comprensión del contenido y su contexto, en lugar de confiar solo en la importancia de las palabras clave.

Para optimizar al máximo la etiqueta Title, estos consejos te vendrán muy bien:

– Cada título de la página ha de ser único y no se puede repetir en otras páginas de la web.
– La extensión de los títulos ha de ser entre 50-60 caracteres para que pueda ser visible en su totalidad en las SERPs.
– Situar la palabra clave más cualificada o que se quiera posicionar lo más al principio del inicio del título.
– Incluir el nombre de la marca en los títulos beneficia mucho en muchos casos.

Importante: Hacer uso de emojis en los títulos puede suponer marcar una diferencia visual en las SERPs que el usuario puede primar, y por lo tanto puede hacer que mejore el CTR, pero esto se ha de medir siempre que se empiece a incluir el emoji, para verificar si mejora o no el CTR.

Etiqueta Meta Description

La meta descripción también se incluye en el encabezado de una página web, y de forma generalizada se muestra en un fragmento de las SERPs justo debajo del título y la url de la página. El propósito de la meta description es reflejar la esencia de una página, dando más detalles y contextualizando aún más el contenido de la misma.

Ejemplo de la meta etiqueta:

<meta namedescription» content¿Quieres conseguir tráfico orgánico y de calidad? Te ofrecemos un servicio completo de Posicionamiento SEO en Buscadores con todas las garantías ✅«/>

Se ha de destacar que la meta descripción no ha sido un factor SEO oficial durante muchos años. Sin embargo, la importancia de las descripciones se centra en el valor tan importante que tiene en el CTR, en la decisión del usuario ante los resultados de las SERPs.
La descripción ocupa la mayor parte de una fragmento de las SERPs, es por ello que brinda una gran oportunidad para invitar al usuario a hacer clic, y prometer darle una solución clara y completa a la consulta que está realizando el usuario.
Hacer un uso manipulador de la descripción, sin describir exactamente y de forma realista lo que aparece en el contenido, con el fin de conseguir más clics, puede suponer una mejora en el CTR, pero una tasa de rebote muy alta, es por ello que se recomienda que la descripción sea realista y atractiva reflejando de forma clara el contenido.

Para la buena optimización de la meta description, se recomienda lo siguiente:

– Cada página ha de tener una meta description única que refleje claramente qué se encontrará en el contenido de la misma.
– El fragmento de la descripción tiene un máximo de alrededor de 150-160 caracteres (incluidos los espacios) aunque en este último año, este fragmento o snippet ha permitido según que consultas, más de 160 caracteres, hasta llegar a 300.
– Incluir las palabras clave más significativas o describan mejor el contenido y tenga relevancia, pero no usándolas de forma excesiva. Se ha de escribir para los usuarios.
– Incluir un CTA o llamada a la acción original, que suponga una propuesta de valor o la USP del bien o servicio, de lo que se encontrará en la página, como «cómpralo y disfruta ya», «no te lo pierdas», «consíguelo gratis y totalmente seguro»…etc.

Nota importante: Al igual que en la meta title, se permite incluir emojis con el fin de destacar un poco más en las SERPs, por ello es recomendable medir su impacto en cuanto a CTR, y aprovecharlos. Por otro lado, también se recomienda que se conozca para qué tipo de consultas Google permite un fragmento o snippet más amplio de 160 caracteres, para así poder aprovecharlos al máximo, aunque se ha de decir, que Google muestra diferentes descripciones según el tipo de consulta que se realiza, y a veces ésta no es igual que la que se incluido en la meta description.

Etiquetas de Encabezado (h1, h2, h3, h4, h5 y h6)

Las etiquetas de encabezado son etiquetas HML que se aplican para identificar titulares y subtitulares dentro del contenido. La jerarquía de los encabezados va de h1 a h6, siendo h1 el que mayor importancia tiene. El h1 es el encabezado principal de una página (visible para los usuarios, a diferencia del title o meta description) y es la etiqueta más prominente que muestra de qué trata la página junto al title. Las etiquetas h2-h6 son etiquetas opcionales para organizar el contenido de una manera más fácil de navegar.

Ejemplo de la meta etiqueta html:

<h1><b>Posicionamiento SEO en Buscadores</b></h1>

El buen uso de los encabezados se suma a la correcta estructuración o arquitectura web, ya que para los motores de búsqueda es más fácil leer y comprender el contenido bien organizado que rastrear contenido con problemas estructurales. Por otro lado, para los usuarios, los encabezados son como una guía dentro del contenido, y hacen que la lectura sea mucho más fácil. Destacar que para las personas invidentes, los encabezados son de vital importancia para la buena y fácil interpretación del contenido.

Siguiendo las mejores prácticas de SEO en encabezados, estos consejos te ayudarán a optimizar los headers:

– Por cada página ha de existir un único h1 que refleje el tema que cubre la página, haciendo uso de las palabras clave más cualificadas y aprovechando la semántica para que no sea idéntico que el title.
– El uso de las etiquetas h2 hasta la h6, ha de ser apropiado, sin excederse, y usando palabras clave secundarias relevantes para cada uno d elos encabezados, que mejore la semántica del contenido.

Las meta name etiquetas de palabras clave

Como decíamos al inicio del post, las meta etiquetas keywords o de palabras clave tuvieron mucho protagonismo en los inicios del posicionamiento en los motores de búsqueda. Eran palabras claves solo visibles en el código fuente de las páginas, y suponían una información muy relevante para que los motores de búsqueda pudieran detectar el contexto y la temática que tenía la url en cuestión.

Pero con el paso de los años, las meta etiquetas de palabras clave fueron un caldo de cultivo para el spam en términos de SEO, y es que se sobre optimizaban y se restaba importancia al propio contenido de la página. Debido a esto, desde hace años, Google ignora esta meta etiqueta, y actualmente no tienen ningún impacto en los rankings, ni tampoco pueden causar una penalización si se usan.

Atributo Alt de las imágenes

El atributo Alt de imagen se agrega mediante una etiqueta de imagen para describir su contenido. Los atributos Alt son muy importantes en términos de optimización de las páginas, tanto para los usuarios como para los motores de búsqueda.
Al usuario el atributo Alt le facilita la información de la imagen al pasar por encima, y en caso de no cargar la imagen, el usuario podría ver el texto alternativo.
Por otro lado, el atributo Alt ayuda a que los motores de búsqueda puedan entender el contexto y significado de la imagen, de manera que la puede interpretar y posteriormente clasificar o indexar de una forma correcta en Google Imágenes.

Ejemplo de la etiqueta alt:

<img src=»https://www.manuelperezcardona.com/wp-content/uploads/2018/12/blog_creativo_manuel_perez_cardona-min.png» alt=»Manuel Pérez Cardona I Blog de SEO Creativo y Marketing Digital» title=»Manuel Pérez Cardona I Blog de SEO Creativo y Marketing Digital»>

Para las e-commerce o tiendas electrónicas, las imágenes tiene un papel muy importante, ya que si éstas están bien optimizadas, en búsquedas de imágenes, las imágenes podrán aparecer en búsquedas relacionadas a la query y las keywords que se han incluido en el atributo Alt.

Para la buena optimización del atributo Alt de las imágenes, se recomiendan estos consejos o tips:

– Hacer un esfuerzo en optimizar especialmente las imágenes más destacadas o relevantes (productos en venta en las páginas que generan negocio, por ejemplo), agregando las keywords más relevantes y cualificadas.
– Mantener el texto que se incluye en el atributo Alt de las imágenes, ls suficientemente claro y descriptivo, usando las palabras clave más relevantes y asegurándonos que encajan de la forma más natural en relación al contexto de la imagen y la página en cuestión.
– Tener en cuenta que es Googlebot-Image el bot que se encarga de rastrear las imágenes.

Atributo Nofollow

Los enlaces externos o salientes, son aquellos enlaces implementados dentro de una web que apuntan a otras páginas externas. Estos enlaces, son muy importantes para el buen posicionamiento SEO, ya que aportan credibilidad, al referirse a fuentes de confianza, que avalan el contenido.
Cabe destacar que todos los enlaces de forma natural, son DoFollow, y cuando se agrega el atributo NoFollow a un enlace, se está indicando a los robots o crawlers de los motores de búsqueda que no sigan ese enlace, que no lo tengan en cuenta, y por lo tanto, que no distribuya por ese enlace nada del Linkjuice o Popularidad de la web; es una técnica muy común, para estructurar de forma eficiente la transmisión del LinkJuice, también conocida como Link Sculpting.

Ejemplo del atributo rel=»nofollow»:

<a href=»https://twitter.com/ManuPerez» class=»icon» rel=»nofollow»>
<span>Twitter</span>
</a>

Para mantener una buena optimización de los enlaces salientes, se recomienda que haya un equilibrio entre los enlaces DoFollow y NoFollow, pero especialmente, se recomienda seguir estos consejos a la hora de incluir el atributo NoFollow a los enlaces salientes:

– Incluir el atributo NoFollow a aquellos enlaces que apuntan a contenidos de poca confianza, o que no guarda apenas relación con la temática de la página.
– Incluirlo también en aquellos enlaces patrocinados o pagados.
– También se recomienda incluirlo en los comentarios de otros usuarios, con el fin de evitar enlaces tóxicos o de spam.
– Y por último, es muy recomendable incluir el atributo NoFollow en aquellos enlaces internos que no se quieran seguir, por ejemplo las páginas de “Iniciar sesión” o registrarse, o la intranet, con el fin de reducir así el presupuesto de rastreo o crawl budget.

Etiqueta Meta Robots

Estas etiquetas indican a los motores de búsqueda que no han de indexar una página concreta. Se incluyen en el encabezado o <head> del código de cada página, y también la puede acompañar el atributo “nofollow” que indicará que el los robots no de deben de seguir ningún enlace de esa página.
Esta etiqueta no ayuda de forma directa a mejorar el Posicionamiento SEO, pero si que aporta valor, al poder indicar a Google por ejemplo, que una página con thin content o contenido de baja calidad, no la indexe. Un uso muy común de esta etiqueta está en su inclusión en páginas de políticas de privacidad por ejemplo, ya que no es necesario que éstas se indexen, ni que se sigan. También en páginas de ofertas temporales, quizás no sea importante que aparezca una página en las SERPs, y tan solo queremos que se acceda a dichas páginas por enlaces directos.

Ejemplo del uso de la etiqueta meta robots:
<!DOCTYPE html>
<html><head>
<meta name="robots" content="noindex" />
(…)
</head>
<body>(…)</body>
</html>

Diferentes usos de la etiqueta noindex:

1. Para mostrar una página en los resultados de búsqueda web de Google, pero no en Google Noticias, utiliza la siguiente metaetiqueta:

<meta name=»googlebot-news» content=»noindex» />

2. Si necesitas especificar varios rastreadores de forma individual, puedes utilizar varias metaetiquetas «robots»:

<meta name=»googlebot» content=»noindex»>
<meta name=»googlebot-news» content=»nosnippet»>

En este post puedes ver más sobre el bloqueo de rastreo mediante el meta robots.

Para el buen uso  y optimización de la etiqueta meta robots, se recomiendan estos tips:

– Que se asegure que las páginas importantes o de negocio, no incluyan esta etiqueta y se garantice su indexación.
– Incluir la etiqueta noindex en aquellas páginas con thin content o que puedan canibalizar contenido.
– Incluir la etiqueta en aquellas páginas que no es necesario que se indexe, para así no perjudicar el presupuesto de rastreo o crawl budget.

Existen otras opciones para bloquear ciertas páginas a los crawlers de los motores de búsqueda, e incluso más fiables para que no indexe dicha url o página:

La cabecera HTTP X-Robots-Tag

Mediante la cabecera HTTP X-Robots-Tag, es mucho más fiable que la indexación de una página NO se haga. Se recomienda mucho el uso de esta etiqueta, para bloquear de forma segura la indexación de una URL.

Se pueden combinar varias cabeceras X-Robots-Tag en la respuesta HTTP o especificar una lista de directivas separada por comas. Si por ejemplo, no queremos que se muestre una página hasta pasar una fecha y hora determinada, se puede usar la cabecera HTTP con X-Robots-Tag noindex combinado con X-Robots-Tag unavailable_after:

HTTP/1.1 200 OK
Date: Tue, 10 May 2018 19:23:53 GMT
(…)
X-Robots-Tag: noindex
X-Robots-Tag: unavailable_after: 13 May 2019 19:00:00 PST
(…)


Cómo bloquear la indexación o el rastreo desde la cabecera HTTP X-Robots-Tag en WordPress

Para bloquear la indexación desde cabecera HTTP X-Robots-Tag, tan solo has de editar tu carpeta header.php, que puedes encontrar en el apartado del Menú «Apariencia» e incluir el siguiente código:

header(«X-Robots-Tag: noindex», true);

Si también quieres bloquear el rastreo desde la cabecera HTTP X-Robots-Tag en WordPress, tendrás que incluir este código:

header(«X-Robots-Tag: noindex,nofollow», true);

Directivas de indexación y publicación válidas

Se pueden utilizar muchas otras directivas para controlar la indexación y la publicación con la metaetiqueta «robots» y X-Robots-Tag. Aquí se muestran algunas de las directivas que se pueden aplicar:

  • all: No hay restricciones de indexación ni de presentación de contenido. Nota: Esta directiva es el valor predeterminado y no tiene ningún efecto si se muestra de forma explícita.
  • noindex: No se muestra ni esta página ni un enlace «en caché» en los resultados de búsqueda.
  • nofollow: No se siguen los enlaces de esta página.
  • none: Equivalente a noindex, nofollow.
  • noarchive: No se muestra ningún enlace «en caché» en los resultados de búsqueda.
  • nosnippet: No se muestra ningún fragmento en los resultados de búsqueda de esta página.
  • noodp: Esta ya no se usa apenas. No se utilizan metadatos del proyecto de Open Directory para los títulos o los fragmentos que se muestran en esta página.
  • notranslate: No se ofrece una traducción de esta página en los resultados de búsqueda.
  • noimageindex: No se indexan las imágenes de esta página.

Meta etiqueta nositelinkssearchbox

Si tenemos un sitelink en los resultados de búsqueda de marca que no queremos que aparezca en las SERPs, como por ejemplo el «área privada» que aparece en la imagen, aplicando esta meta etiqueta, podemos forzar a que Google no la incluya en la SERP.

Meta etiquetas seo

Para que no aparezca dicha página en la SERP, se tendría que implementar la siguiente meta etiqueta en la url en cuestión:

Ejemplo de la meta etiqueta en html:

<meta name=”google” content=”nositelinkssearchbox”>

La etiqueta rel canonical

La etiqueta rel=“canonical” es muy beneficiosa para indicar a los motores de búsqueda qué versión de la página considera la principal, para que los usuarios la puedan encontrar indexada. Se usa comúnmente en casos en los que una misma página está disponible en varias URLs diferentes, por ejemplo con parámetros de filtros, o cuando varias páginas contienen un contenido muy similar, en tema de paginaciones, que también se recomienda hacer uso del next y prev.

Esta etiqueta puede ayudar mucho a dar señales a los motores de búsqueda señalando qué página o url es la preferida entre el contenido duplicado, y así derivar o distribuir el link juice solo a la versión preferida que apunta la etiqueta rel=»canonical», tal como afirmó John Mueller.

Se aconseja que la etiqueta rel=»canonical» se use en los siguientes casos:
  • Páginas con contenido similar sobre el mismo tema.
  • Páginas duplicadas disponibles bajo múltiples URLs, por ejemplo filtros que usan parámetros.
  • Versiones de la misma página con ID de sesión u otros parámetros de URL que no afecten el contenido.

Etiqueta de marcado de Schema o fragmentos enriquecidos

El marcado de Schema es un vocabulario de marcado compartido, que reconocen los motores de búsqueda, que les permite organizar los datos de una manera lógica, para que puedan entenderlo y clasificarlo de una forma más eficiente. El marcado de datos Schema o fragmentos enriquecidos, puede ayudarte mucho para conseguir una mayor visibilidad y mejorar el CTR para diferentes consultas, como eventos, que aparece la fecho de los mismos en la SERP, la valoración de los artículos o productos mediante estrellitas, ofertas de empleo… en schema.org puedes encontrar todos los tipos de marcados que existen.

Ejemplo de marcado de eventos mediante fragmentos enriquecidos:

Marcado Schema o fragmentos enriquecidos eventos

También y para cerrar el artículo, te recomiendo que para probar el marcado de fragmentos enriquecidos, uses este asistente de marcado de Google.

Espero que te haya gustado el artículo, y si quieres que te ayude a mejorar el Posicionamiento SEO, no dudes en ponerte en contacto conmigo.