Ein Snippet ist ein kleiner, wiederverwendbarer Code-Ausschnitt oder, im Kontext von Suchmaschinen, die kompakte Vorschau einer Webseite in den Suchergebnissen.
Was bedeutet das?
Das englische Wort „Snippet“ bedeutet wörtlich „Schnipsel“. Im Webentwicklungs-Kontext hat es zwei eigenständige, aber verwandte Bedeutungen.
Die erste Bedeutung: Ein Code-Snippet ist ein kleiner, isolierter Codeabschnitt, der eine bestimmte Funktion erfüllt und wiederverwendet werden kann. In WordPress werden Code-Snippets häufig in der functions.php des Themes oder über spezielle Snippet-Plugins wie „WPCode“ (früher „Code Snippets“) eingefügt. Typische Einsatzbereiche sind das Hinzufügen von Google Analytics-Trackingcodes, das Anpassen von WordPress-Standardverhalten, das Einbinden externer Skripte oder das Erweitern von Plugins ohne deren Kerndateien zu verändern. Snippet-Plugins haben gegenüber der direkten Bearbeitung der functions.php den Vorteil, dass einzelne Snippets aktiviert, deaktiviert und versioniert werden können.
Die zweite Bedeutung: Im Suchmaschinen-Kontext ist ein „Search Snippet“ die Vorschau einer Webseite in den Google-Suchergebnissen. Es besteht klassischerweise aus dem Titel-Tag (blau, klickbar), der URL und der Meta-Description. Google kann die Meta-Description durch eigene Auszüge aus dem Seiteninhalt ersetzen, wenn sie als relevanter eingestuft wird. Ein „Rich Snippet“ oder „Rich Result“ entsteht, wenn strukturierte Daten (Schema.org) auf der Seite hinterlegt sind und Google zusätzliche Informationen anzeigt: zum Beispiel Sterne-Bewertungen, Preise, FAQs oder Veranstaltungsdaten direkt in den Suchergebnissen.
Ein „Featured Snippet“ ist eine besonders hervorgehobene Anzeige ganz oben in den Google-Suchergebnissen, auch „Position 0“ genannt. Google extrahiert dabei einen Textabschnitt, eine Liste oder eine Tabelle direkt aus der Webseite und zeigt ihn ohne Klick an. Featured Snippets erscheinen bei Frage-Suchanfragen wie „Was ist ein Shortcode?“ und können die organische Sichtbarkeit deutlich erhöhen.
Beispiel aus der Praxis
Ein WordPress-Entwickler möchte verhindern, dass WordPress automatisch Emojis lädt, da er diese nicht benötigt und die zusätzlichen HTTP-Anfragen die Ladezeit verlangsamen. Er fügt über das Plugin WPCode folgendes Code-Snippet in die functions.php ein:
remove_action('wp_head', 'print_emoji_detection_script', 7);
Das Snippet ist gezielt, überschaubar und ändert nichts am übrigen Code. Bei einem Theme-Update bleibt es erhalten, weil es nicht direkt im Theme gespeichert ist.
Für Rich Snippets: Eine Wartungsseite mit FAQ-Block und hinterlegtem FAQ-Schema (via Rank Math oder Yoast) kann in den Google-Suchergebnissen mit aufgeklappten Fragen erscheinen. Das erhöht die Klickrate, ohne dass die organische Position geändert wird.
Tipp aus der Praxis
Code-Snippets sollten niemals direkt in die Theme-functions.php geschrieben werden, wenn sie dauerhaft funktionieren sollen. Bei jedem Theme-Update wird die functions.php überschrieben und alle manuellen Ergänzungen gehen verloren. Die richtige Ablage ist entweder ein Child-Theme oder ein Snippet-Plugin. Wer mehrere benutzerdefinierte Snippets verwaltet, sollte ausserdem Kommentare hinzufügen, die dokumentieren, wozu jedes Snippet dient und seit wann es aktiv ist.