Meta descripción: qué es y cómo escribirla

Qué es la meta descripción y por qué la necesitas

La meta descripción es una etiqueta HTML que va dentro de <head> de la página. El atributo content contiene una descripción breve de la página, normalmente una o dos frases de 150–160 caracteres. Los usuarios ven ese texto en los resultados de búsqueda, debajo del título azul del enlace: ese bloque de texto es el snippet.

La función principal de la descripción es dar al buscador una expectativa precisa sobre la página. Compara impresiones, clics y contexto de la consulta después de un cambio, pero no des por hecho un aumento fijo del CTR ni que Google vaya a usar el texto que le facilitas.

zoom_in

La meta descripción en cifras

La etiqueta debe ir dentro de <head> del documento HTML, porque ahí es donde el rastreador lee la descripción durante la indexación. Si la etiqueta falta o está vacía, Google genera un snippet automáticamente a partir del texto de la página: normalmente el primer párrafo o un fragmento que contiene la consulta del usuario.

<head>
  <meta charset="UTF-8">
  <title>Buy Winter Workwear Wholesale — SpecOpt</title>
  <meta name="description" content="Winter workwear wholesale from the manufacturer: suits, overalls, gloves. Delivery across Russia. Prices from $12, bulk discounts from 50 units.">
</head>

Significado de la descripción y su papel en el snippet

«Description» significa, sin más, una breve descripción de algo. En HTML, «meta description» es la meta descripción de la página: un resumen breve del contenido del documento para sistemas externos, como los rastreadores de buscadores, las redes sociales y las aplicaciones de mensajería. Cuando se comparte una página en Telegram o LinkedIn, la descripción suele convertirse en el texto de la vista previa del enlace.

En los resultados de búsqueda, la descripción forma la última línea del snippet, el texto bajo el título azul del enlace. Ahí es donde el usuario decide si hace clic. Una buena descripción responde a «qué voy a encontrar en esta página» y da un motivo concreto para entrar: un precio, un plazo de entrega, contenido exclusivo o una respuesta directa a la consulta.

Google reescribe la descripción en alrededor del 70 % de los casos: cuando su algoritmo considera que un snippet extraído del texto de la página responde mejor a una consulta concreta. Cuanto más refleje tu descripción las palabras clave objetivo y el contenido real de la página, más probable es que Google conserve tu texto en lugar de generar el suyo.

Cómo añadir la meta descripción: sintaxis y longitud óptima

La sintaxis de la etiqueta es sencilla y no ha cambiado desde los inicios de HTML. La etiqueta <meta> es autocerrada y no necesita etiqueta de cierre. Siempre va dentro de <head>. Tiene dos atributos obligatorios: name="description" identifica el tipo de etiqueta, y content contiene el texto de la descripción.

<!-- Basic syntax -->
<meta name="description" content="Page description text, 150–160 characters long.">

<!-- Full document structure -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Page Title — Brand</title>
  <meta name="description" content="Short description of the page for search results.">
</head>
<body>...</body>
</html>

La longitud óptima de la descripción en escritorio es de 150–160 caracteres. En la búsqueda móvil, Google muestra unos 120 caracteres. Si la mayor parte de tu tráfico es móvil, apunta a 120–130 caracteres. Una descripción más larga no se pierde: se indexa. Pero se corta en el snippet, así que el usuario ve puntos suspensivos en lugar de tu llamada a la acción.

• content vacío. <meta name="description" content=""> es peor que no tener etiqueta. El rastreador registra un defecto técnico y, de todos modos, genera un snippet a partir del contenido de la página.
• Descripciones duplicadas. El mismo texto en decenas de páginas indica baja calidad del contenido. Búscalas con Screaming Frog → Meta Description → Duplicate.
• Etiquetas HTML dentro de content. content="<b>Buy</b> workwear" no es válido. El atributo content admite solo texto plano, sin marcado.
• Comillas sin escapar. content="Buy "winter" suits" rompe el HTML. Usa comillas simples dentro del valor o las entidades ".

En las páginas generadas dinámicamente, la descripción se crea de forma programática, mediante plantillas del CMS o código del lado del servidor. El principio clave: cada página debe tener una descripción única que refleje con precisión su contenido.

<?php
// Description template for a product page (PHP / E-commerce)
$description = sprintf(
    '%s — buy for %s. %s. Delivery across the US from %d days.',
    $product->name,
    '$' . number_format($product->price, 2),
    $product->short_benefit,
    $product->delivery_days
);
// Trim to 160 characters without breaking a word
$description = mb_strimwidth($description, 0, 157, '...', 'UTF-8');
?>
<meta name="description" content="<?= htmlspecialchars($description) ?>">

Cuándo y cómo escribir la descripción para cada tipo de página

La estructura de una buena descripción depende del tipo de página y de la intención del usuario. La portada describe el negocio en su conjunto. Una página de categoría resume la gama y sus ventajas. Una ficha de producto se centra en el artículo concreto, con precio y USP. Un artículo de blog indica al lector qué va a aprender. En todos los casos se aplican dos principios: concreción y llamada a la acción.

Usa el lenguaje que espera el buscador, siempre que describa la página con veracidad. Los buscadores pueden resaltar los términos de la consulta, pero el formato es decisión suya. Escribe la descripción pensando en la claridad, no en una mejora prometida del CTR.

La llamada a la acción en la descripción no es clickbait: es una señal útil. «Aprende», «Lee», «Compara precios», «Haz el pedido con entrega»: estas frases indican al usuario qué ocurre después de hacer clic. Según los estudios, las descripciones con llamada a la acción tienen entre un 10 y un 15 % más de CTR que las neutras.

Cómo añadir la descripción en un CMS: WordPress, Bitrix, Tilda

La mayoría de los CMS modernos permiten gestionar la descripción desde una interfaz o con plugins de SEO. La edición manual del código solo hace falta en desarrollos a medida o en configuraciones sin plugins. Estas son las tres plataformas más comunes.

WordPress: Yoast SEO y Rank Math

En WordPress, la forma más sencilla de gestionar la descripción es con Yoast SEO o Rank Math: ambos son gratuitos y admiten plantillas. En Yoast SEO: abre el editor de la entrada → pestaña "Yoast SEO" → "Google Preview" → "Edit snippet" → campo "Meta description". El plugin muestra un contador de caracteres y marca los errores. En Rank Math: pestaña "Rank Math" → sección "Meta" → "Description". Ambos admiten variables como %title%, %category% y %excerpt% para plantillas por tipo de contenido.

<?php
// functions.php — manual meta description without a plugin
// Use only if you are NOT using Yoast SEO / Rank Math
add_action('wp_head', function() {
    if (is_single() || is_page()) {
        $description = get_the_excerpt();
        if (empty($description)) {
            $description = mb_strimwidth(
                strip_tags(get_the_content()),
                0, 157, '...', 'UTF-8'
            );
        }
        echo '<meta name="description" content="'
            . esc_attr($description) . '">' . "\n";
    }
}, 1);

Bitrix

En 1C-Bitrix, la descripción se define en las propiedades de la página o del componente. En el panel de administración: "Content" → elige una sección o página → pestaña "SEO" → campo "Description (meta description)". Para descripciones generadas automáticamente en la plantilla de un componente, usa el método SetPageProperty: pasa el valor al header.php del sitio, donde la etiqueta se muestra en el <head>.

<?php
// catalog.element template.php — auto-generate description
if (!empty($arResult['NAME']) && !empty($arResult['PREVIEW_TEXT'])) {
    $description = $arResult['NAME']
        . ' — ' . strip_tags($arResult['PREVIEW_TEXT']);
    $description = mb_strimwidth($description, 0, 157, '...', 'UTF-8');
    $APPLICATION->SetPageProperty('description', $description);
}

// site header.php — output the tag
$metaDesc = $APPLICATION->GetPageProperty('description');
if ($metaDesc): ?>
  <meta name="description" content="<?= htmlspecialchars($metaDesc) ?>">
<?php endif; ?>

Tilda

En Tilda, la descripción se configura en dos lugares. Para todo el sitio: "Site Settings" → SEO → campo "Description". Por página: abre la página → "Page Settings" (icono de engranaje) → pestaña "SEO" → campo "Description". El ajuste de la página tiene prioridad sobre el global. Tilda inserta la etiqueta en <head> automáticamente, sin necesidad de editar código. Buena práctica: rellena la descripción de cada página importante por separado, en lugar de confiar en la global.

Errores comunes y cómo auditar las descripciones de todo el sitio

Los mismos problemas con la descripción aparecen una y otra vez en las auditorías. La mayoría se detecta fácilmente con un rastreador y se corrige de forma sistemática con plantillas, no a mano en cada página.

• Descripciones duplicadas en todo el sitio. El mismo texto en decenas de páginas: el CMS inserta el nombre del sitio o el eslogan como valor por defecto. Búscalas con Screaming Frog → Meta Description → Duplicate. Solución: textos únicos o, como mínimo, plantillas únicas por tipo de página.
• Descripción ausente. Las páginas sin etiqueta obligan a Google a generar un snippet a partir del contenido, a menudo una mala elección. Búscalas con Screaming Frog → Meta Description → Missing. Solución: escribe a mano las páginas prioritarias y usa una plantilla para el resto.
• Descripción demasiado larga. Se corta a mitad de frase en los resultados: el usuario ve «...» en lugar de tu llamada a la acción. Límite: 150–160 caracteres. Compruébalo con SEMrush Site Audit → Meta description too long.
• Descripción demasiado corta. Menos de 70 caracteres: no hay información suficiente para decidir el clic. Google suele sustituirla por su propia versión generada automáticamente.
• La descripción no coincide con el contenido de la página. El título promete una cosa, la descripción otra y la página una tercera. Esa discordancia eleva la tasa de rebote: el usuario hace clic y se va de inmediato.
• Falta la palabra clave objetivo en la descripción. Sin negrita en el snippet se pierde una señal visual. Google pone en negrita las palabras que coinciden con la consulta del usuario: aprovéchalo.

FAQ

Respuestas a las dudas más habituales sobre la meta descripción que surgen en auditorías y consultorías.