{"id":1291,"date":"2018-01-23T10:43:33","date_gmt":"2018-01-23T10:43:33","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=1291"},"modified":"2025-02-14T18:57:54","modified_gmt":"2025-02-14T16:57:54","slug":"open-graph","status":"publish","type":"page","link":"https:\/\/test.sitechecker.pro\/de\/open-graph\/","title":{"rendered":"Was sind Open Graph Tags und wie verwendet man sie effizient?"},"content":{"rendered":"<p>Hier ist ein Beispiel, wie strukturierte Information im Link zu einem Artikel in sozialen Netzwerken aussieht<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Facebook Open Graph<\/strong><\/p>\n<p>&nbsp;<\/p>\n<div class=\"content__img-wrap\"><img src=\"http:\/\/test.sitechecker.pro\/wp-content\/uploads\/2018\/01\/facebook-open-graph.png\" alt=\"Facebook open graph example\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<p>&nbsp;<\/p>\n<p><strong>Google+ Open Graph<\/strong><\/p>\n<p>&nbsp;<\/p>\n<div class=\"content__img-wrap\"><img src=\"http:\/\/test.sitechecker.pro\/wp-content\/uploads\/2018\/01\/Google-open-graph.png\" alt=\"Google+ og tags\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<p>&nbsp;<\/p>\n<p>Wir sind uns sicher, dass diese Posts sehr attraktiv aussehen und anklickbar wirken, wobei es nur Links sind, die Nutzer von sozialen Netzwerken mit deren Freunden geteilt haben, indem sie auf deren Timeline oder der Community gepostet wurden.<\/p>\n<p>Aber, was sollen Sie tun, wenn der Code korrekt geschrieben ist, aber w\u00e4hrend andere es auf Facebook teilen, die ausgegebene Information pl\u00f6tzlich nicht mehr korrekt oder veraltet ist? Willkommen bei <a href=\"https:\/\/developers.facebook.com\/docs\/sharing\/webmasters\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook for developers<\/a>. Folgen Sie dem Link und Sie l\u00f6schen den alten Cache der Informationen, die nach immer auf dem sozialen Netzwerk gespeichert sind und flechten Sie einen neuen, sch\u00f6nen Titel und eine Beschreibung ein.<\/p>\n<p>Vielleicht hatten Sie inzwischen eine neue Idee, wie sie das Layout des Auftritts f\u00fcr Ihre Seite verbessern, und Spam (nur ein klein wenig) in Ihren Gruppen und sozialen Netzwerken verbreitet?<\/p>\n<p>&nbsp;<\/p>\n<h2>Wie kann man das OG Layout verbessern<\/h2>\n<p>&nbsp;<\/p>\n<p>Lassen Sie uns herausfinden, wie man das Open Graph Protokoll f\u00fcr Ihre Seite in die Realit\u00e4t umsetzt. Alles ist extrem einfach! Hier folgt, wie der Quellcode des Protokolls aussieht:<\/p>\n<p>&nbsp;<\/p>\n<div class=\"content__img-wrap\"><img src=\"http:\/\/test.sitechecker.pro\/wp-content\/uploads\/2018\/01\/open-graph-protocol.png\" alt=\"Open graph protocol\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<p>&nbsp;<\/p>\n<p>Der Ausschnitt befindet sich im \u201ePage-Code\u201c, in der \u2026 Sektion, aber kann nach den \u201eMain <a href=\"http:\/\/test.sitechecker.pro\/de\/meta-tags\/\" target=\"_blank\" rel=\"noopener noreferrer\">meta tags<\/a>\u201c platziert werden.<br \/>\nLassen Sie uns alle Open Graph Tags und die Bedeutungen der Reihe nach ansehen:<\/p>\n<ul>\n<li><strong>&#8220;og:locale&#8221;<\/strong> &#8211; Zeigt die Lokalit\u00e4t (Sprache Ihrer Seite) an; Sie k\u00f6nnen den Wert \u201ede_DE\u201c als Standard benutzen.<\/li>\n<li><strong>&#8220;og:type&#8221;<\/strong> &#8211; beschreibt den Typ der Seite (Artikel, Nachrichten, Video, Kategorie, etc.); Sie k\u00f6nnen den Standard \u201eArticle\u201c verwenden.<\/li>\n<li><strong>&#8220;og:title&#8221;<\/strong> &#8211; zeigt den Titel ihres Artikels an.<\/li>\n<li><strong>&#8220;og:description&#8221;<\/strong> \u2013 zeigt eine Kurzbeschreibung an, wenn die Linkvorschau generiert wird.<\/li>\n<li><strong>&#8220;og:url&#8221;<\/strong> &#8211; ein Link zu einer Seite der Website.<\/li>\n<li><strong>&#8220;og:image&#8221;<\/strong> &#8211; ein Link zu einem Bild das in einem Post gezeigt wird.&gt;<\/li>\n<li><strong>&#8220;og: site_name&#8221;<\/strong> &#8211; Name der Seite.<\/li>\n<\/ul>\n<p>Die Bedeutung jedes Tags ist darauf ausgelegt, dass Sie ihn nur ausf\u00fcllen und in der Codeseite Ihrer favorisierten Internetressource einbetten m\u00fcssen. Wir m\u00f6chten hinzuf\u00fcgen, dass es sich empfiehlt, bei der Einleitung des Open Graph Protokolls die Buttons \u201eShare\u201c auf sozialen Netzwerken auf den Unterseiten der Website zu installieren. Das macht es einfacher f\u00fcr User, n\u00fctzliche Informationen \u00fcber die Seite mit anderen zu teilen. Zudem macht es die Implementierung von Tasks f\u00fcr <a href=\"http:\/\/test.sitechecker.pro\/de\/\">SEO optimierung<\/a> einfacher, wenn man mit \u201eLikes\u201c arbeitet, die zwar keinen direkten Link-Effekt mit sich bringen aber erlauben, das Indizieren und Reindizieren zu verschnellern, w\u00e4hrend man die Seite bewirbt.<\/p>\n<h2>Open Graph f\u00fcr WordPress, Opencart, Joomla<\/h2>\n<p>F\u00fcr die meisten popul\u00e4ren CMS-Systeme (klicken Sie hier, um zu \u00fcberpr\u00fcfen, <a href=\"http:\/\/test.sitechecker.pro\/de\/what-is-cms\/\">welche CMS Ihre Website wird verwendet<\/a>), gibt es bereits Plug-Ins, die dabei helfen, Open Graphic markup einzupflegen ohne mitwirkende Programmierer zu beeinflussen.<br \/>\nBeispielsweise f\u00fcr WordPress kann dieses SEO Plugin <a href=\"https:\/\/wordpress.org\/plugins\/opengraph\/\" target=\"_blank\" rel=\"noopener noreferrer\">hier<\/a> herunter geladen werden, oder Sie k\u00f6nnen die Erweiterung von Yoast SEO Plugin verwenden, was auch diese Probleme l\u00f6st. F\u00fcr Joomla finden Sie das Plugin unter diesem <a href=\"https:\/\/extensions.joomla.org\/extension\/easy-open-graph\/\" target=\"_blank\" rel=\"noopener noreferrer\">Link<\/a>, und f\u00fcr OpenCart finden Sie es <a href=\"https:\/\/www.opencart.com\/index.php?route=marketplace\/extension\/info&amp;extension_id=12874\" target=\"_blank\" rel=\"noopener noreferrer\">hier<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"Hier ist ein Beispiel, wie strukturierte Information im Link zu einem Artikel in sozialen Netzwerken aussieht &nbsp; Facebook Open Graph &nbsp; &nbsp; Google+ Open Graph &nbsp; &nbsp; Wir sind uns sicher, dass diese Posts sehr attraktiv aussehen und anklickbar wirken, wobei es nur Links sind, die Nutzer von sozialen Netzwerken mit deren Freunden geteilt haben,&#8230;","protected":false},"author":10380808,"featured_media":3349,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-minitools-3.php","meta":[],"categories":[31],"tags":[],"_links":{"self":[{"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/pages\/1291"}],"collection":[{"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/users\/10380808"}],"replies":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/comments?post=1291"}],"version-history":[{"count":0,"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/pages\/1291\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/media\/3349"}],"wp:attachment":[{"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/media?parent=1291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/categories?post=1291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/tags?post=1291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}