• Zur Hauptnavigation springen
  • Skip to main content
  • Zur Hauptsidebar springen
  • Zur Fußzeile springen
Logo

CITROWEB Webdesign

Erste Wahl für Ihren Onlineauftritt

  • Home
  • Leistungen
    • Webdesign, Webentwicklung und Beratung
    • Online-Shops mit WooCommerce
    • Technische Unterstützung für WooCommerce-Shops
    • Suchmaschinenmarketing
      • SEO: Ihr Webauftritt erhält mehr relevante Besucher
      • SEA: Suchmaschinenwerbung für Ihren Webauftritt
    • Webhosting
  • Blog
  • Kontakt aufnehmen
Home » Blog » WooCommerce-Produktbeschreibung (full product description) als Meta-Description in WordPress

WooCommerce-Produktbeschreibung (full product description) als Meta-Description in WordPress

9. November 2021

Mithilfe von YOAST ist es möglich die Produktbeschreibung als Meta-Description anzuzeigen. Das geht über den programmatischen Weg wie folgt:

Folgenden Code als Snippet in functions.php des Themes oder mithilfe eines Plugins einfügen.

// callback für Ersetzung in YOAST SEO 
function get_fullDescription() {
    global $post;
    return $post != null ? $post->post_content : "";
}

// Registriere eigene YOAST-Variablenersetzung
function register_custom_yoast_variables() {
    wpseo_register_var_replacement( '%%fulldes%%', 'get_fullDescription', 'advanced', 'Full Description' );
}

// YOAST-Variablenersetzung bekannt machen
add_action('wpseo_register_extra_replacements', 'register_custom_yoast_variables');

Danach unter WordPress -> SEO -> Darstellung in Suchergebnissen -> Produkte %%fulldes%% unter Meta description eintragen. Speichern nicht vergessen!

YOAST SEO - Darstellung in Suchergebnissen Produkte
Unter SEO -> Darstellung in Suchergebnissen -> Produkte -> Meta description %%fulldes%% eintragen. YOAST ersetzt die Variable durch den Variablennamen.

Nun wird aber die komplette Beschreibung verwendet. Schöner wäre jedoch die Längenvorgabe für Meta-Descriptions der Suchmaschinen zu beachten. Diese liegt bei maximal 160 Zeichen.

Dazu benötigen wir zwei weitere Funktionen. Mit der untenstehenden Funktion replaceHtmlTags ersetzen wir ggf. vorhandene HTML-Tags in der Beschreibung, denn die möchten wir in unserer Meta-Description nicht haben. Mit der zweiten Funktion wordTruncate erreichen wir die Längenvorgabe. Der Code sorgt dafür, dass nicht einfach nur nach 160 Zeichen getrennt wird und damit evtl. mitten im Wort abgeschnitten wird, sondern es wird nach dem letzten Wort abgeschnitten das noch innerhalb der 160 Zeichen liegt.

function replaceHtmlTags($string) {
	return preg_replace("/<.*?>/", "", $string);
}

function wordTruncate($string, $desired_max_width) {
  $parts = preg_split('/([\s\n\r]+)/u', $string, -1, PREG_SPLIT_DELIM_CAPTURE);
  $parts_count = count($parts);

  $length = 0;
  $last_part = 0;
  for (; $last_part < $parts_count; ++$last_part) {
    $length += strlen($parts[$last_part]);
    if ($length > $desired_max_width) { break; }
  }

  return implode(array_slice($parts, 0, $last_part));
}

Die Routine get_fullDescription aus dem Code oben wird nochmal etwas modifiziert und sieht damit so aus:

// callback für Ersetzung in YOAST SEO 
function get_fullDescription() {
    global $post;
    return wordTruncate(replaceHtmlTags($post->post_content), 160);
}

Der vollständige Code sieht somit so aus:

// callback für Ersetzung in YOAST SEO 
function get_fullDescription() {
    global $post;
    return wordTruncate(replaceHtmlTags($post->post_content), 160);
}

// Registriere eigene YOAST-Variablenersetzung
function register_custom_yoast_variables() {
    wpseo_register_var_replacement( '%%fulldes%%', 'get_fullDescription', 'advanced', 'Full Description' );
}

// YOAST-Variablenersetzung bekannt machen
add_action('wpseo_register_extra_replacements', 'register_custom_yoast_variables');

function replaceHtmlTags($string) {
	return preg_replace("/<.*?>/", "", $string);
}

function wordTruncate($string, $desired_max_width) {
  $parts = preg_split('/([\s\n\r]+)/u', $string, -1, PREG_SPLIT_DELIM_CAPTURE);
  $parts_count = count($parts);

  $length = 0;
  $last_part = 0;
  for (; $last_part < $parts_count; ++$last_part) {
    $length += strlen($parts[$last_part]);
    if ($length > $desired_max_width) { break; }
  }

  return implode(array_slice($parts, 0, $last_part));
}

Somit haben wir ohne die kostenpflichtige YOAST SEO WooCommerce – Erweiterung erreicht, die Produktbeschreibung als Meta-Description anzuzeigen.

WooCommerce-Kurzbeschreibung als Meta-Description

Möchte man hingegen die Kurzbeschreibung als Meta-Description nutzen, bietet YOAST SEO die Funktion in der kostenfreien Version an, wenn auch etwas versteckt.

Um die Kurzbeschreibung als Meta-Description zu verwenden so tragen wir unter SEO -> Darstellung in Suchergebnissen -> Produkte die Variable %%wc_shortdesc%% ein.

Viel Erfolg bei Ihrem SEO-Projekt!

Haben Sie weitere Fragen oder benötigen Sie Unterstützung, gerne unterstütze ich Sie. Schreiben Sie mir ganz unverbindlich oder rufen Sie an.

CITROWEB kontaktieren

Kategorie: SEO, WooCommerce, WordPress

Haupt-Sidebar

  • How to remove dashicons in WordPress frontend?
  • How do I create a website (homepage) with ChatGPT?
  • Can I create a website (homepage) with ChatGPT?
  • iOS restrictions re: bringing up the keyboard on programmatic focus
  • iOS restrictions re: bringing up the keyboard on programmatic focus
  • Remove user listing from WP-JSON
  • Benutzerauflistung aus WP-JSON entfernen
  • What does „Video is not the main content of the page“ mean?
  • Was hat es mit „Das Video ist nicht der Hauptinhalt der Seite“ auf sich?
  • Remove WordPress logo from toolbar
  • Efficient onboarding simplified: LearnSuite – the cloud application for digital onboarding
  • Wir stellen vor: LearnSuite – Die Cloudanwendung für digitales Onboarding
  • Howto: How do I create a website (homepage) with ChatGPT?
  • Howto: Wie erstelle ich mit ChatGPT eine Website (Homepage)?
  • Can I create a website (homepage) with ChatGPT?
  • Kann ich mit ChatGPT eine Website (Homepage) erstellen?
  • Set noindex nofollow via .htaccess HTTP header
  • Über .htaccess X-Robots-Tag noindex nofollow setzen
  • How to remove WordPress Dashicons in frontend?
  • Wie lassen sich Dashicons im WordPress-Frontend entfernen?
  • DSGVO (3)
  • GDPR (3)
  • Genesis Framework (10)
  • Genesis-Framework (9)
  • Google Search Console (4)
  • Google Search Console (4)
  • Linux (3)
  • Linux (3)
  • mobile (3)
  • Mobile (3)
  • Network (1)
  • Netzwerk (1)
  • SEO (5)
  • SEO (5)
  • Trends (3)
  • Trends (4)
  • Uncategorized (3)
  • Web development (1)
  • Web hosting (1)
  • Webentwicklung (1)
  • Webhosting (1)
  • WooCommerce (9)
  • WooCommerce (9)
  • WordPress (23)
  • WordPress (24)

Footer

Logo




© 2026 CITROWEB
  • Datenschutz
  • Impressum