{"id":5105,"date":"2013-05-03T08:21:14","date_gmt":"2013-05-03T06:21:14","guid":{"rendered":"http:\/\/notizblog.org\/?p=5105"},"modified":"2020-03-27T12:53:36","modified_gmt":"2020-03-27T11:53:36","slug":"twittercards-minus-twittercards","status":"publish","type":"post","link":"https:\/\/notiz.blog\/2013\/05\/03\/twittercards-minus-twittercards\/","title":{"rendered":"TwitterCards minus TwitterCards"},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter size-full wp-image-5107\"><a href=\"http:\/\/garfieldminusgarfield.net\/post\/26271055\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"148\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" src=\"https:\/\/notiz.blog\/wp-content\/uploads\/2013\/04\/garfield-minus-garfield.png\" alt=\"Garfield minus Garfield comic\" class=\"wp-image-5107\" srcset=\"https:\/\/notiz.blog\/wp-content\/uploads\/2013\/04\/garfield-minus-garfield.png 500w, https:\/\/notiz.blog\/wp-content\/uploads\/2013\/04\/garfield-minus-garfield-480x142.png 480w\" \/><\/a>\n\t<figcaption> Image from Garfield minus Garfield<\/figcaption>\n<\/figure>\n\n\n\n<p>Ich war nie ein <a href=\"https:\/\/notiz.blog\/2012\/06\/22\/twitter-cards\/\">gro\u00dfer Fan der <em>Twitter Cards<\/em><\/a>, was aber nicht wirklich schlimm ist, da Twitter das <em>Open Graph Protocol<\/em> als vollwertiges Fallback unterst\u00fctzt&#8230; unterst\u00fctzt hat&#8230;<\/p>\n\n\n\n<p>Seit ein paar Wochen scheint den feinen Herren das <em>Open Graph Protocol<\/em> aber nicht mehr auszureichen und meinen Links fehlt der sch\u00f6ne, kleine Teaser \ud83d\ude41<\/p>\n\n\n\n<p>Zum Gl\u00fcck reicht aber ein Meta-Tag um das ganze wieder zum laufen zu bekommen. Twitter unterst\u00fctzt verschiedene Arten von Previews, welche \u00fcber <code>&lt;meta name=\"twitter:card\" content=\"summary\" \/><\/code> festgelegt werden. Neben <code>summary<\/code> (f\u00fcr Texte) gibt es auch noch <code>photo<\/code> f\u00fcr Bilder und <code>player<\/code> f\u00fcr Audio\/Video (die komplette Liste findet ihr <a href=\"https:\/\/developer.twitter.com\/en\/docs\/tweets\/optimize-with-cards\/overview\/abouts-cards\">hier<\/a>). Ich w\u00fcrde euch au\u00dferdem noch den <code>twitter:creator<\/code> empfehlen, mit dem ihr auf den Twitter-Account des Autors hinweisen k\u00f6nnt. F\u00fcr meinen Blog sieht das wie folgt aus:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">meta<\/span> <span class=\"hljs-attr\">name<\/span>=<span class=\"hljs-string\">\"twitter:creator\"<\/span> <span class=\"hljs-attr\">content<\/span>=<span class=\"hljs-string\">\"@pfefferle\"<\/span> \/&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">meta<\/span> <span class=\"hljs-attr\">name<\/span>=<span class=\"hljs-string\">\"twitter:card\"<\/span> <span class=\"hljs-attr\">content<\/span>=<span class=\"hljs-string\">\"summary\"<\/span> \/&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code-Sprache:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Wenn ihr sicher gehen wollt ob ihr alles richtig gemacht habt, k\u00f6nnt ihr eure Seite mit dem <em><a href=\"https:\/\/cards-dev.twitter.com\/validator\">Twitter Card Validator<\/a><\/em> testen.<\/p>\n\n\n\n<p>Den WordPresslern unter euch kann ich au\u00dferdem folgende Plugins empfehlen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\t<li><a href=\"http:\/\/wordpress.org\/extend\/plugins\/opengraph\/\">Open Graph<\/a> &#8211; Keine Settings, kein Know-How, alles vollkommen Idiotensicher.<\/li>\n\t<li><a href=\"https:\/\/github.com\/pfefferle\/twitter-creator\">twitter:creator<\/a> &#8211; Setzt zus\u00e4tzlich die angesprochenen <code>twitter:creator<\/code> und <code>twitter:card<\/code>.<\/li>\n<\/ul>\n\n\n\n<p>&#8230;also viel Spa\u00df beim <em>Twitter Cards<\/em> Boykott ;).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ich war nie ein gro\u00dfer Fan der Twitter Cards, was aber nicht wirklich schlimm ist, da Twitter das Open Graph Protocol als vollwertiges Fallback unterst\u00fctzt&#8230; unterst\u00fctzt hat&#8230; Seit ein paar Wochen scheint den feinen Herren das Open Graph Protocol aber nicht mehr auszureichen und meinen Links fehlt der sch\u00f6ne, kleine Teaser \ud83d\ude41 Zum Gl\u00fcck reicht [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[2],"tags":[5171,710,957,285,983],"class_list":{"0":"post-5105","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-web","7":"tag-fediblog","8":"tag-metadaten","9":"tag-open-graph-protocol","10":"tag-twitter","11":"tag-twitter-cards","12":"h-entry","13":"hentry"},"_links":{"self":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/5105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/comments?post=5105"}],"version-history":[{"count":0,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/posts\/5105\/revisions"}],"wp:attachment":[{"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/media?parent=5105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/categories?post=5105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notiz.blog\/wp-api\/wp\/v2\/tags?post=5105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}