Meta tags: todo lo que necesitas saber sobre las meta etiquetas SEO

Meta tags | 

Optimizar un sitio web para que consiga aparecer en las primeras posiciones de las páginas de resultados de Google implica realizar ciertas acciones y configuraciones en su código HTML, como es implementar de forma adecuada las meta tags.

Meta etiquetas como el título o la descripción tienen una enorme importancia para que los bots de Google y otros motores de búsqueda puedan obtener información relevante del sitio, que les permita clasificarlo en mejor lugar en su ranking.

Es importante no dejar de lado el uso de las meta tags en un proyecto web pues son una herramienta poderosa para poder mejorar los resultados de una estrategia de posicionamiento web.

Tabla de contenidos

¿Qué es un meta tag o una meta etiqueta?

Una meta tag, o en español una meta etiqueta, es un elemento del lenguaje de marcado HTML que se utiliza para transmitir datos estructurados en una web, y dar una descripción más precisa de la misma.

Las meta etiquetas se deben implementar en la cabecera del documento HTML, dentro de la etiqueta .

¿Para qué sirven los meta tags?

Las meta tags ofrecen información muy valiosa sobre una página web, blog o tienda online, y no son visibles para los usuarios, sino para los navegadores web y para los motores de búsqueda.

Google utiliza la información que ofrece una página mediante sus meta tags para ofrecer a los usuarios mejor información sobre un sitio y para proponer resultados relevantes en las búsquedas que realizan. Por estos motivos es muy importante para el SEO el uso y optimización de las meta etiquetas.

Por ejemplo, la meta descripción es una meta etiqueta que utiliza Google para ofrecer a los usuarios información sobre el contenido de la página, en sus páginas de resultados. La meta description la presenta Google en sus SERPs, precedida del meta title y del enlace hacia la web.

Tipos de meta tags

Existen diferentes tipos de meta tags, y cada una de ellas cuenta con su propia función.

A continuación, veremos las meta tags que son relevantes para el posicionamiento web.

Meta Etiqueta Title

Esta meta tag le indica a Google cuál es el tema clave del contenido y es muy importante en el SEO ya que es lo primero que analizan los bots cuando llegan a una página.

La mega etiqueta título tiene una extensión máxima de 70 caracteres, que es lo que Google le muestra al usuario en las páginas de resultados. Debido a esta limitación de caracteres, es importante ser concisos con el título de una página, reflejando de la mejor forma posible de qué trata el contenido, y añadiendo la palabra clave.

El formato de la title meta tag sería:

				
					<title>el título que quieras poner</title>
				
			

Si cogemos como ejemplo el meta título de este artículo, el código HTML correspondiente sería:

				
					<title>Meta tags: meta etiquetas SEO - TrueRanker</title>
				
			

El título está bien optimizado ya que describe perfectamente el contenido, está dentro del límite de caracteres (66) y cuenta con la keyword correspondiente (“meta tags” y “meta etiquetas SEO”).

La meta description es una etiqueta en la que se puede ampliar la información sobre el contenido de la página. Es un espacio reservado para realizar un breve resumen sobre la temática y contenido, teniendo una extensión de 140 a 160 caracteres (que es lo que muestra Google en la descripción de las páginas en las SERPs).

Esta meta tag debe estar especialmente enfocada a los usuarios, porque, además de servirles como información, en SEO se utiliza para llamar su atención y que hagan clic sobre el enlace que les lleva a la página. 

Para el SEO la meta description es un elemento muy interesante para incrementar el CTR, es decir, el número de clics que recibe la página de forma natural a través de las páginas de resultados de Google.

Un ejemplo de la descripción meta tag sería:.

				
					<meta name="description" content="Te contamos todo lo que sabemos sobre las meta tags y su importancia (que es mucha) para mejorar el tráfico orgánico de tu web.">
				
			

Etiquetas de encabezado

Son las etiquetas HTML que se utilizan para estructurar el contenido de una página en diferentes niveles jerárquicos (H1, H2, H3…). Estos encabezados son muy útiles para el usuario ya que les permiten entender y comprender mejor el contenido, siendo también especialmente útiles para facilitar la comprensión por parte de los motores de búsqueda y conseguir mejores posiciones en el ranking de Google.

El encabezado H1, también llamado título (no confundir con la title meta tag) es la etiqueta principal que marca el título del contenido. Solo puede haber una etiqueta H1 en cada página y son el primer elemento que los bots y usuarios leen cuando acceden al contenido.

Dentro del H1 pueden existir distintos H2 para estructurar el contenido, y dentro de cada H2 diferentes H3, y así sucesivamente.

En textos cortos de menos de 1500 palabras aproximadamente, lo habitual es solo utilizar encabezados H1, H2 y H3, ya que son suficientes para realizar una buena estructura del contenido.

				
					<h1>Título del artículo</h1>
    <h2>Subtííítulo 1</h2>
    <h2>Subtííítulo 2</h2>
        <h3>Apartado 1 del subtitulo 2</h3>
        <h3>Apartado 2 del subtitulo 2</h3>
    <h2>Subtííítulo 3</h2>
    


    
				
			

Esta mega etiqueta HTML se incluye como un atributo de imagen para indicar qué es lo que muestra. Al principio de internet, cuando las conexiones eran lentas y con una gran latencia, las imágenes tardaban mucho en cargar, mostrándose mientras el atributo alt para informar de que en ese espacio iba una imagen concreta. Hoy en día, el atributo alt se utiliza principalmente para indicarle a los bots de Google el contenido de una imagen, facilitándoles que puedan indexar de forma correcta y así mostrarlas a los usuarios en las búsquedas por imágenes.

El formato HTML de una imagen con el atributo de texto alternativo es el siguiente:

				
					<noscript><img src="https://trueranker.com/wp-content/uploads/seo-penalty.jpg" alt="descripción de la imagen" /></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://trueranker.com/wp-content/uploads/seo-penalty.jpg" alt="descripción de la imagen" />
    


    
				
			

Un ejemplo de ALT text en una imagen es el siguiente:

				
					<noscript><img src="https://trueranker.com/wp-content/uploads/seo-penalty.jpg" alt="imagen principal de penalizaciones SEO" /></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://trueranker.com/wp-content/uploads/seo-penalty.jpg" alt="imagen principal de penalizaciones SEO" />
    


    
				
			

Podemos apreciar en este ejemplo cómo se utiliza un texto descriptivo y optimizado para ayudar facilitar que Google pueda indexar de forma correcta, incluyendo la palabra clave «perro adulto».

Meta Etiqueta Robots

Esta etiqueta realiza la misma función del archivo robots.txt de indicar a Google qué URLs no debe rastrear, pero incluyendo la etiqueta en el propio HTML de la página.

Un ejemplo de una robots meta tag sería el siguiente, donde se indica que esta página sí se debe indexar. Para indicar que nos se debe indexar la URL hay que modificar el parámetro index y sustituirlo por noindex.

				
					<meta name="robots" content="index, follow">
    


    
				
			

Una de las etiquetas HTML más interesante para el SEO es la etiqueta canónica o canonical tag. Al incluir esta etiqueta se indica a Google cuál es el contenido original, evitando que tome distintos contenidos como duplicados y penalice el posicionamiento web.

Una de las ventajas de las etiquetas canónicas es que pueden hacer referencia a la propia URL como contenido canónico y original, o hacer referencia a otra URL. De esta manera, se tendrá un control más preciso y completo del contenido similar que pueda ser considerado por Google como duplicado.

Un ejemplo de la canonical meta tag sería: 

				
					<link rel="canonical" href="https://trueranker.com/">    


    
				
			

¿Cómo escribir unos buenos meta tags?

Veamos una serie de recomendaciones o tips, para poder escribir meta tags optimizadas para los motores de búsqueda y conseguir un mejor posicionamiento web.

  • Siempre es importante respetar el tamaño de las meta tags que se muestran en las páginas de resultados, pues todo el contenido que sobrepase ese límite no podrá verlo el usuario.
  • Las palabras clave se deben incluir en la meta description y en el meta title de forma natural.
  • Si se utiliza la meta robots, es importante verificar que esa página no se quiere indexar en Google, ya que los bots la ignorarán al leer dicha etiqueta.
  • En sitios web que tengan contenido parecido o similar, es importante implementar correctamente las etiquetas canónicas para evitar penalizaciones por duplicidad de contenido (por ejemplo, en eCommerce donde puede haber muchos productos similares).
  • La meta description es un elemento clave para conseguir incrementar el CTR, por lo que es necesario destacar su texto para atraer la atención del usuario (incluir iconos, palabras en mayúscula, llamadas a la acción, números…).

Herramientas para optimizar meta etiquetas en WordPress

Existen algunos plugins que facilitan la gestión y verificación de las meta tags en un sitio WordPress o una tienda WooCommerce. Uno de los más populares y completos es Yoast SEO. Se trata de un plugin para WordPress que permite ajustar las metas de cada página o entrada de forma sencilla. Una de las principales ventajas de este complemento es que analiza la meta description y el meta title para indicar si se ha incluido la palabra clave.

Si el sitio web no se ha desarrollado con este CMS, hay disponibles otras herramientas online muy útiles para optimizar las meta tags, como son SEMrush, Google Search Console o Screaming Frog, entre otras.

 

Optimizar las meta tags de un sitio web es una técnica de SEO on page o SEO técnico que debe ser prioritaria, pues estas etiquetas permiten controlar muchos aspectos importantes para el posicionamiento web.