{"id":3759,"date":"2014-05-26T14:26:42","date_gmt":"2014-05-26T12:26:42","guid":{"rendered":"https:\/\/www.webzunder.com\/de\/?p=3759"},"modified":"2022-11-16T21:24:33","modified_gmt":"2022-11-16T20:24:33","slug":"open-graph-facebook","status":"publish","type":"post","link":"https:\/\/www.webzunder.com\/de\/blog\/open-graph-facebook\/","title":{"rendered":"Wie Sie die Darstellung Ihrer Beitr\u00e4ge auf Facebook verbessern k\u00f6nnen"},"content":{"rendered":"<p>Vielleicht haben Sie sich auch schon mal die Frage gestellt: \u201c<b>Warum sieht diese Facebook Nachricht anders aus als meine Eigene?<\/b>\u201d. Die L\u00f6sung hei\u00dft <b>Open Graph<\/b>. Mit Hilfe von Open Graph Informationen werden Ihre Beitr\u00e4ge und Webseiten besser auf Facebook angezeigt. \u00a0Neben Facebook werten auch andere Netzwerke wie z.B. Google, die Open Graph Informationen aus, um Beitr\u00e4ge besser darzustellen.<\/p>\n<p><!--more--><\/p>\n<h2>Open Graph f\u00fcr Facebook<\/h2>\n<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-overflow:visible;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height\" style=\"--awb-bg-size:cover;--awb-margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\">\n<div id=\"attachment_3762\" style=\"width: 503px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" aria-describedby=\"caption-attachment-3762\" class=\"lazyload wp-image-3762 size-full\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27493%27%20height%3D%27174%27%20viewBox%3D%270%200%20493%20174%27%3E%3Crect%20width%3D%27493%27%20height%3D%27174%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.webzunder.com\/wp-content\/uploads\/2014\/05\/ohneOG.png\" alt=\"Beitrag ohne Open Graph\" width=\"493\" height=\"174\" \/><p id=\"caption-attachment-3762\" class=\"wp-caption-text\">Beitrag ohne Open Graph. F\u00e4llt in einem \u00fcberf\u00fcllten Nachrichtenstrom nicht weiter auf.<\/p><\/div>\n<p>Ohne entsprechende Informationen nimmt Facebook die erstbesten Angaben und packt diese in die Beitragsvorschau. Leider kommt dabei in den seltensten F\u00e4llen etwas brauchbares und ansprechendes heraus. <strong>Mit der Nutzung der Open Graph Informationen<\/strong> k\u00f6nnen Sie Facebook bzw. Google+ mitteilen, welcher Titel, welche Beschreibung und welches Bild genutzt werden soll, wenn ein Link zu Ihrer Webseite bzw. ein Beitrag Ihres Blogs geteilt wird. Somit <strong>erscheint die Nachricht wesentlich besser dargestellt im jeweiligen Netzwerk<\/strong>.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height\" style=\"--awb-bg-size:cover;--awb-margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\">\n<div id=\"attachment_3761\" style=\"width: 503px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" aria-describedby=\"caption-attachment-3761\" class=\"lazyload wp-image-3761 size-full\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27493%27%20height%3D%27187%27%20viewBox%3D%270%200%20493%20187%27%3E%3Crect%20width%3D%27493%27%20height%3D%27187%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.webzunder.com\/wp-content\/uploads\/2014\/05\/mitOGTags.png\" alt=\"Beitrag mit Open Graph verbssert- f\u00e4llt leichter ins Auge.\" width=\"493\" height=\"187\" \/><p id=\"caption-attachment-3761\" class=\"wp-caption-text\">Beitrag mit Open Graph verbessert. Sticht leichter aus der Masse heraus.<\/p><\/div>\n<p>Wonach entscheiden Sie, ob Sie einen Link zum Lesen anklicken oder ihn ignorieren? Achten Sie vor allem auf \u00a0einen <b>ansprechenden Titel<\/b>, einer <b>aussagekr\u00e4ftigen Beschreibung<\/b> und<b> ein gro\u00dfes auff\u00e4lliges Beitragsbild<\/b>. Das macht Ihre Beitr\u00e4ge f\u00fcr den potentiellen Leser interessanter. Auf diese Art und Weise k\u00f6nnen Sie mehr Leser auf Ihre Beitr\u00e4ge neugierig machen und damit die Klickrate erh\u00f6hen.<\/p>\n<div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height\" style=\"--awb-bg-size:cover;--awb-margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\">\n<div id=\"attachment_3774\" style=\"width: 383px\" class=\"wp-caption alignleft\"><img decoding=\"async\" aria-describedby=\"caption-attachment-3774\" class=\"lazyload wp-image-3774 size-full\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27373%27%20height%3D%27334%27%20viewBox%3D%270%200%20373%20334%27%3E%3Crect%20width%3D%27373%27%20height%3D%27334%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.webzunder.com\/wp-content\/uploads\/2014\/05\/googleplus.png\" alt=\"Auch Google+ nutzt die Informationen um Beitr\u00e4ge besser darzustellen\" width=\"373\" height=\"334\" \/><p id=\"caption-attachment-3774\" class=\"wp-caption-text\">Auch Google+ nutzt die Informationen um Beitr\u00e4ge besser darzustellen<\/p><\/div>\n<h2>webZunder Plugin f\u00fcr WordPress<\/h2>\n<p>Um den Umgang mit Open Graph zu erleichtern, haben wir ein Plugin f\u00fcr WordPress entwickelt. <strong>Mit Hilfe dieses Plugins k\u00f6nnen Sie Ihre WordPress Webseite bzw. Blog mit Open Graph Informationen\u00a0ausstatten.<\/strong> Sie k\u00f6nnen Standardwerte anlegen oder f\u00fcr jeden Beitrag eigene Angaben definieren.<\/p>\n<p>Wenn Sie das webZunder Open Graph Plugin <strong>in Verbindung mit webZunder<\/strong> nutzen, so \u00fcbernimmt webZunder automatisch die Definition der Open Graph\u00a0Informationen. Somit k\u00f6nnen Sie sich auf das Wesentliche konzentrieren. Auch ohne webZunder ist das Plugin voll funktionsf\u00e4hig. Sie k\u00f6nnen es \u00fcber das <a href=\"https:\/\/wordpress.org\/plugins\/webzunder\/\" target=\"_blank\" rel=\"noopener\">WordPress Plugin Verzeichnis<\/a> herunterladen oder direkt aus Ihrem WordPress heraus installieren.<\/p>\n<p><strong>Welche Erfahrungen haben Sie mit Open Graph gemacht? \u00a0Wir freuen uns auf Ihre Antworten.<\/strong><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vielleicht haben Sie sich auch schon mal die Frage gestellt: \u201cWarum sieht diese Facebook Nachricht anders aus als meine Eigene?\u201d. Die L\u00f6sung hei\u00dft Open Graph. Mit Hilfe von Open Graph Informationen werden Ihre Beitr\u00e4ge und Webseiten besser auf Facebook angezeigt. \u00a0Neben Facebook werten auch andere Netzwerke wie z.B. Google, die Open Graph Informationen aus, um  [&#8230;]<\/p>\n","protected":false},"author":30,"featured_media":7102,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,9,11],"tags":[96,237,247,400],"class_list":["post-3759","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business","category-social-media","category-webzunder","tag-facebook","tag-open-graph","tag-plugin","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.webzunder.com\/de\/wp-json\/wp\/v2\/posts\/3759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webzunder.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webzunder.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webzunder.com\/de\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webzunder.com\/de\/wp-json\/wp\/v2\/comments?post=3759"}],"version-history":[{"count":0,"href":"https:\/\/www.webzunder.com\/de\/wp-json\/wp\/v2\/posts\/3759\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webzunder.com\/de\/wp-json\/wp\/v2\/media\/7102"}],"wp:attachment":[{"href":"https:\/\/www.webzunder.com\/de\/wp-json\/wp\/v2\/media?parent=3759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webzunder.com\/de\/wp-json\/wp\/v2\/categories?post=3759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webzunder.com\/de\/wp-json\/wp\/v2\/tags?post=3759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}