Meta-Description: Was sie ist und wie Sie sie schreiben

Was die Meta-Description ist und wozu sie dient

Die Meta-Description ist ein HTML-Tag im <head> einer Seite. Das Attribut content enthält eine kurze Beschreibung der Seite – meist ein bis zwei Sätze mit 150–160 Zeichen Länge. Nutzer sehen diesen Text in den Suchergebnissen unter dem blauen Titel-Link. Dieser Textblock heißt Snippet.

Die wichtigste Aufgabe der Description ist, Suchenden ein zutreffendes Bild von der Seite zu vermitteln. Vergleichen Sie Impressionen, Klicks und Suchkontext nach einer Änderung. Rechnen Sie aber nicht mit einer festen CTR-Steigerung und nicht damit, dass Google den vorgegebenen Text übernimmt.

zoom_in

Meta-Description in Zahlen

Das Tag muss im <head> des HTML-Dokuments stehen – dort liest der Crawler die Beschreibung beim Indexieren aus. Fehlt das Tag oder ist es leer, erzeugt Google automatisch ein Snippet aus dem Seitentext: meist den ersten Absatz oder einen Ausschnitt mit der Suchanfrage des Nutzers.

<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>

Bedeutung der Description und ihre Rolle im Snippet

„Description“ bedeutet übersetzt schlicht „Beschreibung“. Im HTML ist die „meta description“ eine kurze Zusammenfassung des Dokumentinhalts für externe Systeme: Suchcrawler, soziale Netzwerke und Messenger. Wird eine Seite in Telegram oder LinkedIn geteilt, wird die Description meist zum Text der Linkvorschau.

In den Suchergebnissen bildet die Description die letzte Zeile des Snippets – den Text unter dem blauen Titel-Link. Hier entscheidet der Nutzer, ob er klickt. Eine gute Description beantwortet die Frage „Was finde ich auf dieser Seite?“ und nennt einen konkreten Grund für den Besuch: einen Preis, eine Lieferzeit, exklusive Inhalte oder eine direkte Antwort auf die Suchanfrage.

Google schreibt die Description in etwa 70 % der Fälle um – dann, wenn der Algorithmus einen Ausschnitt aus dem Seitentext für die konkrete Suchanfrage besser findet. Je stärker Ihre Description die Zielkeywords und den tatsächlichen Seiteninhalt widerspiegelt, desto größer ist die Chance, dass Google Ihren Text übernimmt und nicht einen eigenen erzeugt.

Meta-Description einbinden: Syntax und optimale Länge

Die Tag-Syntax ist einfach und seit den Anfängen von HTML unverändert. Das <meta>-Tag schließt sich selbst und braucht kein schließendes Tag. Es gehört immer in den <head>. Zwei Attribute sind Pflicht: name="description" legt den Tag-Typ fest, content enthält den Beschreibungstext.

<!-- 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>

Die optimale Länge der Description liegt für Desktop bei 150–160 Zeichen. In der mobilen Suche zeigt Google rund 120 Zeichen. Wenn der Großteil Ihres Traffics mobil kommt, zielen Sie auf 120–130 Zeichen. Eine längere Description geht nicht verloren – sie wird indexiert –, wird im Snippet aber abgeschnitten. Der Nutzer sieht dann eine Auslassung statt Ihres Aufrufs zum Handeln.

• Leerer content. <meta name="description" content=""> ist schlechter als gar kein Tag. Der Crawler vermerkt einen technischen Fehler und erzeugt trotzdem ein Snippet aus dem Seiteninhalt.
• Doppelte Descriptions. Derselbe Text auf Dutzenden Seiten ist ein Zeichen für geringe Inhaltsqualität. Finden Sie sie mit Screaming Frog → Meta Description → Duplicate.
• HTML-Tags im content. content="<b>Kaufen</b> Arbeitskleidung" ist ungültig. Das Attribut content akzeptiert nur reinen Text ohne Markup.
• Nicht maskierte Anführungszeichen. content="Winter-Arbeitskleidung kaufen "günstig"" bricht das HTML. Verwenden Sie innerhalb des Werts einfache Anführungszeichen oder ".

Bei dynamisch erzeugten Seiten entsteht die Description programmatisch – über CMS-Templates oder serverseitigen Code. Das Grundprinzip: Jede Seite braucht eine eigene Description, die ihren Inhalt genau widergibt.

<?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) ?>">

Wann und wie Sie die Description für verschiedene Seitentypen schreiben

Der Aufbau einer guten Description hängt von Seitentyp und Nutzerabsicht ab. Die Startseite beschreibt das Unternehmen als Ganzes. Eine Kategorieseite zeigt Sortiment und Vorteile. Eine Produktkarte fokussiert das konkrete Produkt mit Preis und USP. Ein Blogartikel sagt dem Leser, was er lernt. In jedem Fall gelten zwei Grundsätze: Konkretheit und ein Aufruf zum Handeln.

Verwenden Sie die Sprache, die Suchende erwarten, sofern sie die Seite wahrheitsgemäß beschreibt. Suchmaschinen können Suchbegriffe hervorheben, die Formatierung ist aber deren Entscheidung. Schreiben Sie die Description auf Klarheit hin und nicht auf eine versprochene Klickrate.

Ein Aufruf zum Handeln in der Description ist kein Clickbait, sondern ein nützliches Signal. Formulierungen wie „Mehr erfahren“, „Preise vergleichen“ oder „Mit Lieferung bestellen“ sagen dem Nutzer genau, was nach dem Klick passiert. Studien zeigen, dass Descriptions mit CTA eine um 10–15 % höhere CTR haben als neutrale.

Description im CMS eintragen: WordPress, Bitrix, Tilda

Die meisten modernen CMS lassen die Description über eine Oberfläche oder SEO-Plugins verwalten. Manuelles Eintragen im Code ist nur bei Individualentwicklung oder Installationen ohne Plugins nötig. Hier sind die drei häufigsten Plattformen.

WordPress: Yoast SEO und Rank Math

In WordPress lässt sich die Description am einfachsten über Yoast SEO oder Rank Math verwalten – beide sind kostenlos und unterstützen Templates. In Yoast SEO: Beitrag im Editor öffnen → Tab „Yoast SEO“ → „Google Preview“ → „Edit snippet“ → Feld „Meta description“. Das Plugin zeigt einen Zeichenzähler und warnt bei Fehlern. In Rank Math: Tab „Rank Math“ → Abschnitt „Meta“ → „Description“. Beide unterstützen Variablen: %title%, %category%, %excerpt% – für Templates auf Ebene des Beitragstyps.

<?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

In 1C-Bitrix wird die Description über Eigenschaften der Seite oder der Komponente gesetzt. Im Adminbereich: Content → Abschnitt oder Seite wählen → Tab „SEO“ → Feld „Description (meta description)“. Für automatisch erzeugte Descriptions im Komponenten-Template verwenden Sie die Methode SetPageProperty. Sie übergibt den Wert an die header.php der Website, wo das Tag im <head> ausgegeben wird.

<?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

In Tilda lässt sich die Description an zwei Stellen einstellen. Für die ganze Website: Site Settings → SEO → Feld „Description“. Für eine einzelne Seite: Seite öffnen → „Page Settings“ (Zahnrad-Symbol) → Tab „SEO“ → Feld „Description“. Die Einstellung auf Seitenebene hat Vorrang vor der websiteweiten. Tilda fügt das Tag automatisch in den <head> ein, ein Eingriff in den Code ist nicht nötig. Empfehlenswert ist, die Description für jede wichtige Seite einzeln auszufüllen, statt sich auf den globalen Standard zu verlassen.

Typische Fehler und wie Sie die Descriptions einer Website prüfen

Dieselben Probleme mit der Description tauchen bei Website-Audits immer wieder auf. Die meisten lassen sich mit einem Crawler leicht finden und über Templates systematisch beheben – nicht von Hand für jede Seite.

• Doppelte Descriptions auf der Website. Derselbe Text auf Dutzenden Seiten – das CMS setzt den Seitennamen oder Slogan als Standard ein. Finden Sie sie mit Screaming Frog → Meta Description → Duplicate. Lösung: eindeutige Texte oder zumindest eindeutige Templates je Seitentyp.
• Fehlende Description. Seiten ohne Tag: Google erzeugt ein Snippet aus dem Inhalt, oft keine gute Wahl. Finden Sie sie mit Screaming Frog → Meta Description → Missing. Lösung: für wichtige Seiten von Hand schreiben, für den Rest ein Template nutzen.
• Zu lange Description. Sie wird in der Suche mitten im Satz abgeschnitten – der Nutzer sieht „...“ statt Ihres Aufrufs zum Handeln. Grenze: 150–160 Zeichen. Prüfen Sie es mit SEMrush Site Audit → Meta description too long.
• Zu kurze Description. Unter 70 Zeichen reichen die Informationen nicht für die Entscheidung zu klicken. Google ersetzt eine solche Description oft durch eine eigene automatische Version.
• Description passt nicht zum Seiteninhalt. Der Titel verspricht das eine, die Description etwas anderes, die Seite ein Drittes. Diese Abweichung führt zu einer hohen Absprungrate: Der Nutzer klickt und geht sofort wieder.
• Das Ziel-Keyword fehlt in der Description. Im Snippet fehlt dann die Fettmarkierung, ein verschenkter visueller Reiz. Google hebt Wörter fett hervor, die zur Suchanfrage passen. Nutzen Sie das.

FAQ

Antworten auf die häufigsten Fragen zur Meta-Description, die bei Audits und Beratungen auftauchen.