{"id":3643,"date":"2022-03-17T10:38:34","date_gmt":"2022-03-17T09:38:34","guid":{"rendered":"https:\/\/www.forty-four.de\/blog\/?p=3643"},"modified":"2022-03-17T10:53:09","modified_gmt":"2022-03-17T09:53:09","slug":"open-graph-tags","status":"publish","type":"post","link":"https:\/\/www.forty-four.de\/blog\/open-graph-tags\/","title":{"rendered":"Open Graph Tags: So erh\u00f6hen Sie die Klickrate Ihrer Linkposts"},"content":{"rendered":"Lesedauer<\/span> 6<\/span> Minuten<\/span><\/span>\n

Wenn Sie Links zu Ihrer Website auf Social Media teilen, dann haben Sie nur ein Ziel: Sie wollen, dass diese Links angeklickt und der Content dahinter wahrgenommen wird. Dieses Ziel erreichen Sie, indem Sie die Open Graph Tags Ihrer Seiten optimieren.<\/p>\n\n\n\n

Mit Open Graph Tags haben Sie die Kontrolle \u00fcber die Vorschau zu Ihrem Content auf Social Media<\/strong>. Doch wie genau funktioniert das und worauf kommt es bei der Umsetzung an? Wir haben das Thema f\u00fcr Sie unter die Lupe genommen …<\/p>\n\n\n\n

Was sind Open Graph Tags?<\/h2>\n\n\n\n

Wenn Sie Inhalte Ihrer Website als Linkpost via Social Media teilen, dann geht es vor allem darum, dass der Link auch angeklickt wird<\/strong>. Deshalb muss er auf die Zielgruppe verlockend und k\u00f6dernd wirken. Daf\u00fcr sorgen die sogenannten Open Graph Tags (auch: Open Graph Meta Tags<\/em> oder og-Tags<\/em>).<\/p>\n\n\n\n

Mit diesen Tags hinterlegen Sie Informationen bzw. Elemente im Quellcode, die beim Teilen auf Social Media ausgespielt werden<\/strong>. Grunds\u00e4tzlich stehen f\u00fcr die Optimierung 3 Elemente zur Verf\u00fcgung: Image, Title und Description<\/strong>. <\/p>\n\n\n\n

Analog zu den Google Snippets<\/a> ist es auch f\u00fcr Social Media wichtig, diesen Teaser zu optimieren. Denn je pr\u00e4ziser die Inhalte, die per Open Graph Tag hinterlegt wurden, zur Zielgruppe passen, desto h\u00f6her ist die Klickrate<\/strong> bei Facebook, LinkedIn und Twitter am Ende. Es lohnt sich also, hier dieselbe Sorgfalt an den Tag zu legen wie bei der Optimierung f\u00fcr Google & Co.<\/p>\n\n\n\n

Die drei relevanten Elemente der Open Graph Tags<\/h2>\n\n\n\n
\"Screenshot
Beispiel der Social-Media-Vorschau eines Blogbeitrags von forty-four.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

01. og:image<\/h3>\n\n\n\n

Zuallererst ben\u00f6tigen Sie ein ansprechendes Bild<\/strong>. Da Social Media stark visuell gepr\u00e4gt sind, ist es wichtig, hier f\u00fcr einen Blickfang zu sorgen. \u00dcberlegen Sie sich also gut, wie Sie Ihr Thema bildlich darstellen<\/strong> k\u00f6nnen, damit es die entsprechende Aufmerksamkeit <\/strong>erh\u00e4lt. <\/p>\n\n\n\n

Zumeist bietet es sich an, zwecks Wiedererkennungswert das Titelbild des Contents zu nutzen. Je nach Social Media wird dieses Titelbild automatisch ausgespielt, ohne, dass Sie etwas daf\u00fcr tun m\u00fcssen. Das hat allerdings auch Nachteile, da das Format nicht immer passt.<\/p>\n\n\n\n

Um ein optimales Ergebnis zu erzielen, m\u00fcssen Sie sich an eine Aufl\u00f6sung von 1200 x 630 Pixel<\/strong>, also ein Format von 1,91:1<\/strong>, halten. Nur so wird das Bild hochaufl\u00f6send und ohne Zuschnitt via Social Media (Facebook, LinkedIn, Twitter) ausgespielt. Es ist also immer sinnvoll, das Bild selbst entsprechend zu definieren.<\/p>\n\n\n\n

02. og:title<\/h3>\n\n\n\n

Der og:title fungiert als Headline <\/strong>f\u00fcr Ihren Linkpost. Dieser Titel wird unmittelbar unterhalb des Bildes <\/strong>gefettet ausgespielt. Wenn Sie sich das Bild als Haken vorstellen, dann muss die Headline die Zielgruppe anschlie\u00dfend an Land ziehen.<\/p>\n\n\n\n

Halten Sie sich dabei m\u00f6glichst kurz. Es gibt zwar keine offizielle Richtlinie daf\u00fcr, wie viele Zeichen tats\u00e4chlich m\u00f6glich sind. Als bestm\u00f6gliche Wahl haben sich aber etwa 50 Zeichen<\/strong> etabliert, da es so keinen unsch\u00f6nen Zeilenumbruch gibt und der og:title sowohl mobil als auch am Desktop gut ausgespielt wird.<\/p>\n\n\n\n

Nutzen Sie also die 50 Zeichen, um pr\u00e4gnant auf den Punkt zu bringen, was die Zielgruppe in diesem Beitrag erwarten kann<\/strong>. Verzichten Sie dabei auf unn\u00f6tige Elemente wie einen angeh\u00e4ngten Brand-Tag (\u2013 forty-four<\/em>). Bei Open Graph Tags verschwendet so etwas nur wertvollen Platz.<\/p>\n\n\n\n

03. og:description<\/h3>\n\n\n\n

Die Description erg\u00e4nzt den Title um zus\u00e4tzliche Informationen<\/strong>. Hier haben Sie die M\u00f6glichkeit, noch etwas genauer auf den Inhalt einzugehen und zus\u00e4tzliche, klickf\u00f6rdernde Anreize zu setzen. <\/p>\n\n\n\n

Auch hier gilt: Halten Sie die Description kurz und knapp<\/strong>. Zwar gibt es keine offizielle Regelung \u00fcber die Zeichenzahl, es hat sich jedoch bew\u00e4hrt, die Description \u00e4hnlich kurz wie den Title zu halten. <\/p>\n\n\n\n

Weitere og-Tags<\/h3>\n\n\n\n

Neben den genannten og-Tags gibt es noch zwei weitere: og:url und og:type. Da sie f\u00fcr die reine Zielgruppen-Ansprache via Social Media aber keine Rolle spielen, sondern eher technischer Natur sind, spielen sie hier keine weitere Rolle. <\/p>\n\n\n\n

Um das Prinzip kurz zu erkl\u00e4ren: Mit og:type kann technisch zus\u00e4tzlich definiert werden, um was f\u00fcr eine Art von Inhalt es sich handelt, also ob es ein Blogbeitrag, ein Artikel oder ein Video ist. Durch og:url wird die Ziel-URL noch einmal klar gelistet. F\u00fcr beide Tags gibt es bestimmte Anwendungsf\u00e4lle, allerdings spielen sie f\u00fcr diesen Beitrag nur eine untergeordnete Rolle.<\/p>\n\n\n\n

Wie bearbeitet man die Open Graph Tags?<\/h2>\n\n\n\n

Grunds\u00e4tzlich gibt es verschiedene M\u00f6glichkeiten<\/strong>, Open Graph Tags sinnvoll zu hinterlegen. Die Wahl der passenden Variante unterscheidet sich je nachdem, welches CMS <\/a>Sie nutzen und ob Sie bestimmte SEO-Plugins <\/a>einsetzen. Fangen wir mit der klassischsten Variante an.<\/p>\n\n\n\n

Direkt im Quellcode<\/h3>\n\n\n\n

Falls Sie kein CMS nutzen oder es keine entsprechende Funktion hat, k\u00f6nnen Sie die Open Graph Meta Tags auf althergebrachte Weise direkt in den Quellcode schreiben<\/strong>. Daf\u00fcr gibt es eine spezielle Syntax, die grunds\u00e4tzlich wie folgt aussieht:<\/p>\n\n\n\n

<meta property=\"og:AAA\" content=\"BBB\" \/><\/pre>\n\n\n\n
Hier m\u00fcssen Sie lediglich das \u201eAAA\u201c durch ein \u201eimage\u201c, \u201etitle\u201c oder \u201edescription\u201c ersetzen. Anschlie\u00dfend ersetzen Sie \u201eBBB\u201c durch den entsprechenden Text oder einen Link zu dem Bild auf Ihrem Server, das ausgespielt werden soll. <\/p>\n\n\n\n
Im CMS hinterlegen<\/h3>\n\n\n\n
Manche Content-Management-Systeme bieten bereits von Haus aus Optionen, um die Open Graph Tags zu hinterlegen<\/strong>. So gibt es z. B. bei TYPO3 <\/a>unter \u201eEdit page properties\u201c eine eigene Registerkarte, \u00fcber die alle n\u00f6tigen Daten ganz bequem hinterlegt werden k\u00f6nnen. <\/p>\n\n\n\n
\"Ein
TYPO3 bietet eine praktische M\u00f6glichkeit, um Open Graph Tags einzupflegen.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n
Plugins nutzen<\/h3>\n\n\n\n
Content-Management-Systeme leben davon, dass man sie durch Plugins <\/strong>ganz einfach erweitern kann. Entsprechend gibt es auch einige leistungsstarke SEO-Plugins<\/a>, die nat\u00fcrlich auch eine Option f\u00fcr Open Graph Tags<\/strong> f\u00fcr z. B. WordPress mitbringen. Besonders beliebt sind Yoast-SEO<\/a> und RankMath<\/a>. <\/p>\n\n\n\n
Hier haben Sie, \u00e4hnlich wie bei TYPO3, nach installieren des Plugins eine Maske, in der Sie die entsprechenden Daten ganz einfach hinterlegen<\/strong> k\u00f6nnen. <\/p>\n\n\n\n
\"Ein
In RankMath k\u00f6nnen Sie die og-Tags ganz bequem einpflegen.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n
Worauf es bei der Erstellung von Open Graph Meta Tags ankommt<\/h2>\n\n\n\n
Neben technischen Besonderheiten gilt es bei Open Graph Tags vor allem auch, bestimmte Reize zu setzen, damit die Zielgruppe den Link anklickt<\/strong>. Damit Sie Ihre og-Tags bestm\u00f6glich pflegen k\u00f6nnen, haben wir f\u00fcr Sie eine Liste mit allen wichtigen Punkten zusammengestellt:<\/p>\n\n\n\n
  1. W\u00e4hlen Sie ein Bild aus<\/strong>, das das Thema widerspiegelt und aufmerksamkeitsstark genug ist, um aufzufallen. Hier bietet sich zwecks Wiedererkennungswert das Titelbild des Beitrags an.<\/li>
  2. Achten Sie auf die empfohlenen Bildma\u00dfe von 1200 x 630<\/strong> (Format von 1,91:1).<\/li>
  3. Verfassen Sie einen Title, der das Thema anteasert<\/strong>. Vermitteln Sie eine klare Vorstellung davon, was im Artikel zu erwarten ist<\/strong>. Bei Bedarf k\u00f6nnen Sie aber auch gewisse Informationen absichtlich weglassen, um Neugier zu schaffen. Achten Sie dabei darauf, nicht in Clickbaiting zu verfallen.<\/li>
  4. Beachten Sie die optimale Zeichenzahl von 50<\/strong> f\u00fcr den og:title. <\/li>
  5. Schreiben Sie eine Description, die den Title um entsprechende Informationen erg\u00e4nzt<\/strong>. Stellen Sie sich die Description als Sub-Headline <\/strong>vor, die das, was die Headline verspricht, genauer ausf\u00fchrt. <\/li>
  6. Achten Sie bei der Description darauf, Sie ebenfalls kurz zu halten. Orientieren Sie sich daf\u00fcr auch an einem Maximum von 50 Zeichen<\/strong>.<\/li>
  7. Machen Sie keine falschen Versprechungen, die der Content nicht einl\u00f6sen kann<\/strong>. Das resultiert zwar wom\u00f6glich in hohen Klickzahlen, hat aber auch ebenso hohe sch\u00e4dliche Absprungraten zur Folge. <\/li>
  8. Evaluieren Sie die Klickzahlen im Verh\u00e4ltnis zu den Impressionen <\/strong>und optimieren Sie die Open Graph Tags.<\/li><\/ol>\n\n\n\n
    Grunds\u00e4tzlich sollten Sie bei der gesamten Erstellung der Open Graph Tags immer die Zielgruppe <\/a>im Blick h<\/strong>aben. Stellen Sie sich bei allem, was Sie an Bildmaterial ausw\u00e4hlen oder Inhalt texten die Frage: Ist das etwas, was die Zielgruppe anspricht?<\/strong> W\u00fcrden Sie, wenn Sie Teil der Zielgruppe w\u00e4ren, diesen Link anklicken?<\/p>\n\n\n\n
    Denn darum geht es im Endeffekt: Sie wollen die Zielgruppe durch die Open Graph Tags dazu bringen, dass sie den Link anklickt<\/strong> und sich den Content dahinter anschaut. Nicht mehr \u2013 aber auch nicht weniger.<\/p>\n\n\n\n
    \n
    Wir unterst\u00fctzen Sie bei der Optimierung Ihrer Open Graph Tags<\/h3>\n\n\n\n
    Sie haben noch offene Fragen zum Thema og-Tags? Dann steht forty-four Multimedia Ihnen gerne mit Rat und Tat zur Seite. Wir helfen Ihnen dabei, dass Ihre Website mehr Klicks via Social Media erh\u00e4lt. Ob Beratung, Empfehlung oder Umsetzung \u2013 wir helfen Ihrer Website auf die Spr\u00fcnge und stehen Ihnen auch \u00fcber das Thema Open Graph Tags hinaus gerne mit Optimierungsvorschl\u00e4gen und Handlungsempfehlungen zur Seite. Sprechen Sie uns einfach an!<\/p>\n\n\n\n
    \n
    jetzt kontaktieren!<\/a><\/div>\n<\/div>\n\n\n\n
    <\/p>\n<\/div><\/div>\n\n\n\n
    <\/p>\n","protected":false},"excerpt":{"rendered":"
    Wie k\u00f6nnen Sie die Klickrate von Linkposts in Social Media effektiv erh\u00f6hen? Die Antwort liefern Open Graph Tags. Damit optimieren Sie die Vorschau und k\u00f6dern Ihre Zielgruppe!<\/p>\n","protected":false},"author":3,"featured_media":3657,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[3,28,23,7],"tags":[],"class_list":["post-3643","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-online-marketing","category-content","category-social-media","category-webseiten"],"_links":{"self":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts\/3643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/comments?post=3643"}],"version-history":[{"count":5,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts\/3643\/revisions"}],"predecessor-version":[{"id":3662,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts\/3643\/revisions\/3662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/media\/3657"}],"wp:attachment":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/media?parent=3643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/categories?post=3643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/tags?post=3643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}