Meta-Tag- / Open-Graph-Generator

Ein '<title>'-Tag, eine Meta-Beschreibung, ein selbstreferenzierender kanonischer Link, ein Robots-Tag, der Kern-Open-Graph-Satz (og:type, og:title, og:description, og:url, og:site_name, og:image, og:image:alt, og:locale), der Twitter-Card-Satz (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site), und ein theme-color-Tag, falls Sie eines angegeben haben. Jedes leer gelassene Feld wird einfach aus der Ausgabe weggelassen, statt ein leeres oder fehlerhaftes Tag zu erzeugen.

Die Meta-Beschreibung ist das, was Suchmaschinen möglicherweise als Snippet unter Ihrer Seite in den Suchergebnissen anzeigen; die Open-Graph-Beschreibung (og:description) ist das, was beim Teilen der Seite auf Facebook, LinkedIn oder Ähnlichem erscheint. In der Praxis funktioniert derselbe gut geschriebene Satz oder zwei meist für beides, weshalb dieses Tool Ihr eines Beschreibungsfeld für beide Tags wiederverwendet - aber nichts hindert Sie daran, das eingefügte Snippet danach zu bearbeiten, wenn Sie möchten, dass sie etwas leicht anderes aussagen.

Die Richtlinie von etwa 60 Zeichen spiegelt ungefähr wider, wie viel Text Suchmaschinen typischerweise anzeigen, bevor sie einen Titel in den Suchergebnissen mit Auslassungspunkten abschneiden - es ist keine harte technische Grenze, und ein längerer Titel funktioniert überall sonst trotzdem. Wenn Ihnen die genaue Formulierung in den Suchergebnissen wichtig ist, vermeidet es das Abschneiden, den wichtigen Teil des Titels innerhalb dieser groben Grenze zu halten.

1200×630 Pixel (etwa ein Verhältnis von 1,91:1) ist die am häufigsten empfohlene Größe, da darauf die großformatigen Kartenlayouts von Facebook, LinkedIn und X ausgelegt sind. Kleinere oder anders geformte Bilder werden im Allgemeinen trotzdem angezeigt, aber die Plattform kann sie auf eine Weise zuschneiden, die Sie nicht kontrollieren, sodass ein Bild nahe diesem Verhältnis tendenziell so erscheint wie beabsichtigt.

Nein - das ist nur ein Textgenerator. Er erstellt das Snippet in Ihrem Browser, und nirgendwo wird automatisch etwas veröffentlicht oder geändert. Sie müssen das Ergebnis weiterhin selbst in das echte HTML-'<head>' Ihrer Seite einfügen, oder in die SEO-/Meta-Felder, die Ihr CMS oder Website-Baukasten für diese Seite bereitstellt.

twitter:card wird auf summary_large_image gesetzt, sobald eine Bild-URL angegeben ist, und sonst auf summary - passend dazu, wie Twitters/X's eigene Kartentypen gedacht sind: summary_large_image zeigt ein großes, auffälliges Vorschaubild, während summary eine kleinere Miniaturansicht für Karten ohne starkes Bild ist.

Nein. Jedes eingegebene Feld und das generierte Snippet selbst bleiben vollständig in Ihrem Browser - es wird nie irgendetwas an einen Server hochgeladen.

Das Snippet kommt trotzdem sauber und gültig heraus - jedes leer gelassene Feld (ein Bild, ein Twitter-Handle, eine Themenfarbe usw.) wird einfach aus der Ausgabe weggelassen, statt ein leeres oder fehlerhaftes Tag zu erzeugen. Füllen Sie so viel oder so wenig aus, wie auf Ihre Seite zutrifft.

Ja - die Inhaltstyp-Auswahl deckt website, article, product und profile ab, was den og:type-Wert festlegt, den Plattformen als Kategorisierungshinweis beim Parsen der Seite nutzen (Facebook- und LinkedIn-Crawler lesen ihn; er ist nicht Teil der Twitter-Card-Spezifikation selbst, die stattdessen auf ihr eigenes twitter:card-Tag setzt). Den Typ zu wählen, der wirklich zu Ihrer Seite passt, ist ein kleines, aber echtes Signal darüber, um welche Art von Inhalt es sich handelt.

Ja, wenn Sie das möchten - dieses Tool deckt Meta-Tags, Open-Graph- und Twitter-Card-Tags ab, aber JSON-LD-strukturierte Daten sind ein eigenständiger Mechanismus, den Google für Dinge wie Rich Results und Wissens-Panels liest - etwas, das Open-Graph-Tags nicht bieten. Die Tools Schema-Markup-Generator und KI-Schema-Generator dieser Seite decken das separat ab; eine Seite trägt häufig sowohl dieses Snippet als auch ein JSON-LD-Skript nebeneinander in ihrem '<head>', die jeweils unterschiedliche Aufgaben erfüllen.

Es teilt Plattformen mit, in welcher Sprache und Region sich der Seiteninhalt befindet - ein Code wie en_US oder de_DE - was insbesondere Facebook nutzt, um zu entscheiden, welche lokalisierten Oberflächentexte (wie die Sprache eines „Mehr anzeigen“-Buttons) rund um den geteilten Link angezeigt werden. Dieses Tool setzt standardmäßig en_US; ändern Sie es, wenn Ihre Seite wirklich in einer anderen Sprache ist, und lassen Sie es mit der tatsächlichen Sprache Ihres Inhalts übereinstimmen, für das genaueste Ergebnis.

Für die meisten Seiten ist es einfacher und leichter konsistent zu halten, denselben gut geschriebenen Titel und dieselbe Beschreibung für beides wiederzuverwenden - eine einzige Quelle der Wahrheit statt zweier Texte, die im Laufe der Zeit auseinanderdriften können. Manche Seiten schreiben bewusst prägnantere oder lockerere Bildunterschriften speziell fürs soziale Teilen, was eine legitime Wahl ist - dieses Tool nutzt standardmäßig den einfacheren gemeinsamen Feld-Ansatz, aber nichts hindert Sie daran, die Open-Graph-spezifischen Zeilen im generierten Ergebnis danach zu bearbeiten, wenn Sie möchten, dass sich beide unterscheiden.

Ja - nichts von einem vorherigen Besuch wird gespeichert, sodass es keinen veralteten Zustand zu verwalten gibt. Füllen Sie das Formular einfach erneut mit den aktualisierten Werten aus und kopieren Sie das frische Snippet, wann immer sich Titel, Beschreibung oder Bild Ihrer Seite ändern.