Los meta tags o etiquetas meta son fragmentos de información codificada 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 navegadores.

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 instantáneos con SEO optimizado por IA
  • Dominio, SSL y buzón de correo electrónico incluidos

¿Qué son los meta tags en HTML?

Los meta tags en HTML son elementos HTML cuya función es proporcionar informació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 estructura: primero se define un elemento y, a continuació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 importancia para el SEO hace unos años, sin embargo, su influencia en el posicionamiento en los buscadores más conocidos ha disminuido. Aun así, los meta tags siguen siendo relevantes para metabuscadores 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 indicaciones 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 encabezado de un archivo HTML es larga. Junto a los datos esenciales como el título y la descripción de la página o la definición de la fuente usada para el texto, el header de los archivos HTML puede incluir información útil para los agentes de usuario. Así, es posible delimitar palabras clave relevantes o definir un tema para la página. Incluso se puede hacer referencia al autor o editor de los contenidos e indicar el copyright.

Aunque estos datos no siempre son relevantes para la interacción con los navegadores y motores de búsqueda, los meta tags dirigen su comportamiento impidiendo, por ejemplo, la indexación de un archivo HTML o el rastreo de los enlaces de una página. En la siguiente tabla encontrarás una primera visión general de los meta tags más importantes:

Meta tag Relevancia Ejemplo de meta tag
title Muy alta: es importante para el SEO y se muestra como título de la página en los resultados de búsqueda <title>Mi página de ejemplo</title>
description Alta: influye en la tasa de clics si aparece en los resultados de búsqueda <meta name="description" content="Esta es una página de ejemplo sobre HTML." />
charset Muy alta: necesario para mostrar correctamente los caracteres, 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 informativo legal, pero no influye en el posicionamiento <meta name="copyright" content=" Carlos Pérez 2025" />
robots Alta: controla la indexación y el seguimiento de enlaces por parte de los buscadores <meta name="robots" content="index, follow" />
http-equiv Media: permite controles técnicos como el almacenamiento en caché o las redirecciones <meta http-equiv="refresh" content="5; url=https://ejemplo.com/" />

Título (title)

Estrictamente hablando, este no es ningún meta tag, sino una etiqueta autónoma de HTML (HTML tag), aunque, debido a su significado a la hora de interactuar con los agentes de usuario es común que sea mencionada como parte de los metadatos. Como elemento obligado en el encabezado del documento HTML, el título se sitúa, por regla general, por encima de todas las demás etiquetas. Los navegadores 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 buscadores más importantes usan la etiqueta <title> para titular las entradas en las listas de resultados 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 optimización on-page, es importante asegurarse de que el título no supere la longitud máxima que muestran los buscadores, que es de unos 580 píxeles, lo que equivale aproximadamente a entre 50 y 60 caracteres. Además, se recomienda 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 información:

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

Codificación de caracteres

Si la fuente no fue previamente 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 correctamente. 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 directamente desde el disco duro y no los reciba por HTTP.

Descripción (description)

En la descripción o meta description podemos describir brevemente el contenido de la página web. Esta informació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 buscadores de uso más generalizado como Google o Bing, por lo que se recomienda cuidar su redacción. Debido a su impacto en el comportamiento de clic en los resultados de búsqueda, la meta description se considera uno de los meta tags más importantes para el SEO.

Quienes gestionan páginas web deben asegurarse de que el texto de la descripción no supere los 920 píxeles de ancho, lo que equivale aproximadamente a 150–160 caracteres. De lo contrario, existe el riesgo de que parte del texto se corte en los resultados del buscador. La meta description 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 pertenecen los derechos de autor del contenido. En algunos sistemas de gestión de contenidos (CMS) el tag de autor se asigna automáticamente.

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

Instrucciones para los rastreadores web (robots)

Una de las principales funciones de los meta tags es proporcionar instrucciones para la indexación a los crawlers (los rastreadores de los motores de búsqueda). Esto se logra con la etiqueta meta “robots”. Con los siguientes meta tags es posible estipular si una página será indexada y, en consecuencia, si estará disponible para la búsqueda. También se puede establecer si los robots deben seguir o ignorar los enlaces. Esta información se cuenta entre los metadatos más relevantes 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 indexación de páginas web es el comportamiento predeterminado de los rastreadores (robots de búsqueda), este meta tag suele ser innecesario.

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 rastreadores de motores de búsqueda. El valor content="noindex" indica que la página no debe ser indexada. Si solo deseas bloquear la indexación para determinados robots, puedes especificarlo utilizando un atributo name alternativo, como por ejemplo googlebot.

follow

El comportamiento 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 informació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 subordinadas 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 rastreadores que no deben transmitir autoridad (PageRank) a través de los enlaces salientes. Hasta 2019, Google respetaba esta instrucción de forma estricta; desde entonces, la trata como una sugerencia y puede seguir los enlaces igualmente.

Los meta tags index/noindex y follow/nofollow se pueden usar solos o combinados. Se puede, por ejemplo, determinar 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 importante en el control del acceso de los motores de búsqueda es el uso del archivo robots.txt. A diferencia de los meta tags, que solo permiten dar instrucciones a nivel de página, el archivo robots.txt es especialmente útil para excluir del rastreo directorios completos o determinados tipos de archivo. Este archivo se encuentra en el directorio 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 instrucciones equivalentes a las del encabezado HTTP. Esta información se utiliza, por ejemplo, como sustituto cuando el servidor web no está configurado para enviar los encabezados correspondientes. En estos casos, se aplica la norma de que un encabezado HTTP con el mismo nombre tiene prioridad sobre los meta tags en HTML.

cache-control

Para asegurar la fluidez del funcionamiento de Internet, las webs se suelen guardar en servidores proxy intermedios o en la caché del navegador para ser descargadas fácilmente 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 nuevamente desde el servidor web cada vez que se accede a ellas. Esto puede ralentizar la navegación, pero puede ser conveniente en el caso de páginas que actualizan su contenido diariamente.

expires

Puede que no se desee desactivar por completo el almacenamiento temporal en caché. En este caso, se puede usar el atributo http-equiv para definir una fecha de expiración para los datos HTML solicitados. 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 introducen 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 internacional 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 automáticamente 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 vencimiento, a partir de la cual los navegadores o los motores de búsqueda serán dirigidos a una URL establecida previamente. 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 navegadores web admiten la etiqueta refresh, el organismo responsable de la estandarización de las tecnologías web (World Wide Web Consortium, W3C) recomienda realizar las redirecciones de la página del lado del servidor, utilizando 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 significado”.

Meta tags: ejemplos en el código

A continuación encontrará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 relevantes 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 encontrarás numerosos generadores de meta tags que permiten crear estas etiquetas de forma rápida y sencilla. Una herramienta gratuita, por ejemplo, está disponible en www.seoptimer.com. Solo tienes que introducir la información relevante en el formulario del generador y la herramienta la convertirá automáticamente en el código HTML correspondiente. Después, puedes copiar ese código directamente en la sección <head> de tu página HTML.

Tu página web con dominio propio
Crea tu página web en minutos
  • Plantillas profesionales
  • Modificación del diseño con un solo clic
  • Dominio, SSL y correo electrónico
¿Le ha resultado útil este artículo?
Ir al menú principal