Anleitung
- Geben Sie den Seitentitel und eine ein- oder zweisätzige Beschreibung ein.
- Fügen Sie die Canonical-URL hinzu und legen Sie fest, ob Suchmaschinen die Seite indexieren und ihren Links folgen dürfen.
- Geben Sie das Open-Graph-Bild und alle Felder ein, die vom Titel und der Beschreibung abweichen sollen, und wählen Sie einen Twitter-Card-Typ aus.
- Kopieren Sie das generierte HTML oder laden Sie es herunter und fügen Sie es in den <head> Ihrer Seite ein.
So funktioniert es
Der Generator schreibt nur die Tags, die Sie benötigen. Alle Werte werden HTML-escaped (& < > " und ' werden zu Entitäten), sodass ein Titel mit Anführungszeichen oder spitzen Klammern das Markup nicht beschädigen kann.
Funktion der einzelnen Tags: charset gibt dem Browser die Textkodierung an und sollte am Anfang des head stehen; viewport sorgt dafür, dass die Seite auf Smartphones mit der Gerätebreite dargestellt wird; der Titel erscheint in Browser-Tabs und Suchergebnissen; die Meta Description kann als Such-Snippet verwendet werden, ist aber kein Rankingfaktor; der Canonical-Link teilt Suchmaschinen mit, welche URL die maßgebliche Version einer Seite mit Duplikaten ist; robots mit noindex hält eine Seite aus den Suchergebnissen heraus, und nofollow fordert Crawler auf, den Links der Seite nicht zu folgen. Ein robots-Tag funktioniert nur, wenn Crawler die Seite abrufen können. Blockieren Sie sie daher nicht zusätzlich in robots.txt.
Open-Graph-Tags (og:…) steuern Linkvorschauen in vielen sozialen Netzwerken und Chat-Apps. Wenn og:title, og:description oder og:url leer sind, verwendet das Tool stattdessen den Titel, die Beschreibung und die Canonical-URL. Plattformen, die Twitter-Card-Tags auslesen, greifen bei Titel, Beschreibung und Bild auf die Open-Graph-Werte zurück. Deshalb wird nur twitter:card geschrieben.
Beispiele
Blogbeitrag
Titel, Beschreibung, Canonical-URL, ein og:image mit 1200×630 und summary_large_image ergeben etwa zehn Zeilen, die Suchergebnisse und Linkvorschauen abdecken.
Dankeseite aus der Suche heraushalten
Deaktivieren Sie „Indexierung erlauben“, um <meta name="robots" content="noindex, follow"> hinzuzufügen. Die Seite ist für Besucher weiterhin erreichbar, sollte aber nicht in Suchergebnissen erscheinen.
Ein Titel mit Anführungszeichen
Der Titel Ask "Anything" & <Learn> wird als Ask "Anything" & <Learn> geschrieben. Browser zeigen ihn genau wie eingegeben an.
Häufig gestellte Fragen
Hilft das Meta-Keywords-Tag bei der SEO?
Nein. Große Suchmaschinen berücksichtigen Meta Keywords seit vielen Jahren nicht mehr für das Ranking. Deshalb enthält dieser Generator sie nicht.
Benötige ich sowohl Open-Graph- als auch Twitter-Card-Tags?
Zusätzlich zu Open Graph wird meist nur twitter:card benötigt, da Titel, Beschreibung und Bild auf die og:-Werte zurückgreifen.
Wo gehören diese Tags hin?
Im <head>-Element jeder Seite. Verwenden Sie bei Frameworks wie Next.js, WordPress-Themes oder statischen Seitengeneratoren deren Metadateneinstellungen, um dieselben Tags auszugeben.
Sollte jede Seite ein Canonical-Tag haben?
Das ist empfehlenswert, besonders wenn derselbe Inhalt über mehrere URLs erreichbar ist (Tracking-Parameter, Sortieroptionen, http und https). Eine Seite kann auf sich selbst als Canonical verweisen.
Datenschutz
Die Tags werden in Ihrem Browser generiert. Ihre Eingaben werden weder hochgeladen noch gespeichert.