Meta-Tag-Generator

So nutzt du es

1. Füll Titel und Beschreibung, die Adresse der Seite und ein Vorschaubild aus.
2. Prüfe rechts das Suchergebnis und die Linkvorschau, und korrigiere, worauf die Warnungen hinweisen.
3. Kopiere die Tags in den <head> deiner Seite oder lade sie herunter.

Nur ausgefüllte Felder werden zu Tags, und jeder Wert wird maskiert, damit Anführungszeichen und & in deinem Text das HTML nicht kaputt machen.

Die Tags, die zählen

• <title> ist die Überschrift deines Suchergebnisses und des Browser-Tabs. In Ergebnissen werden etwa 60 Zeichen angezeigt.
• <meta name="description"> ist der Ausschnitt darunter, wenn die Suchmaschine findet, dass er zur Seite passt. Ziel sind 70 bis 160 Zeichen.
• <link rel="canonical"> nennt die eine Adresse der Seite, damit Kopien unter anderen Adressen nicht mit ihr konkurrieren.
• Open-Graph-Tags (og:) lesen Slack, LinkedIn, Facebook, iMessage und die meisten Chat-Apps für Linkvorschauen.
• twitter:card bittet X um eine große Bildkarte. Für den Rest greift X auf die Open-Graph-Tags zurück.

Das Vorschaubild

Nutze 1200 × 630 Pixel (1,91:1), PNG oder JPEG, unter 5 MB, unter einer vollständigen https://-Adresse. Relative Pfade wie /og.png funktionieren nicht: Die Dienste, die Vorschauen erstellen, laden das Bild selbst. Halte wichtigen Text von den Rändern fern, da manche Apps auf ein Quadrat zuschneiden.

Häufige Fragen

Spielen Meta-Keywords noch eine Rolle?

Nein. Google ignoriert <meta name="keywords"> seit Jahren, deshalb schreibt der Generator es nicht.

Warum ändert sich meine Linkvorschau nach dem Aktualisieren der Tags nicht?

Dienste cachen Vorschauen, manchmal tagelang. Die meisten haben ein Tool, um die Seite erneut abzurufen, etwa den Post Inspector von LinkedIn und den Sharing Debugger von Facebook.

Wohin kommen die Tags?

In den <head>, vor das schließende </head>. Hat deine Seite schon einen <title> oder eine Beschreibung, ersetze sie, statt eine zweite hinzuzufügen.

Kann ich hier das echte Bild in der Vorschau sehen?

Die Vorschau zeigt den Dateinamen des Bildes statt des Bildes, weil diese Seite nur Bilder von lobsite.com lädt. Veröffentliche deine Seite und prüfe sie in einer Chat-App, um das Original zu sehen.