{"id":641,"date":"2013-07-23T20:37:07","date_gmt":"2013-07-24T03:37:07","guid":{"rendered":"http:\/\/hellbach.us\/blog\/?p=641"},"modified":"2022-11-23T22:54:35","modified_gmt":"2022-11-24T06:54:35","slug":"googleplus-opengraph","status":"publish","type":"post","link":"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/","title":{"rendered":"Google+ and openGraph"},"content":{"rendered":"<div class='__iawmlf-post-loop-links' style='display:none;' data-iawmlf-post-links='[{&quot;id&quot;:4717,&quot;href&quot;:&quot;http:\\\/\\\/stackoverflow.com\\\/questions\\\/6536213\\\/are-there-tags-to-specify-the-google-1-story-format-in-google-like-og-meta-for&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20240910003401\\\/https:\\\/\\\/stackoverflow.com\\\/questions\\\/6536213\\\/are-there-tags-to-specify-the-google-1-story-format-in-google-like-og-meta-for&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 16:00:51&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2025-11-19 16:00:51&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4718,&quot;href&quot;:&quot;http:\\\/\\\/schema.org&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20251119122138\\\/https:\\\/\\\/schema.org\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 16:00:52&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2025-11-19 16:00:52&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4719,&quot;href&quot;:&quot;http:\\\/\\\/www.google.com\\\/support\\\/webmasters\\\/bin\\\/answer.py?answer=1211158&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20111206082714\\\/http:\\\/\\\/www.google.com:80\\\/support\\\/webmasters\\\/bin\\\/answer.py?answer=1211158&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 16:00:55&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2025-11-19 16:00:55&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4720,&quot;href&quot;:&quot;http:\\\/\\\/stackoverflow.com\\\/questions\\\/6536213\\\/are-there-tags-to-specify-the-google-1-story-format-in-google-like-og-meta-for#&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20240910003401\\\/https:\\\/\\\/stackoverflow.com\\\/questions\\\/6536213\\\/are-there-tags-to-specify-the-google-1-story-format-in-google-like-og-meta-for&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 16:00:56&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2025-11-19 16:00:56&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4721,&quot;href&quot;:&quot;http:\\\/\\\/stackoverflow.com\\\/questions\\\/6628201\\\/google-1-generated-thumbmail-in-profile\\\/6679700#6679700&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20170323061021\\\/http:\\\/\\\/stackoverflow.com:80\\\/questions\\\/6628201\\\/google-1-generated-thumbmail-in-profile\\\/6679700&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 16:00:57&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2025-11-19 16:00:57&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4722,&quot;href&quot;:&quot;http:\\\/\\\/ogp.me&quot;,&quot;archived_href&quot;:&quot;&quot;,&quot;redirect_href&quot;:&quot;https:\\\/\\\/ogp.me\\\/&quot;,&quot;checks&quot;:[],&quot;broken&quot;:false,&quot;last_checked&quot;:null,&quot;process&quot;:&quot;done&quot;}]'><\/div>\n<h2><a href=\"http:\/\/stackoverflow.com\/questions\/6536213\/are-there-tags-to-specify-the-google-1-story-format-in-google-like-og-meta-for\" target=\"_blank\" rel=\"nofollow noopener\">Are there tags to specify the Google +1 story format in Google+ like og-meta for Facebook?<\/a><\/h2>\n<p>Google uses <a href=\"http:\/\/schema.org\/\" target=\"_blank\" rel=\"nofollow noopener\">schema.org<\/a> microdata to generate rich snippets in search (and in Google+). There&#8217;s a lot written about schema.org and how it relates to Facebook OpenGraph in these two links:<\/p>\n<p>See: <a href=\"http:\/\/www.google.com\/support\/webmasters\/bin\/answer.py?answer=1211158\" target=\"_blank\" rel=\"nofollow noopener\">http:\/\/www.google.com\/support\/webmasters\/bin\/answer.py?answer=1211158<\/a> See: <a href=\"https:\/\/web.archive.org\/web\/20130226144357\/https:\/\/developers.google.com\/+\/plugins\/+1button\/\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/developers.google.com\/+\/plugins\/+1button\/<\/a><\/p>\n<p><strong>Some important bits:<\/strong><\/p>\n<p><strong>+Snippet<\/strong><\/p>\n<p>After +1&#8217;ing a page, the user is given the option to share the page to Google+ via a displayed <strong>Share bubble<\/strong>. This share bubble (along with the resulting Google+ activity post) <strong>includes a preview, or +Snippet<\/strong>, that contains the page title, a brief description of the page, and a thumbnail image. These pieces of data are extracted from the target URL&#8217;s content in one of four ways, listed in order of precedence:<\/p>\n<p><strong>Schema.org microdata (recommended)<\/strong> If the page is annotated with <strong>schema.org<\/strong> microdata, the +Snippet will use the <code>name<\/code>, <code>image<\/code>, and <code>description<\/code> properties found on any schema.org type.<\/p>\n<pre><code>&lt;body itemscope itemtype=\"http:\/\/schema.org\/Product\"&gt;\r\n  &lt;h1 itemprop=\"name\"&gt;Shiny Trinket&lt;\/h1&gt;\r\n  &lt;img itemprop=\"image\" src=\"image-url\"&gt;&lt;\/img&gt;\r\n  &lt;p itemprop=\"description\"&gt;Shiny trinkets are shiny.&lt;\/p&gt;\r\n&lt;\/body&gt;\r\n<\/code><\/pre>\n<p><strong><a href=\"http:\/\/stackoverflow.com\/questions\/6536213\/are-there-tags-to-specify-the-google-1-story-format-in-google-like-og-meta-for#\" target=\"_blank\" rel=\"nofollow noopener\">Open Graph<\/a> protocol<\/strong> If the page contains Open Graph properties for the title, image, and description, then they will be used for the +Snippet.<\/p>\n<pre><code>&lt;meta property=\"og:title\" content=\"...\"\/&gt;\r\n&lt;meta property=\"og:image\" content=\"...\"\/&gt;\r\n&lt;meta property=\"og:description\" content=\"...\"\/&gt;\r\n<\/code><\/pre>\n<p><strong>Meta &#8220;title&#8221; and &#8220;description&#8221; tags<\/strong> If the page&#8217;s element contains and tags, the +Snippet will use their content attributes for the title and description, respectively. For the thumbnail image, the sharebox will attempt to find a suitable image on the page.<\/p>\n<pre><code>&lt;meta name=\"title\" content=\"...\" \/&gt;\r\n&lt;meta name=\"description\" content=\"...\" \/&gt;\r\n<\/code><\/pre>\n<hr \/>\n<p>If I share a link to our webapp (restorm.com) in Google+ then the title, description and image are taken from the respective og: tags (og:title, og:description, og:image). So the title and description are definitely taken from og:title and og:description, and not from the title and description meta tag&#8230;<\/p>\n<hr \/>\n<p>Images that are too small or not square enough will not be included in the +Snippet, even if explicitly referenced using schema.org microdata or Open Graph markup. Specifically, the height must be at least 120px, and if the width is less than 100px, then the aspect ratio must be no greater than 3.0.<\/p>\n<hr \/>\n<p>meta og:image works, secret is to have image large enough. It failed at 140&#215;112 and work when I change to bigger thumbnail 511&#215;364<\/p>\n<hr \/>\n<div>\n<p>Just answered this on another post <a href=\"http:\/\/stackoverflow.com\/questions\/6628201\/google-1-generated-thumbmail-in-profile\/6679700#6679700\" target=\"_blank\" rel=\"nofollow noopener\">Google +1 Generated Thumbmail in Profile<\/a><\/p>\n<p>Looks Like Google+1 has the following data hierarchy:<\/p>\n<ol>\n<li><strong>Open graph tags<\/strong> <a href=\"http:\/\/ogp.me\/\" rel=\"nofollow noopener\" target=\"_blank\">http:\/\/ogp.me\/<\/a> &#8211; seems at the moment the only way to add the thumbnail is to use the og:image tag<\/li>\n<li><strong>Normal meta tags<\/strong> i.e title, description<\/li>\n<li><strong>Page content<\/strong> if there&#8217;s no description set in the above options then the description is taken from the content on the page.<\/li>\n<\/ol>\n<p>Hope this helps.<\/p>\n<\/div>\n<hr \/>\n<div>\n<p>I am working on this, and Google+ wasn&#8217;t picking up my OG tags.<\/p>\n<p>When I put: <code>&lt;body itemscope itemtype=\"http:\/\/schema.org\/Article\"&gt;<\/code> into the HTML it started to pick them up.<\/p>\n<p>Hope this saves someone some time!<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Are there tags to specify the Google +1 story format in Google+ like og-meta for Facebook? Google uses schema.org microdata to generate rich snippets in search (and in Google+). There&#8217;s a lot written about schema.org and how it relates to &hellip; <a href=\"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29,2],"tags":[],"class_list":["post-641","post","type-post","status-publish","format-standard","hentry","category-dev","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Google+ and openGraph - Hellbach blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google+ and openGraph - Hellbach blog\" \/>\n<meta property=\"og:description\" content=\"Are there tags to specify the Google +1 story format in Google+ like og-meta for Facebook? Google uses schema.org microdata to generate rich snippets in search (and in Google+). There&#8217;s a lot written about schema.org and how it relates to &hellip; Continue reading &rarr;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/\" \/>\n<meta property=\"og:site_name\" content=\"Hellbach blog\" \/>\n<meta property=\"article:published_time\" content=\"2013-07-24T03:37:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-24T06:54:35+00:00\" \/>\n<meta name=\"author\" content=\"alex\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"alex\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/\"},\"author\":{\"name\":\"alex\",\"@id\":\"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507\"},\"headline\":\"Google+ and openGraph\",\"datePublished\":\"2013-07-24T03:37:07+00:00\",\"dateModified\":\"2022-11-24T06:54:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/\"},\"wordCount\":478,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507\"},\"articleSection\":[\"Dev\",\"Technology\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/\",\"url\":\"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/\",\"name\":\"Google+ and openGraph - Hellbach blog\",\"isPartOf\":{\"@id\":\"https:\/\/hellbach.us\/blog\/#website\"},\"datePublished\":\"2013-07-24T03:37:07+00:00\",\"dateModified\":\"2022-11-24T06:54:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hellbach.us\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google+ and openGraph\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hellbach.us\/blog\/#website\",\"url\":\"https:\/\/hellbach.us\/blog\/\",\"name\":\"Hellbach blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hellbach.us\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507\",\"name\":\"alex\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hellbach.us\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9868a7f8fd709cd74cf51d978359a3ce66a47a17cd57185a9e1a4774d288e228?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9868a7f8fd709cd74cf51d978359a3ce66a47a17cd57185a9e1a4774d288e228?s=96&d=mm&r=g\",\"caption\":\"alex\"},\"logo\":{\"@id\":\"https:\/\/hellbach.us\/blog\/#\/schema\/person\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Google+ and openGraph - Hellbach blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/","og_locale":"en_US","og_type":"article","og_title":"Google+ and openGraph - Hellbach blog","og_description":"Are there tags to specify the Google +1 story format in Google+ like og-meta for Facebook? Google uses schema.org microdata to generate rich snippets in search (and in Google+). There&#8217;s a lot written about schema.org and how it relates to &hellip; Continue reading &rarr;","og_url":"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/","og_site_name":"Hellbach blog","article_published_time":"2013-07-24T03:37:07+00:00","article_modified_time":"2022-11-24T06:54:35+00:00","author":"alex","twitter_card":"summary_large_image","twitter_misc":{"Written by":"alex","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/#article","isPartOf":{"@id":"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/"},"author":{"name":"alex","@id":"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507"},"headline":"Google+ and openGraph","datePublished":"2013-07-24T03:37:07+00:00","dateModified":"2022-11-24T06:54:35+00:00","mainEntityOfPage":{"@id":"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/"},"wordCount":478,"commentCount":0,"publisher":{"@id":"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507"},"articleSection":["Dev","Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/","url":"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/","name":"Google+ and openGraph - Hellbach blog","isPartOf":{"@id":"https:\/\/hellbach.us\/blog\/#website"},"datePublished":"2013-07-24T03:37:07+00:00","dateModified":"2022-11-24T06:54:35+00:00","breadcrumb":{"@id":"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hellbach.us\/blog\/tech\/googleplus-opengraph\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hellbach.us\/blog\/"},{"@type":"ListItem","position":2,"name":"Google+ and openGraph"}]},{"@type":"WebSite","@id":"https:\/\/hellbach.us\/blog\/#website","url":"https:\/\/hellbach.us\/blog\/","name":"Hellbach blog","description":"","publisher":{"@id":"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hellbach.us\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507","name":"alex","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hellbach.us\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9868a7f8fd709cd74cf51d978359a3ce66a47a17cd57185a9e1a4774d288e228?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9868a7f8fd709cd74cf51d978359a3ce66a47a17cd57185a9e1a4774d288e228?s=96&d=mm&r=g","caption":"alex"},"logo":{"@id":"https:\/\/hellbach.us\/blog\/#\/schema\/person\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/posts\/641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/comments?post=641"}],"version-history":[{"count":0,"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/posts\/641\/revisions"}],"wp:attachment":[{"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/media?parent=641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/categories?post=641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/tags?post=641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}