![\"Meta-Tags](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/09\/01-og-tags.jpg\")
Nat\u00fcrlich musst Du diese Meta-Tags nicht von Hand in Deine WordPress-Beitr\u00e4ge einbauen. Das w\u00e4re in WordPress auch nicht sinnvoll m\u00f6glich. Ein Plugin erledigt das bequem und automatisch f\u00fcr Dich. Wir stellen Dir vor, welche M\u00f6glichkeiten Du dabei hast.<\/p>\n
Andere Open-Graph-Funktionen deaktivieren<\/h2>\n
Vorab: Pr\u00fcfe zun\u00e4chst im Quellcode einer beliebigen Beitragsseite Deines Blogs, ob sich dort schon Open-Graph-Tags befinden. Das kann beispielsweise der Fall sein, wenn Dein Theme solche Tags dort einf\u00fcgt oder Du ein SEO-Plugin benutzt.<\/p>\n
Den Quelltext einer Seite siehst Du im Browser, wenn Du die Tastenkombination Strg \u2013 u<\/em> dr\u00fcckst. Mit Strg \u2013 f<\/em> aktiviert Du dann die Suchfunktion und suchst nach \u201eog:title\u201c. Findest Du nichts, sind keine entsprechenden Open-Graph-Tags vorhanden.<\/p>\n Falls Du jedoch Open-Graph-Tags findest, pr\u00fcfe zun\u00e4chst, ob Facebook & Co. beim Teilen der Beitr\u00e4ge \u00dcberschrift, Teaser-Text und Bild korrekt anzeigen. Dazu kopierst Du die URL einer Beitragsseite Deines Blog in die Statuszeile von Facebook (\u201eWas machst Du gerade, \u2026?\u201c) und wartest einen Moment, um zu sehen, welche Daten Facebook von Deinem Blog holt und anzeigt. Achte aber darauf, dass es sich um die URL eines Beitrags handelt, bei dem auch tats\u00e4chlich ein Artikelbild definiert ist.<\/p>\n Jetzt gibt es zwei Varianten:<\/p>\n a) Ist alles in Ordnung, musst Du nicht weiterlesen, denn dann gibt es keinen Handlungsbedarf.<\/p>\n b) Ist die Anzeige in Facebook nicht zufriedenstellend, deaktivierst Du die entsprechende Funktion in Deinem SEO-Plugin. Alternativ suchst Du in Deinem Theme und in den Einstellungen anderer installierter Plugins nach einer entsprechenden Option und deaktivierst diese dort. Denn sonst werden die Meta-Tags doppelt generiert und damit kommt insbesondere Facebook nicht sonderlich gut zurecht – abgesehen davon, dass es nat\u00fcrlich \u00fcberfl\u00fcssig ist, den HTML-Code aufbl\u00e4ht und damit die Ladezeit der Beitr\u00e4ge verl\u00e4ngert.<\/p>\n Im n\u00e4chsten Schritt installierst Du ein Open-Graph-Plugin und konfigurierst es nach individuellen Anforderungen.<\/p>\n Es gibt viele Plugins, die Open-Graph-Tags in Deine Blog-Postings integrieren. Auch SEO-Plugins haben oft eine solche Funktion. Sehr unkompliziert und zielgerichtet ist das Plugin \u201eComplete Open Graph<\/a>\u201c, das sich ausschlie\u00dflich auf diese Aufgabe konzentriert.<\/p>\n Ein sehr viel umfassenderes Plugin ist \u201eFacebook Open Graph, Google+ and Twitter Card Tags<\/a>\u201c.\u00a0Es bietet zahlreiche, individuelle Konfigurationsm\u00f6glichkeiten. Die meisten Anwender brauchen all diese Optionen aber gar nicht. Das Plugin ist komplizierter und verbraucht mehr Ressourcen auf Deinem Webserver.<\/p>\n Deshalb gilt: Wer sein Blog einfach nur schnell f\u00fcr Social-Media-Sharing optimieren will, sollte zun\u00e4chst \u201eComplete Open Graph\u201c ausprobieren. Wer damit auf Probleme bei der Anzeige der Bilder in Facebook st\u00f6\u00dft oder mehr Flexibilit\u00e4t bei den Einstellungen sucht, nutzt stattdessen \u201eFacebook Open Graph, Google+ and Twitter Card Tags\u201d.<\/p>\n In diesem Workshop arbeiten wir zun\u00e4chst mit \u201eComplete Open Graph\u201c und geben abschlie\u00dfend ein paar Tipps zur Konfiguration von \u201eFacebook Open Graph, Google+ and Twitter Card Tags\u201d.<\/p>\n Installiere und aktiviere also zun\u00e4chst das Plugin \u201eComplete Open Graph<\/a>\u201c.<\/p>\n Die Einstellung zu dem Plugin findest Du unter Einstellungen \u2013 Open Graph<\/em>. Relevant ist hier nur die Option Default Image<\/em>. Hier solltest Du n\u00e4mlich ein Bild ausw\u00e4hlen, das in Facebook immer dann angezeigt wird, wenn ein Beitrag kein eigenes Artikelbild hat.<\/p>\n Klicke auf Choose File<\/em>, w\u00e4hle in Deiner WordPress-Mediathek das gew\u00fcnschte Bild aus (oder lade ein neues hoch) und klicke auf Set as Open Graph Image<\/em>. Abschlie\u00dfend w\u00e4hlst Du ganz unten noch \u00c4nderungen \u00fcbernehmen<\/em> aus. Als Bild eignet sich hier beispielsweise ein f\u00fcr Dein Blog-Thema typisches Motiv, in das Du eventuell noch Dein Logo integrierst. Denn auch wenn dieses Bild dann inhaltlich vielleicht nicht ganz zum Thema des Beitrags passt: Geteilte Beitr\u00e4ge fallen in Facebook mit Bild einfach viel st\u00e4rker auf als ohne.<\/p>\n Mit dem Complete Open Graph Plugin siehst Du unter jedem Beitrag zus\u00e4tzliche Eingabefelder. Dort kannst Du \u2013 musst Du aber nicht \u2013 Texte eingeben und ein anderes Bild definieren, die beim Teilen auf der jeweiligen Social-Media-Plattform angezeigt werden sollen. L\u00e4sst Du die Felder leer, nimmt das Plugin automatisch die von WordPress definierten Texte und das Artikelbild. Du erzeugst auf diese Weise oft mehr Aufmerksamkeit f\u00fcr Deine Beitr\u00e4ge, indem Du Titel und Beschreibung werblicher als in Deinem Blog-Beitrag formulierst.<\/p>\n Damit ein Artikelbild aus WordPress bei Facebook \u00fcberhaupt angezeigt wird, muss es eine Mindestgr\u00f6\u00dfe von 200 mal 200 Pixeln haben. Empfehlenswert sind allerdings deutlich gr\u00f6\u00dfere Bilder. H\u00e4ufig wird dabei von Facebook-Experten der Wert 1200 mal 630 Pixel genannt. Aber auch beispielsweise mit 800 mal 600 Pixeln funktioniert es erfahrungsgem\u00e4\u00df problemlos.<\/p>\n Du musst also nicht gleich Deine gesamten Bildergr\u00f6\u00dfen in WordPress \u00e4ndern, damit die Bilder korrekt in Facebook angezeigt werden. Es kann aber sinnvoll sein, das Artikelbild in der h\u00f6heren Aufl\u00f6sung hochzuladen, selbst wenn das eigene Blog-Theme nur kleinere Bilder verwendet. Die Umrechnung nimmt WordPress ohnehin automatisch vor, liefert an Facebook aber die von Dir hochgeladene Originalgr\u00f6\u00dfe aus.<\/p>\n Mit Facebook zu arbeiten, ist nicht selten mit Frust verbunden, weil Dinge nicht so laufen, wie sie sollten oder wie man sich das vorstellt. In diesem Fall ein besonders h\u00e4ufiges Problem:\u00a0Manchmal kommt es vor, dass obwohl das Plugin installiert ist und alle Einstellungen korrekt und die Open-Graph-Meta-Tags im HTML-Code enthalten sind, das Artikelbild beim Teilen eines Beitrags nicht oder nur sporadisch angezeigt wird.<\/p>\n In dem Fall ist der Facebook Sharing Debugger<\/a> ein sehr hilfreiches Tool. Damit kannst Du einerseits erzwingen, dass Facebook die Meta-Daten zu einem Deiner Beitr\u00e4ge erneut abruft \u2013 beispielsweise, wenn Du etwas an den Einstellungen ge\u00e4ndert hast. Du kannst damit vor allem aber auch herausfinden, woher ein Problem kommt, wenn es einfach mal nicht klappen will.<\/p>\n Facebook ruft n\u00e4mlich die Daten zu einem Blog-Beitrag nur einmal ab und speichert diese Informationen dann in einem internen Cache. Auch wenn Du an Deinem Beitrag beispielsweise das Artikelbild \u00e4nderst, wird Facebook daher weiterhin das fr\u00fchere Bild anzeigen.<\/p>\n Um die bei Facebook intern gespeicherten Daten zu \u00e4ndern, gibst Du auf https:\/\/developers.facebook.com\/tools\/debug\/<\/a> einfach die URL des entsprechenden Beitrags ein, klickst auf Fehlerbehebung <\/em>und anschlie\u00dfend auf den Button Erneut scrapen<\/em>.<\/p>\n Ignorieren kannst Du an dieser Stelle \u00fcbrigens die Fehlermeldung \u201eShare App ID Missing\u201c. Das ist eher etwas f\u00fcr Profis und beeintr\u00e4chtigt das korrekte Anzeigen eines geteilten Beitrags nicht. Wenn Du Dich dennoch damit auseinandersetzen willst: Hier gibt\u2019s die Anleitung (auf Englisch), woher Du die verlangte App-ID bekommst: https:\/\/developers.facebook.com\/docs\/apps\/register<\/a><\/p>\n Denke immer dran: Facebook verh\u00e4lt sich oft launisch und Dinge funktionieren einfach nicht, ohne dass Du selbst einen Fehler gemacht hast. In solchen F\u00e4llen hilft oft, einfach eine halbe Stunde zu warten und es dann noch einmal neu zu probieren.<\/p>\n In manchen F\u00e4llen stellt Facebook bei der Nutzung des Plugins \u201eComplete Open Graph\u201c auf stur und zeigt einfach keine Artikelbilder an, obwohl alle Einstellungen korrekt sind. In diesem Fall lohnt sich ein Blick auf das Plugin \u201eFacebook Open Graph, Google+ and Twitter Card Tags<\/a>\u201c. Es ist dem anderen Plugin recht \u00e4hnlich, bietet jedoch viel mehr Konfigurationsm\u00f6glichkeiten und ist deshalb etwas komplexer.<\/p>\n Alle Optionen k\u00f6nnen wir hier nicht ausf\u00fchrlich darstellen. Wichtig sind vor allem zwei Einstellungen, die Du alle unter Einstellungen \u2013 Facebook Open Graph, Google+ and Twitter Card Tags<\/em> findest:<\/p>\n General \u2013 Image Settings \u2013 Default Image:<\/em><\/strong> Das kennst Du schon von dem Plugin \u201eComplete Open Graph\u201c. Hier l\u00e4dst Du ein entsprechendes Standardbild hoch.<\/p>\n Open Graph \u2013 Facebook Open Graph Tags<\/em>:<\/strong> Setze ein H\u00e4kchen bei der Option Include Image Dimensions<\/em>, wenn Facebook Probleme bei der Darstellung des Artikelbildes macht.<\/p>\n Weitere drei Einstellungen solltest Du der Vollst\u00e4ndigkeit halber ebenfalls vornehmen:<\/p>\n![\"Stellt](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/09\/02-einbindungsprobleme.jpg\")
WordPress-Plugins \u201cComplete Open Graph\u201d und \u201eFacebook Open Graph\u201d<\/h2>\n
Complete Open Graph:\u00a0Standard f\u00fcr Artikelbild definieren<\/h2>\n
![\"Standard-Bild,](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/09\/03-standard-bild.jpg\")
Optionen in einzelnen Beitr\u00e4gen anpassen<\/h2>\n
![\"Mit](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/09\/04-og-optionen-artikel.jpg\")
Optimale Bildgr\u00f6\u00dfe f\u00fcrs Artikelbild<\/h2>\n
Fehlersuche: Facebook Sharing Debugger<\/h2>\n
![\"Facebook](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/09\/05-facebook-share-debugger.jpg\")
Facebook Open Graph, Google+ and Twitter Card Tags<\/h2>\n
![\"Komplexer,](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/09\/06-facebook-plugin-02.jpg\")
![\"Wenn](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/09\/07-facebook-shared-posting.jpg\")