What's the trick with Open Graph tags to get Facebook to let you to choose from a list of thumbnails?
Facebook auto-chooses the first image I output in my og tags and doesn't give me the ability to choose a second (or third, etc) from the post. The "Choose a thumbnail" control is not enabled and says 1 of 1.
When I debug the page using the Facebook debugger, it successfully shows me all the images and doesn't report any errors.
As an example, here are my og tags:
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Page Description">
<meta property="og:type" content="website">
<meta property="og:url" content="http://www.test.com/index.cfm">
<meta property="og:image" content="http://www.test.com/images/og-3.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image" content="http://www.test.com/images/og-4.png">
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
Put <img src="image.jpg" /> in your object page's <body> for each of your images.
Related
I have read quite a number of SO post on the topic however my problem still persists : Facebook sees my meta tags as raw tag found but does not display or include image during the open graph display. This is the Url i am trying to post on facebook :
https://holyunions.com/govt-releases-gh-cent-465-million-for-start-of-one-district-one-factory-project-general-language-en-article-118
And This is my output of my code
<meta property="og:title" content="Govt releases GH¢465 million for start of one-district-one factory project - General :. Twum Barimah" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://holyunions.com/govt-releases-gh-cent-465-million-for-start-of-one-district-one-factory-project-general-language-en-article-118" />
<meta property="og:description" content=""/>
<meta property="fb:app_id" content="532235306919626"/>
<meta property="og:image" content="http://holyunions.com/js/max_john_richeditor/lib/tiny_mce/plugins/openmanager/uploads/images/image_11_04_2017_12_24_02_1491913442-42.png" />
<meta property="og:image:secure_url" content="https://holyunions.com/js/max_john_richeditor/lib/tiny_mce/plugins/openmanager/uploads/images/image_11_04_2017_12_24_02_1491913442-42.png" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="285" />
<meta property="og:site_name" content="Holy Unions : Home of Marriages" />
<meta property="fb:admins" content="100004005747278"/>
The og image properties are well defined however Facebook after displaying them as tags, still does not fetch the image neither does it display the image nor the description in the open graph properties.
How do I display the image that facebook sees as url ?
I am using the currect OG tags:
<meta property="og:title" content="הורים בקריות" />
<meta property="og:description" content="הקבוצה המורחבת שלכם" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://horim04.co.il"/>
<meta property="og:image" content="no_image" />
<meta property="fb:admins" content=""/>
But for more than a month facebook is pulling the wronge OG tags. also when i past my site on facebook debugger.
the link to my site
What I mean by caption is the "KDAVKDAV.COM" below the description.
I want to change it to other words, like, GOOGLE.COM.
When I try to post this url http://kdavkdav.com/2016/01/07/xxxxx/
Facebook fetched meta tag in the <head> tag below to produce info as the pic shows above.
<meta property="og:type" content="website">
<meta property="og:description" content="Description">
<meta property="og:locale" content="en_GB">
<meta property="og:title" content="Coaches Wisdom Telesummit" />
<meta property="og:site_name" content="IMDb" />
<meta property="og:url" content="GOOGLE.COM" />
I know this is possible, because of this video https://www.youtube.com/watch?v=TCcPfPVRVKk from 1:40 minutes and the result stops at 2:46 minutes
Thank you
I use Open Graph tags to share the site. On the desktop does't have problem, but if I use a mobile device is not working properly. Do not take my description and picture. Anyone had any similar problem? How to become equally to both (mobile and desktop) ?
Here is my OG meta tags:
<meta property="og:url" content="http://www.mywebsite.com" />
<meta property="og:site_name" content="MyWebSite" />
<meta property="og:image" content="http://www.mywebsite.com/images/image1.jpg" />
<meta property="og:type" content="website" />
<meta property="og:title" content="My web site" />
<meta property="og:description" content="My description !" />
Try adding ?fbrefresh=ANY_RANDOM_NUMBER after your URL.
Like this :
<meta property="og:url" content="http://www.mywebsite.com?fbrefresh=9999" />
you need to use link for og:url not a meta tag
<link property:"og:url" content="http://www.mywebsite.com?fbrefresh=9999">
I added open graph tags to the following URL to enable video embedding on Facebook: http://store.staging.shoppost.in/Sm0OAdAleEW--6J6AW8brw
This worked up until a few days ago but now the thumbnail on the Facebook post no longer has the play button. Clicking on it now redirects to the URL rather than displaying the embedded Flash video. The puzzling thing is that the Facebook Object Debugger says there are no errors and that video embedding is enabled (as seen here).
Here are the open graph tags I am using:
<meta property="og:title" content="Wow, Look at that!" />
<meta property="og:type" content="product.item" />
<meta property="og:description" content="and now something that you've never seen before in all your days...." />
<meta property="og:image" content="http://media.staging.shoppost.in/physicalitems/0e1a8af7-736f-443e-b5e5-d09830c88f38/art/38213a2d-fe0e-4898-9d0e-80305c6e7230.jpg" />
<meta property="og:site_name" content="Shoppost" />
<meta property="og:video" content="http://store.staging.shoppost.in/ps/Sm0OAdAleEW--6J6AW8brw" />
<meta property="og:video:secure_url" content="https://store.staging.shoppost.in/ps/Sm0OAdAleEW--6J6AW8brw"/>
<meta property="og:url" content="http://store.staging.shoppost.in/Sm0OAdAleEW--6J6AW8brw" />
<meta property="og:locale" content="en_us"/>
<meta property="og:video:height" content="296" />
<meta property="og:video:width" content="526" />
<meta property="og:video:type" content="application/x-shockwave-flash"/>
I have been struggling with this for a while, please let me know if you have any insight. Thanks!