Wenn jemand eine Seite in einem Messenger, in einem sozialen Netzwerk oder per E-Mail teilt, entscheiden die Meta-Angaben im Kopf der Seite, was der Empfänger sieht: Titel, Beschreibung, Bild. Legt jemand die Seite auf den Startbildschirm seines Telefons, kommt der Name aus dem Web-App-Manifest. Das SEO CMS schreibt beides bei jedem Build neu. Diese Seite behandelt Meta-Angaben mit OpenGraph und Twitter Cards, Vorschaubilder je Mandant und das Web-App-Manifest.
Was im Kopf jeder Seite steht
Jede Seite bekommt eine canonical-Angabe mit ihrer vollständigen Adresse, eine Robots-Angabe, die dem Indexierungsschalter folgt, und ein generator-Tag. Für das Teilen kommen og:title, og:description, og:type, og:url, og:locale und og:site_name hinzu, dazu twitter:title und twitter:description. Das OpenGraph-Protokoll verlangt für jede Seite Titel, Typ, Bild und Adresse und empfiehlt zu jedem Bild einen Alternativtext in og:image:alt [1]. Beiträge tragen zusätzlich article:published_time und article:modified_time mit Zeitzone, den Autor, die Kategorie als article:section und je Schlagwort eine eigene Zeile article:tag. Die Angaben twitter:site und twitter:creator setzt das CMS nur, wenn sie in den Einstellungen gepflegt sind.
Fehlt ein Vorschaubild, entfallen die Bildangaben ganz, und die Karte wird als einfache Zusammenfassung ausgegeben. Eine Bildangabe, die ins Leere zeigt, wäre schlechter als keine. Ist ein Bild da, stehen Bildtyp, Breite 1200 und Höhe 630 Pixel, Alternativtext und twitter:card mit großem Bild im Kopf. Den Bildtyp leitet das CMS seit Fassung 1.0.153 aus der Dateiendung ab, vorher kam ein JPEG als PNG heraus. Den Begriff erklärt das Glossar unter Open Graph.
Titel mit und ohne Markenzusatz
Hinter den Seitentitel hängt das CMS den Namen der Website, aber nur, wenn der Titel dadurch nicht zu lang wird. Es probiert erst den langen Markenzusatz, dann den kurzen, und lässt ihn sonst weg. Die Grenze liegt bei 65 Zeichen und ist bewusst eine Näherung. Google setzt für das title-Element keine feste Länge, kürzt lange Titel im Suchergebnis aber nach Bedarf und rät, die Marke kurz zu halten und am Anfang oder Ende abzutrennen [2]. Steht der Name schon im Titel, hängt das CMS ihn nicht ein zweites Mal an. Seit Fassung 1.0.139 lässt sich der Zusatz für einen Mandanten auch ganz abschalten. Für die Beschreibung gilt bei SEO NW als Arbeitswert 120 bis 160 Zeichen, für den Titel bis 60. Mehr dazu im Glossar unter Meta-Title.
Fragen zu deiner Website?
Ruf an, stell deine Frage in der gratis Sprechstunde oder vereinbare ein Erstgespräch.
Vorschaubilder je Mandant
Jeder Mandant kann ein eigenes Vorschaubild haben, in der Themenfarbe und mit dem Bildzeichen der Website. Fehlt es, greift ein gemeinsames Bild für die ganze Installation. Fehlt auch das, entfallen die Bildangaben. Eingebunden wird die PNG-Fassung, weil einige Dienste im Vorschaubild kein WebP lesen. Für die Erzeugung der Mandantenbilder liegt ein Hilfsskript bei. Es baut aus einer Tabelle mit Farbe, Zeichen, Name und Claim fertige Bilder und läuft auf dem Arbeitsrechner, weil es Python mit Bibliotheken braucht, die auf einem Webserver selten vorhanden sind.
Vorschaubilder je Seite
Seit Fassung 1.0.137 kann das CMS beim Build für einzelne Seiten ein eigenes Vorschaubild erzeugen, seit 1.0.144 für alle Seitenarten außer den Fehlerseiten. Das Bild trägt die Schlagzeile der Seite auf dem Grund in der Akzentfarbe des Mandanten, im Format 1200 mal 630 Pixel, als PNG und WebP. Erzeugt wird es in PHP mit der GD-Bibliothek, damit der Build keine Python-Umgebung braucht. Den Lichtschein im Hintergrund berechnet das CMS einmal je Farbe und kopiert ihn danach nur noch. Eine kleine Datei hält je Seite einen Prüfwert aus Text und Farbe fest. Ändert sich nichts, entsteht kein neues Bild, und der Build bleibt kurz.
Die Adresse des Bildes bleibt gleich, auch wenn es neu erzeugt wird. Eine wechselnde Adresse würde jede zuvor geteilte Vorschau ins Leere laufen lassen. Fehlt das Bild einer Seite, etwa weil sie neu ist, fällt die Angabe auf das Mandantenbild zurück. Der Alternativtext folgt dem Bild: Zeigt es die Schlagzeile der Seite, nennt er Titel und Name der Website. Der Schalter für Bilder je Seite ist in der Vorgabe aus. Für die Bilder braucht der Build eine TrueType-Schrift unter shared/assets/fonts/. Fehlt sie, entstehen keine Bilder, und der Build meldet das.
Das Web-App-Manifest je Mandant
Ein Manifest für alle Mandanten führt zu einem falschen Ergebnis: Wer die Seite auf den Startbildschirm legt, bekommt den Namen eines anderen Projekts. Das CMS schreibt die Datei site.webmanifest deshalb beim Build in das Verzeichnis jedes Mandanten. Weil Dateien im Mandantenverzeichnis Vorrang vor den gemeinsamen haben, gewinnt die eigene Datei, ohne dass an der Serverkonfiguration etwas zu tun ist. Darin stehen Name, Kurzname, Beschreibung, Sprache, Startadresse, Anzeigeart, Themen- und Hintergrundfarbe und zwei Symbole in 192 und 512 Pixeln.
Der Kurzname ist eine eigene Einstellung. Browser verwenden ihn statt des vollen Namens, wenn dafür zu wenig Platz ist, etwa auf dem Startbildschirm oder im Programmumschalter [3]. Eine automatische Kürzung ergibt dort selten etwas Lesbares. Die Themenfarbe aus dem Manifest steht auch als theme-color im Kopf jeder Seite. Was beim Hinzufügen zum Startbildschirm passiert, erklärt das Lexikon unter Web-App-Manifest und Zum Startbildschirm hinzufügen.
Woran du gute Vorschauen erkennst
Ein Vorschaubild sollte ohne die Seite verständlich sein, zur Marke passen und den Inhalt nicht falsch versprechen. Titel und Beschreibung sind für das Teilen dieselben wie für das Suchergebnis. Wie Vorschaubilder wirken und was beim Gestalten zählt, beschreibt der Beitrag Vorschaubilder.
Deine Seiten sehen beim Teilen nach nichts aus? Bring zwei Adressen mit in die gratis Sprechstunde, dann sehen wir uns an, welche Angaben fehlen.
- Organisation The Open Graph protocol. ogp.me. Stand laufend. abgerufen am 31.10.2026
- Organisation Title-Links in der Google Suche beeinflussen. Google Search Central. Stand laufend. abgerufen am 31.10.2026
- Organisation short_name (Web-App-Manifest). MDN Web Docs. Stand laufend. abgerufen am 31.10.2026
Häufige Fragen
Was passiert, wenn eine Seite kein Vorschaubild hat?
Das CMS nimmt das Bild des Mandanten, sonst das gemeinsame Bild der Installation. Gibt es keines, entfallen die Bildangaben ganz.
Warum wird das Vorschaubild als PNG eingebunden?
Einige Dienste lesen im Vorschaubild kein WebP. Das CMS erzeugt beide Formate und gibt im Kopf die PNG-Fassung an.
Kann ich den Markennamen im Titel abschalten?
Ja, je Mandant über eine Einstellung. Ohne sie hängt das CMS den Namen nur an, wenn der Titel nicht zu lang wird.
Brauche ich für Vorschaubilder je Seite Python auf dem Server?
Nein. Die Bilder je Seite entstehen in PHP mit GD. Nötig ist eine TrueType-Schrift im Schriftenordner des Pakets.
Woher kommt der Name auf dem Startbildschirm?
Aus dem Kurznamen im Web-App-Manifest des Mandanten. Ist er leer, nimmt das CMS den Namen der Website.
Fragen zu deiner Website?
Ruf an, stell deine Frage in der gratis Sprechstunde oder vereinbare ein Erstgespräch.
Zuletzt geprüft am 03.11.2026, nächste Prüfung spätestens im November 2027. Fehler entdeckt? Schreib uns.
