{"id":3881,"date":"2015-06-29T09:55:03","date_gmt":"2015-06-29T07:55:03","guid":{"rendered":"http:\/\/blog.till.de\/?p=3881"},"modified":"2015-06-29T10:03:08","modified_gmt":"2015-06-29T08:03:08","slug":"open-graph-protocol-grafiken-fuer-social-media-posts","status":"publish","type":"post","link":"https:\/\/blog.till.de\/allgemein\/open-graph-protocol-grafiken-fuer-social-media-posts\/","title":{"rendered":"Open Graph protocol – Optimierungen f\u00fcr Social Media Posts"},"content":{"rendered":"

Was ist Open Graph protocol?<\/h2>\n

Wer hat es nicht schon erlebt? Man hat ein tolles, neues Produkt, welches man auf seiner Webseite bewirbt und m\u00f6chte diese Seite \u00fcber diverse soziale Netzwerke<\/strong> verteilen. Man pflegt also die Title- und Description-Tags der Seite, damit diese Angaben ausgelesen werden k\u00f6nnen. Anschlie\u00dfend begibt man sich auf die Portale und gibt die entsprechende URL ein.\u00a0 Dabei stellt man nun leider nicht selten fest, dass keine passende Grafik zur Auswahl steht. In den meisten F\u00e4llen steht immerhin noch das Firmenlogo zur Auswahl, jedoch auch nicht immer. Zur Auswahl stehen meist\u00a0einige kleine Bilder aus dem Men\u00fc oder sonstigen Formatierungen, die nun leider nicht zu der Seite, die beworben werden soll, passen.<\/p>\n

Hier schafft Open Graph protocol<\/strong> Abhilfe! Damit kann eine Grafik angegeben werden, die auch in die Meta-Angaben der Webseite geschrieben wird und somit von den sozialen Netzwerken ausgelesen wird. Dadurch steht die Grafik nun auch zur Auswahl, wenn die Seite geteilt wird. F\u00fcr das CMS Typo3<\/strong> gibt es eine Extension \u00fcber die zus\u00e4tzliche Angaben f\u00fcr jede Seite eingerichtet werden k\u00f6nnen. Die Installation und Nutzung dieser Extension<\/strong> wird im weiteren Verlauf des Blogbeitrags genauer erl\u00e4utert.<\/p>\n

Einbindung von Open Graph protocol<\/h2>\n

Zur Installation der Extension, muss man sich zun\u00e4chst im Typo3-Backend anmelden. Im Anschluss kann im Bereich „Adminwerkzeuge“ der „Erweiterungsmanager“ aufgerufen werden. Im Erweiterungsmanager w\u00e4hlt man die Option „Erweiterungen hinzuf\u00fcgen“ und sucht nach der Erweiterung. In den Ergebnissen sollte nun ein Treffer mit dem Schl\u00fcssel „jh_opengraphprotocol“ auftauchen. Dies ist die gesucht Extension. Mit einem Klick auf das Symbol am Anfang der Zeile kann sie installiert werden.<\/p>\n

\"Open<\/a><\/p>\n

Alternativ kann \u00fcber das Typo3-Extension Repository<\/a> die Extension heruntergeladen und installiert werden.<\/p>\n

Anschlie\u00dfend muss noch das Extension-Template auf der Root-Seite eingebunden werden. Ist dies erledigt, kann die Extension genutzt werden.<\/p>\n

Nutzung von Open Graph protocol<\/h2>\n

Nach der Installation erscheint in den Seiteneigenschaften ein weiterer Reiter „Open Graph protocol“. Hier gibt es weitere Eingabem\u00f6glichkeiten f\u00fcr den Titel, Typ, das Bild und die Beschreibung des Posts.<\/p>\n

\"OpenGraphProtocol<\/a><\/p>\n

Der eingegebene Titel wird beim Teilen der Seite als Titel des Posts ausgegeben. Der Typ ist abh\u00e4ngig von den Inhalten der Seite. Wenn es sich bei der Seite z.B. um einen Newsbeitrag handelt, ist es m\u00f6glich den Typ „article“ einzutragen. Die gesamte Liste mit allen\u00a0 zul\u00e4ssigen Typ-Angaben ist auf der Facebook-Developer Seite<\/a> zu finden. Im Feld Bild sollte eine zum Inhalt passende Grafik ausgew\u00e4hlt werden. Die letzte pflegbare Eigenschaft dieser Liste ist die Beschreibung. Diese ist optional. Es ist m\u00f6glich hier einen kurzen Text zu verfassen, welcher beim Post ausgegeben wird. Ist hier nichts eingetragen, wird die Meta-Description verwendet.<\/p>\n

Wir von TILL.DE helfen Ihnen gerne dabei die Extension in Ihr CMS einzuf\u00fcgen. Sprechen Sie uns einfach darauf an!<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Was ist Open Graph protocol? Wer hat es nicht schon erlebt? Man hat ein tolles, neues Produkt, welches man auf seiner Webseite bewirbt und m\u00f6chte diese Seite \u00fcber diverse soziale Netzwerke verteilen. Man pflegt also die Title- und Description-Tags der Seite, damit diese Angaben ausgelesen werden k\u00f6nnen. Anschlie\u00dfend begibt man sich auf die Portale und… Weiterlesen »Open Graph protocol – Optimierungen f\u00fcr Social Media Posts<\/span><\/a><\/p>\n","protected":false},"author":7,"featured_media":3893,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false,"_ti_tpc_template_sync":false,"_ti_tpc_template_id":"","footnotes":""},"categories":[156,1,127,292],"tags":[105,407],"_links":{"self":[{"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/posts\/3881"}],"collection":[{"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/comments?post=3881"}],"version-history":[{"count":0,"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/posts\/3881\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/media\/3893"}],"wp:attachment":[{"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/media?parent=3881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/categories?post=3881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.till.de\/wp-json\/wp\/v2\/tags?post=3881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}