I used Open Graph protocol for sharing pages via LinkedIn. I've added multiple tags og:image, but when I try to share, in share dialog I have first image from meta tags and 2 another from page content.
Can somebody tell, how to manage multiple images sharing using OG.
Code example:
<meta property="og:url" content="websiteUrl" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Test Title" />
<meta property="og:description" content="How much does culture influence creative thinking?" />
<meta property="og:image" content="http://tamgdeya.ru/photos/norm/1/1_jS37XHMl.jpg" />
<meta property="og:image" content="http://img.brothersoft.com/screenshots/softimage/n/nature_illusion_studio-44987-1300868181.jpeg" />
Share dialog: http://prntscr.com/bcxwi9
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 have joomla 3 and I have problem with Open Graph tags.
I use "Global open Graph" Plugin to make OG tags on my site!
but the tags are static and dont change! (others site have different OG contents on different articles ! ).
problem with OG tags on joomla and telegram.
my codes:
<meta property="og:url" content="http://www.takidea.ir" />
<meta property="og:title" content="مرکز تحقیقات کارآفرین (تک)" />
<meta property="og:site_name" content="مرکز تحقیقات کارآفرین (تک)" />
<meta property="og:type" content="website" />
<meta property="og:description" content="مرکز تحقیقات کارآفرین (تک) ارائه دهنده خدمات مالکیت فکری ، ثبت اختراع ، مالکیت فکری ، دانش بنیانی و ..." />
<meta property="og:locale" content="fa_IR" />
this Tags only works on facebook.
what should I do to have a preview of my contents on "Telegram" ???
sorry for my bad English!
Use #WebPageBot to force update your webpage data in Telegram.
I'm interested in sharing embedded content on social media. My goal is to allow real estate agents to share a slide show of a house they're selling, and to this end I'd really like to be able to embed content rather than linking back to it.
A great example of what I want to do is here, on the authorStream facebook page.
How are they embedding this content? Do they have some deal with facebook?
If you're interested in how they did this, I recommend you use the OpenGraph Debugger and observe the tags they added to their page to make this content visible in this form. Here's a sample:
<meta name="og_site_name" property="og:site_name" content="authorSTREAM" />
<meta property="og:title" content="15 Steps to Prepare for an Interview -Sachin Karpe " />
<meta property="og:description" content="Sachin Karpe shares few steps before you walk for an interview.- authorSTREAM Presentation" />
<meta property="fb:admins" content="632248145" />
<meta property="fb:app_id" content="26672622939" />
<meta property="og:image" content="http://authorstream.s3.amazonaws.com/content/2177074_635379786451345000.jpg" />
<meta property="og:type" content="movie" />
<meta property="og:url" content="http://www.authorstream.com/Presentation/sachinkarpe-2177074-15-steps-prepare-interview-sachin-karpe/" />
<meta property="og:video" content="http://www.authorstream.com/Player.swf?p=2177074_635379786451345000&r=1&pt=3&fb=1&mb=1&nb=1&pl=as&ap=0&c=#dfdfdf&fi=1" />
<meta property="og:video:secure_url" content="https://www.authorstream.com/player.swf?p=2177074_635379786451345000&r=1&pt=3&fb=1&mb=1&nb=1&pl=as&ap=0&c=#dfdfdf&fi=1" />
<meta property="og:video:height" content="402" />
<meta property="og:video:width" content="481" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
Last, you could check the Open Graph Get Started documentation from Facebook
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">
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.