Meta Etiquetas para SEO: Definición, Ejemplos y Buenas Prácticas

Hablemos de las meta etiquetas: qué son, por qué son importantes y cómo mejorarlas. 

Si encontraste este artículo a través de un motor de búsqueda, es muy probable que lo hayas encontrado y le hecho clic debido a las meta etiquetas. 

Las meta etiquetas son la base del SEO, y son lo primero que se configura al crearse una página web. 

¿Qué son las meta etiquetas?

Las meta etiquetas son un tipo de etiqueta HTML que proporciona a los motores de búsqueda información sobre la página de un sitio web. 

Echemos un vistazo a los elementos básicos.

Las etiquetas de título y descripción componen casi toda la información que aparece en el resultado. 

Si no fuera por estas meta etiquetas, todo lo que verías en las SERP de Google sería mi URL. 

Las etiquetas de título y descripción son las dos etiquetas más utilizadas para el SEO, pero el SEO no es la única parte del marketing digital. 

El marketing digital avanzado requiere el uso de aún más etiquetas que mejoren el posicionamiento en el ranking de la página y la experiencia general del usuario. 

Al igual que este resultado de búsqueda, pronto descubrirá que estas etiquetas controlan cómo se ve y se navega por toda tu presencia digital. 

Las máquinas pueden leer las URL sin problemas. Si escribiera para máquinas, mi sitio web se vería así: 

Google prioriza a ciertas etiquetas porque proporcionan un contexto a las personas. 

También he creado mi sitio web para personas, por lo que se ve así: 

Este pulido es de lo que se trata el marketing. 

En esta publicación, exploraremos las meta etiquetas y veremos cómo afectan a tus esfuerzos generales de marketing digital. 

Aunque sea sencillo, los detalles marcan la diferencia, y cada detalle cuenta. 

Cómo las meta etiquetas afectan la imagen de la marca y las tasas de clics

No hay duda de que se puede juzgar un libro por su portada. Para eso sirven las portadas. 

Tus meta etiquetas de título y descripción son la portada de tu página web. Son la primera impresión que la mayoría de los visitantes tiene de ti. 

No se trata solo de los motores de búsqueda, sino de cómo vemos Internet. 

Reddit es un sitio básico de agregación de enlaces que elimina todo lo extra, y depende del título y de la imagen para atraer conversaciones y clics. 

Utilizar correctamente las meta etiquetas es como utilizar el formato correcto para un correo electrónico comercial. 

Claro, puedes poner lo que quieras, pero hay un nivel de profesionalismo que se espera en algún momento. 

Incluso Amazon solo te dará una imagen, un título y una breve descripción para que digas lo que quieres decir. 

Piensa en estas etiquetas como tu “discurso de ascensor”. 

Tienes el espacio como de un Tweet para vender toda tu marca y producto. 

Esto significa que necesitas ir al grano. 

No puedes simplemente ignorar este detalle y pulir todo lo demás. Si lo haces, nadie verá nunca el resto de lo que has pulido. 

Ya sabemos cómo afectan las meta etiquetas al SEO, pero no es el único elemento. 

Las meta etiquetas facilitarán tus esfuerzos de email marketing y automatización del marketing al proporcionar información para los enlaces enviados por correo electrónico. 

Las etiquetas son un elemento crucial que determina el aspecto de mis publicaciones automatizadas en las redes sociales. 

Cuando otros blogueros, YouTubers e influencers (y microinfluencers) de las redes sociales comparten tu contenido, las etiquetas lo hacen más fácil. 

Piensa en las meta etiquetas como el envase de tu producto. 

Si tu envase no es perfecto, nadie comprará tu producto, por muy bueno que sea. 

¿Cuáles son algunas de las mejores prácticas que debes implementar cuando se trata de etiquetas? 

Mejores prácticas para las meta etiquetas

Hay MUCHAS etiquetas HTML diferentes que se pueden utilizar en una página web. Pero vamos a centrarnos en un puñado de etiquetas importantes. 

Empezaremos por la que podría haberte traído hoy aquí. 

1. Etiquetas de título

Técnicamente, no es una meta etiqueta, pero aparece en el encabezado y se utiliza como tal. 

A partir de julio de 2017, los límites de caracteres para las etiquetas de título en los resultados de búsqueda de Google son de 78 en dispositivos móviles y de 70 en computadoras. 

Sin embargo, eso no significa necesariamente que debas utilizar todos esos caracteres, y 60 es el límite generalmente recomendado. 

Las palabras clave de cola larga (long tail) marcan la diferencia. 

Estos son los principales meta títulos en las SERP para “Cómo hacer que el marketing de contenidos sea efectivo”. 

Al agregar el año, obtenemos una serie de resultados totalmente nuevos para “Cómo hacer que el marketing de contenidos sea efectivo en 2021”. 

Algunos usuarios buscarán información básica, mientras que otros buscarán la más actualizada. 

Al ajustar nuestra etiqueta de título, podemos determinar para cuál de estas búsquedas posicionamos. 

En última instancia, el objetivo es aparecer en las dos, pero eso no siempre es factible. 

Asegúrate de que tu palabra clave esté en el título, o encontrarás tus artículos enterrados en los resultados de búsqueda. 

Por ejemplo, cuando busco los “mejores tacos de Tucson”, algunos restaurantes aparecen en la página 9, incluso Del Taco. 

¡Esa es una oportunidad desperdiciada para la capital del taco del país! 

Estas pequeñas empresas podrían mejorar mucho sus resultados en la búsqueda, sus ventas y retorno de la inversión simplemente agregando “los mejores tacos de Tucson” a sus etiquetas de título. 

Aquí tienes un ejemplo del HTML necesario para una etiqueta de título situada en tu encabezado. 

<head> 

<title>El mejor ejemplo de título que se me ocurrió</title> 

</head> 

En WordPress, es tan fácil como dar un título a tu página. 

Realmente no hay manera de equivocarse. 

Eso es todo. 

2. Etiquetas de imagen

Al igual que las etiquetas de título, las etiquetas de imagen no se denominan como “meta”. 

Los motores de búsqueda, los agregadores de enlaces y otros sitios las utilizan claramente para identificar tu sitio. 

En realidad, hay dos descripciones de imágenes en una sola etiqueta. 

Así es como se ve el código HTML. 

<img src=“image.jpg” alt=“image description” title=“image tooltip”> 

Tanto las etiquetas alt como las de título deben definirse para obtener la mejor experiencia. 

El título se muestra en tu pantalla cuando pasas el cursor sobre él. 

El texto alternativo se muestra cuando la imagen no se puede representar (o se habla para los ciegos y personas con discapacidades visuales). 

Al subir una imagen a WordPress, se te pedirá que introduzcas el título, la leyenda, el texto alternativo y la descripción. 

Cuantos más campos completes (aunque utilices la misma información), más se podrán buscar tus imágenes. 

También es una cuestión de cumplimiento del sitio web con la ADA.

Hay aproximadamente 7,5 millones de personas con algún nivel de discapacidad visual solo en los EE. UU. 

Se trata de un enorme segmento de la población que no tendría una buena experiencia de usuario sin las etiquetas alt de imágenes. 

Optimiza tus imágenes para los motores de búsqueda y para los usuarios. 

3. Meta etiquetas de descripción

Una meta etiqueta de descripción te da la oportunidad de proporcionar una descripción general del contenido de la página. 

Están limitados a unos 160 caracteres y no están directamente vinculados a los algoritmos de búsqueda de Google. 

Una vez más, la razón por la que se necesitan etiquetas de descripción es para mejorar la experiencia del usuario. 

Las etiquetas de descripción fomentan los clics. 

Este es el aspecto del HTML: 

<head> 

<meta name= ”description” content=”Este es un ejemplo del texto que aparecerá en los resultados de búsqueda. Sigue leyendo para saber más sobre las etiquetas de descripción.”> 

</head> 

Sin una meta descripción, Google utilizará de forma predeterminada cualquier frase de vista previa que considere que mejor engloba el contenido. 

Esto no es necesariamente algo malo. 

Esta publicación no tiene una meta descripción (rara vez las uso), y tiene un buen posicionamiento. 

Por supuesto, mis blogs están llenos de contenido relevante en frases breves y concisas. La mayoría de ellas funcionarían como descripciones por sí solas. 

Aún así, no hay nada de malo en agregar información adicional para que tu contenido sea más fácil de buscar.

4. Meta etiquetas de robots noindex y nofollow

Las meta etiquetas de robot no siempre son necesarias. 

De forma predeterminada, todas las páginas y enlaces que creas en tu sitio web se indexan como “follow” por los robots de búsqueda y los rastreadores web. 

Cuando quieras redirigirlos, necesitarás una meta etiqueta de robot. 

Este es el código HTML de noindex: 

<html><head>

<meta name=”robots” content=”noindex” />

(…)

</head>

Esto estaría dentro del encabezado e indicaría que no es necesario indexar esta página.

Es útil para contenidos sindicados y duplicados que tus clientes/lectores podrían usar, pero que no deseas que aparezcan en los índices de búsqueda. 

Este es el HTML para una meta etiqueta de robot nofollow. 

<meta name=”robots” content=”nofollow”> 

Se utiliza para los enlaces que no necesariamente quieres respaldar. 

Por ejemplo, los lectores que dejan enlaces en mi sección de comentarios no están exactamente respaldados por mí, por lo que una etiqueta nofollow sobre la sección de comentarios mantiene mi sitio libre de bots. 

Aquí tienes una excelente infografía sobre cuándo y cómo usar etiquetas nofollow. 

Ahora llegamos a una de las meta etiquetas más controvertidas. 

5. Meta etiquetas de palabras clave

Los algoritmos de búsqueda no utilizan las etiquetas de palabras clave para determinar el ranking de búsqueda. 

Así se ve el HTML: 

<meta name=”keywords” content=”HTML, CSS, XML, JavaScript”> 

Aconsejo a mis clientes de SEO que ignoren las etiquetas de palabras clave porque no afectan al SEO. 

Sin embargo, eso no necesariamente las hace inútiles. Son especialmente útiles en WordPress. 

Las etiquetas y categorías de palabras clave pueden ayudar a Google a determinar qué página de tu sitio debe aparecer en una búsqueda. 

También crean una página en WordPress que proporciona una página indexada más. 

Esto significa que, mientras que las publicaciones de tu blog se centran en palabras clave long tail, tus páginas de etiquetas y categorías tienen feeds que cubren las palabras clave más cortas. 

Las categorías se pueden usar para el formato de URL, proporcionando una palabra clave más a la dirección de la página. 

Esto se hace en Ajustes > Enlaces permanentes en WordPress. 

Agregar este formato proporciona contexto a tu contenido. 

¡A Google le encanta que haya contexto para los resultados de búsqueda! 

Las palabras clave también proporcionan una visión general de cuántas páginas tienes para cada palabra clave. 

Puedes usarlas para ayudar a planificar tu calendario editorial.

6. Etiquetas de ventana gráfica

No se dedica mucho tiempo a pensar en las ventanas gráficas, pero son especialmente importantes en el mundo actual de la búsqueda mobile-first. 

En los dispositivos móviles, las páginas se muestran en una ventana emergente llamada ventana gráfica, o viewport en inglés, que se extiende más allá del borde del dispositivo. 

Aquí hay una ilustración de lo que estoy hablando. 

Los desarrolladores pueden establecer el tamaño de la ventana gráfica para aumentar la usabilidad móvil. 

Los usuarios de WordPress pueden consultar esta etiqueta para conocer esta información para sus plantillas. 

Probablemente no lo sabías, a menos que ya seas un desarrollador web. 

Dado que Google se centra cada vez más en sitios web optimizados para dispositivos móviles, esta meta etiqueta podría marcar la diferencia entre el éxito y el fracaso en móviles. 

Ahora que tienes una comprensión básica de las meta etiquetas y por qué son importantes, te mostraré algunas de mis herramientas favoritas para manipularlas. 

Herramientas gratuitas para agregar y verificar tus meta etiquetas

No te preocupes si todo esto te parece abrumador: hay muchas herramientas que facilitan el trabajo con las meta etiquetas. Aquí están dos de mis favoritas. 

Plugin Yoast SEO para WordPress

Yoast es un potente plugin de SEO para WordPress y una de las herramientas de SEO y meta tags más descargadas. 

Con Yoast, todas las páginas y artículos que publiques tienen opciones de back-end para aumentar el intercambio social, optimizar el SEO, actualizar las etiquetas y otros metadatos. 

Con Yoast instalado en tu sitio de WordPress, unos pocos clics y unos segundos de tu tiempo es todo lo que se necesita para agregar meta etiquetas a tu proceso. 

Yoast también te permite ingresar una palabra clave de enfoque que no se agrega a las etiquetas meta, lo que permite que el programa de back-end analice tu publicación. 

BuzzStream Meta Tag Extractor

Si necesitas un gráfico rápido de los metadatos que utiliza tu competencia, el extractor de meta etiquetas de BuzzStream es una solución elegante y sencilla. 

Copia y pega una lista de URL y se te presentará la información de las meta etiquetas. 

Incluso hay una opción para descargar como un archivo CSV para que puedas revisar listas grandes rápidamente. 

Es una forma rápida y sencilla de organizar estos datos cuando los necesites. 

Esta herramienta en línea gratuita hace su trabajo sin todas las campanas y silbatos. 

Meta etiquetas menos populares (¡pero útiles!)

Para ser completamente transparente, aquí tienes una tabla de meta etiquetas HTML.

Se puede usar una meta etiqueta de autor para indicar a los motores de búsqueda quién ha escrito un contenido. 

Los autores se han utilizado en el pasado para los resultados de búsqueda, pero ya no es un factor de posicionamiento. Sin embargo, puedes utilizar etiquetas de autor si tienes un blog con varios autores. 

WordPress agrega esta información a los blogs cuando varios usuarios aportan contenido. 

Es más una insignia de honor para los blogueros que otra cosa. 

La mayoría de las demás define parámetros que ya deberían estar controlados a nivel de servidor. 

Aunque he ignorado estas metaetiquetas, no significa que tengas que hacerlo. Siéntete libre de agregar cualquier información que desees. 

No te ayuda en los rankings de búsqueda, pero tampoco te perjudica. 

Preguntas frecuentes sobre meta etiquetas

Meta etiquetas: conclusión

Las meta etiquetas son una parte básica del HTML y pueden afectar al SEO. 

En los primeros días de Internet, eran un factor de señalización para que los motores de búsqueda entendieran qué contenido había en una página. 

Internet (y nuestra relación con ella) ha evolucionado exponencialmente desde entonces. 

La búsqueda contextual, los asistentes digitales de IA y los dispositivos móviles están cambiando la forma en que vemos los contenidos. 

Los motores de búsqueda quieren proporcionar los mejores resultados posibles, por lo que las meta etiquetas son menos importantes. 

Sin embargo, algunas de ellas, como los títulos y las meta descripciones, son más importantes que nunca. 

Aunque se utilizan menos metadatos, siguen siendo la primera impresión que causarás tanto en los robots como en las personas. 

¿Qué dicen las meta etiquetas de tu sitio web sobre ti?