Los meta tags o etiquetas meta son fra­g­me­n­tos de in­fo­r­ma­ción co­di­fi­ca­da que se incluyen en la sección <head> de un documento HTML y sirven para definir metadatos. No se muestran en la página web visible, sino que son leídos por agentes de usuario, como los na­ve­ga­do­res.

Crear una página web
Estás de suerte, tu página web ahora con IA
  • Creador de páginas web rápido e intuitivo
  • Imágenes y textos in­s­ta­n­tá­neos con SEO op­ti­mi­za­do por IA
  • Dominio, SSL y buzón de correo ele­c­tró­ni­co incluidos

¿Qué son los meta tags en HTML?

Los meta tags en HTML son elementos HTML cuya función es pro­po­r­cio­nar in­fo­r­ma­ción adicional sobre una página web, con el objetivo de facilitar el análisis del archivo HTML y la gestión de su contenido. Por lo general, los meta tags siguen una misma es­tru­c­tu­ra: primero se define un elemento y, a co­n­ti­nua­ción, se le asigna un valor. De este modo, las etiquetas meta siguen el siguiente esquema:

<meta name="Nombre del elemento" content="Contenido asignado"/>
html

Los metadatos eran de gran im­po­r­ta­n­cia para el SEO hace unos años, sin embargo, su in­flue­n­cia en el po­si­cio­na­mie­n­to en los bu­s­ca­do­res más conocidos ha di­s­mi­nui­do. Aun así, los meta tags siguen siendo re­le­va­n­tes para me­ta­bu­s­ca­do­res y archivos de búsqueda locales, por lo que no está de más contar con una detallada lista de estos elementos. Además, permiten definir in­di­ca­cio­nes para guiar a los bots (crawlers) de los motores de búsqueda.

Los meta tags que debes conocer

La lista de todos los elementos que se pueden incluir en el en­ca­be­za­do de un archivo HTML es larga. Junto a los datos ese­n­cia­les como el título y la de­s­cri­p­ción de la página o la de­fi­ni­ción de la fuente usada para el texto, el header de los archivos HTML puede incluir in­fo­r­ma­ción útil para los agentes de usuario. Así, es posible delimitar palabras clave re­le­va­n­tes o definir un tema para la página. Incluso se puede hacer re­fe­re­n­cia al autor o editor de los co­n­te­ni­dos e indicar el copyright.

Aunque estos datos no siempre son re­le­va­n­tes para la in­ter­ac­ción con los na­ve­ga­do­res y motores de búsqueda, los meta tags dirigen su co­m­po­r­ta­mie­n­to im­pi­die­n­do, por ejemplo, la in­de­xa­ción de un archivo HTML o el rastreo de los enlaces de una página. En la siguiente tabla en­co­n­tra­rás una primera visión general de los meta tags más im­po­r­ta­n­tes:

Meta tag Re­le­va­n­cia Ejemplo de meta tag
title Muy alta: es im­po­r­ta­n­te para el SEO y se muestra como título de la página en los re­su­l­ta­dos de búsqueda <title>Mi página de ejemplo</title>
description Alta: influye en la tasa de clics si aparece en los re­su­l­ta­dos de búsqueda <meta name="description" content="Esta es una página de ejemplo sobre HTML." />
charset Muy alta: necesario para mostrar co­rre­c­ta­me­n­te los ca­ra­c­te­res, como las tildes <meta charset="UTF-8">
author Baja: útil para la gestión interna o en sistemas CMS <meta name="author" content="Carlos Pérez" />
copyright Baja: tiene valor in­fo­r­ma­ti­vo legal, pero no influye en el po­si­cio­na­mie­n­to <meta name="copyright" content=" Carlos Pérez 2025" />
robots Alta: controla la in­de­xa­ción y el se­gui­mie­n­to de enlaces por parte de los bu­s­ca­do­res <meta name="robots" content="index, follow" />
http-equiv Media: permite controles técnicos como el al­ma­ce­na­mie­n­to en caché o las re­di­re­c­cio­nes <meta http-equiv="refresh" content="5; url=https://ejemplo.com/" />

Título (title)

Es­tri­c­ta­me­n­te hablando, este no es ningún meta tag, sino una etiqueta autónoma de HTML (HTML tag), aunque, debido a su si­g­ni­fi­ca­do a la hora de in­ter­ac­tuar con los agentes de usuario es común que sea me­n­cio­na­da como parte de los metadatos. Como elemento obligado en el en­ca­be­za­do del documento HTML, el título se sitúa, por regla general, por encima de todas las demás etiquetas. Los na­ve­ga­do­res lo leen y aparece en la barra del título de una pestaña o una ventana como nombre estándar de la página en la lista de favoritos y en el historial del navegador. Los bu­s­ca­do­res más im­po­r­ta­n­tes usan la etiqueta <title> para titular las entradas en las listas de re­su­l­ta­dos o SERP, de modo que influye de forma decisiva en la elección del usuario.

Un título adecuado es esencial para lograr una buena tasa de clics (CTR). Como parte de la op­ti­mi­za­ción on-page, es im­po­r­ta­n­te ase­gu­rar­se de que el título no supere la longitud máxima que muestran los bu­s­ca­do­res, que es de unos 580 píxeles, lo que equivale apro­xi­ma­da­me­n­te a entre 50 y 60 ca­ra­c­te­res. Además, se re­co­mie­n­da incluir la palabra clave principal de la página en la etiqueta <title>. Por ejemplo, el título de esta página podría contener la siguiente in­fo­r­ma­ción:

<title>Qué son los meta tags en HTML y para qué sirven - IONOS</title>
html

Co­di­fi­ca­ción de ca­ra­c­te­res

Si la fuente no fue pre­via­me­n­te definida en el header del archivo HTTP, es necesario hacerlo usando HTML. Así se evita, por ejemplo, que la ñ o las tildes no se muestren co­rre­c­ta­me­n­te. El meta tag que usaremos es este:

<meta charset="UTF-8"/>
html

Este metadato es, además, relevante en el caso de que un navegador acceda a los archivos HTML di­re­c­ta­me­n­te desde el disco duro y no los reciba por HTTP.

De­s­cri­p­ción (de­s­cri­p­tion)

En la de­s­cri­p­ción o meta de­s­cri­p­tion podemos describir bre­ve­me­n­te el contenido de la página web. Esta in­fo­r­ma­ción suele mostrarse como snippet (una síntesis en dos líneas del tema de una página que aparece bajo la URL) en los bu­s­ca­do­res de uso más ge­ne­ra­li­za­do como Google o Bing, por lo que se re­co­mie­n­da cuidar su redacción. Debido a su impacto en el co­m­po­r­ta­mie­n­to de clic en los re­su­l­ta­dos de búsqueda, la meta de­s­cri­p­tion se considera uno de los meta tags más im­po­r­ta­n­tes para el SEO.

Quienes gestionan páginas web deben ase­gu­rar­se de que el texto de la de­s­cri­p­ción no supere los 920 píxeles de ancho, lo que equivale apro­xi­ma­da­me­n­te a 150–160 ca­ra­c­te­res. De lo contrario, existe el riesgo de que parte del texto se corte en los re­su­l­ta­dos del buscador. La meta de­s­cri­p­tion debe ofrecer un resumen claro y atractivo del contenido de la página.

Descubre qué meta tags en HTML son realmente importantes para el SEO y cómo utilizarlos para mejorar la visibilidad de tu página web.
html

Autor (author) y copyright

Los meta tags author y copyright permiten a quienes gestionan páginas web indicar en el código fuente de una página HTML quién ha creado la página y a quién pe­r­te­ne­cen los derechos de autor del contenido. En algunos sistemas de gestión de co­n­te­ni­dos (CMS) el tag de autor se asigna au­to­má­ti­ca­me­n­te.

<meta name="author" content="Nombre del autor" />
<meta name="copyright" content="Propietario del copyright" />
html

In­s­tru­c­cio­nes para los ra­s­trea­do­res web (robots)

Una de las pri­n­ci­pa­les funciones de los meta tags es pro­po­r­cio­nar in­s­tru­c­cio­nes para la in­de­xa­ción a los crawlers (los ra­s­trea­do­res de los motores de búsqueda). Esto se logra con la etiqueta meta “robots”. Con los si­guie­n­tes meta tags es posible estipular si una página será indexada y, en co­n­se­cue­n­cia, si estará di­s­po­ni­ble para la búsqueda. También se puede es­ta­ble­cer si los robots deben seguir o ignorar los enlaces. Esta in­fo­r­ma­ción se cuenta entre los metadatos más re­le­va­n­tes para el SEO.

index

Para permitir que un motor de búsqueda indexe una página HTML, se utiliza el siguiente meta tag:

<meta name="robots" content="index"/>
html

Sin embargo, dado que la in­de­xa­ción de páginas web es el co­m­po­r­ta­mie­n­to pre­de­te­r­mi­na­do de los ra­s­trea­do­res (robots de búsqueda), este meta tag suele ser in­ne­ce­sa­rio.

noindex

Si no deseas que una página HTML se incluya en el índice de los motores de búsqueda, debes indicarlo de forma explícita:

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

El atributo name="robots" se dirige a todos los ra­s­trea­do­res de motores de búsqueda. El valor content="noindex" indica que la página no debe ser indexada. Si solo deseas bloquear la in­de­xa­ción para de­te­r­mi­na­dos robots, puedes es­pe­ci­fi­car­lo uti­li­za­n­do un atributo name al­te­r­na­ti­vo, como por ejemplo googlebot.

follow

El co­m­po­r­ta­mie­n­to estándar de los motores de búsqueda consiste en recorrer los enlaces que encuentra en una página de HTML, a no ser que se les indique lo contrario. Esta in­fo­r­ma­ción se puede incluir en las etiquetas meta, aunque no es necesario:

<meta name="robots" content="follow"/>
html

nofollow

Si quieres evitar que un robot de búsqueda siga los enlaces hacia páginas su­bo­r­di­na­das de tu página web o hacia dominios externos, puedes hacerlo mediante el siguiente meta tag:

<meta name="robots" content="nofollow"/>
html

Este meta tag indica a los ra­s­trea­do­res que no deben tra­n­s­mi­tir autoridad (PageRank) a través de los enlaces salientes. Hasta 2019, Google respetaba esta in­s­tru­c­ción de forma estricta; desde entonces, la trata como una su­ge­re­n­cia y puede seguir los enlaces igua­l­me­n­te.

Los meta tags index/noindex y follow/nofollow se pueden usar solos o co­m­bi­na­dos. Se puede, por ejemplo, de­te­r­mi­nar que una página sea indexada pero que los links sean ignorados, así como permitir o impedir ambas acciones a los robots.

<meta name="robots" content="index,nofollow" />
<meta name="robots" content="index,follow" />
<meta name="robots" content="noindex,nofollow" />
html
Nota

Otro aspecto im­po­r­ta­n­te en el control del acceso de los motores de búsqueda es el uso del archivo robots.txt. A di­fe­re­n­cia de los meta tags, que solo permiten dar in­s­tru­c­cio­nes a nivel de página, el archivo robots.txt es es­pe­cia­l­me­n­te útil para excluir del rastreo di­re­c­to­rios completos o de­te­r­mi­na­dos tipos de archivo. Este archivo se encuentra en el di­re­c­to­rio raíz del dominio y los motores de búsqueda lo consultan antes de acceder a cualquier página.

Meta tags con atributo http-equiv

Con el atributo http-equiv, las etiquetas meta pueden incluir in­s­tru­c­cio­nes equi­va­le­n­tes a las del en­ca­be­za­do HTTP. Esta in­fo­r­ma­ción se utiliza, por ejemplo, como sustituto cuando el servidor web no está co­n­fi­gu­ra­do para enviar los en­ca­be­za­dos co­rre­s­po­n­die­n­tes. En estos casos, se aplica la norma de que un en­ca­be­za­do HTTP con el mismo nombre tiene prioridad sobre los meta tags en HTML.

cache-control

Para asegurar la fluidez del fu­n­cio­na­mie­n­to de Internet, las webs se suelen guardar en se­r­vi­do­res proxy in­te­r­me­dios o en la caché del navegador para ser de­s­ca­r­ga­das fá­ci­l­me­n­te en el futuro. Para impedirlo usamos el meta tag cache-control con el valor no-cache:

<meta http-equiv="cache-control" content="no-cache"/>
html

Las páginas web que cuentan con este meta tag se cargan nue­va­me­n­te desde el servidor web cada vez que se accede a ellas. Esto puede ra­le­n­ti­zar la na­ve­ga­ción, pero puede ser co­n­ve­nie­n­te en el caso de páginas que ac­tua­li­zan su contenido dia­ria­me­n­te.

expires

Puede que no se desee des­ac­ti­var por completo el al­ma­ce­na­mie­n­to temporal en caché. En este caso, se puede usar el atributo http-equiv para definir una fecha de ex­pi­ra­ción para los datos HTML so­li­ci­ta­dos. Se haría de esta manera:

<meta http-equiv="expires" content="tiempo de expiración en segundos"/>
html

Así es posible asignar a las páginas HTML la fecha de caducidad que se desee. Una vez se supera esta fecha, el navegador tiene que cargar el documento HTML desde la página de origen. Pero si tiene que acudir siempre a la página original entonces se introduce un punto de caducidad de 0 segundos. En caso de que se quiera indicar un período de 12 horas, se in­tro­du­cen 43 200 segundos.

<meta http-equiv="expires" content="0"/>
<meta http-equiv="expires" content="43200"/>
html

También es posible definir períodos de tiempo o fechas concretas, siempre en formato in­te­r­na­cio­nal y según el GMT (Greenwich Mean Time):

<meta http-equiv="expires" content="Sat, 07 Feb 2016 00:00:00 GMT"/>
html

refresh

Los meta tags http-equiv permiten redirigir au­to­má­ti­ca­me­n­te a otra URL tras un intervalo definido. De forma parecida a como funciona la etiqueta expires, con este atributo también se define una fecha de ve­n­ci­mie­n­to, a partir de la cual los na­ve­ga­do­res o los motores de búsqueda serán dirigidos a una URL es­ta­ble­ci­da pre­via­me­n­te. En este ejemplo, en 10 segundos se produce el reenvío a la página principal de IONOS:

<meta http-equiv="refresh" content="10; url=http://www.ionos.com/"/>
html

Dado que no todos los na­ve­ga­do­res web admiten la etiqueta refresh, el organismo re­s­po­n­sa­ble de la es­ta­n­da­ri­za­ción de las te­c­no­lo­gías web (World Wide Web Co­n­so­r­tium, W3C) re­co­mie­n­da realizar las re­di­re­c­cio­nes de la página del lado del servidor, uti­li­za­n­do el código de estado HTTP 301 en lugar de los meta tags. Puedes leer más sobre esto en nuestro artículo “Los códigos de estado HTTP y su si­g­ni­fi­ca­do”.

Meta tags: ejemplos en el código

A co­n­ti­nua­ción en­co­n­tra­rás un ejemplo de código que muestra una sección <head> sencilla pero completa en una página HTML. Incluye los meta tags más re­le­va­n­tes que hemos explicado a lo largo de este artículo:

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<!-- Meta tag para el título de la página -->
<title>Qué son los meta tags en HTML y para qué sirven - IONOS</title>
<!-- Meta description -->
<meta name="description" content="Descubre qué meta tags en HTML son realmente importantes para el SEO y cómo utilizarlos para mejorar la visibilidad de tu página web.">
<!-- Meta tag robots -->
<meta name="robots" content="index, follow">
<!-- Meta tag para el autor de la página -->
<meta name="author" content="Carlos Pérez">
<!-- Meta tag para el copyright -->
<meta name="copyright" content="Carlos Pérez 2025">
<!-- Meta tag para la fecha de expiración de la caché (opcional) -->
<meta http-equiv="expires" content="Sat, 01 Jan 2025 00:00:00 GMT">
<!-- Meta tag para evitar el almacenamiento en caché -->
<meta http-equiv="cache-control" content="no-cache">
</head>
<body>
<h1>Te damos la bienvenida a nuestra sección de consejos SEO para 2025</h1>
<!-- Contenido de la página -->
</body>
</html>
html
Nota

Si gestionas páginas web, en Internet en­co­n­tra­rás numerosos ge­ne­ra­do­res de meta tags que permiten crear estas etiquetas de forma rápida y sencilla. Una he­rra­mie­n­ta gratuita, por ejemplo, está di­s­po­ni­ble en www.seoptimer.com. Solo tienes que in­tro­du­cir la in­fo­r­ma­ción relevante en el fo­r­mu­la­rio del generador y la he­rra­mie­n­ta la co­n­ve­r­ti­rá au­to­má­ti­ca­me­n­te en el código HTML co­rre­s­po­n­die­n­te. Después, puedes copiar ese código di­re­c­ta­me­n­te en la sección <head> de tu página HTML.

Tu página web con dominio propio
Crea tu página web en minutos
  • Pla­n­ti­llas pro­fe­sio­na­les
  • Mo­di­fi­ca­ción del diseño con un solo clic
  • Dominio, SSL y correo ele­c­tró­ni­co
Ir al menú principal