For some reasons the addthis widget on my page is not sharing the latest image - which can be deceiving.
This is the one example of the page - http://www.starbucks.com.sg/menu/beverages/chocolate-black-tea-double-chocolate-green-tea-frappuccino
Any help?
Facebook and many other services use Open Graph meta tags to know which image should be shared, along with the title and description.
Here's some more information on Open Graph tags:
http://support.addthis.com/customer/portal/articles/381222-optimize-facebook-sharing
Since the page you mentioned already has og:title and og:description meta tags, you'll just need to add og:url and og:image.
The Facebook Debugger tool is also a great tool for determining which OG tags Facebook is currently detecting and it can also "rescrape" a page to pick up newly added meta tags.
https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fwww.starbucks.com.sg%2Fmenu%2Fbeverages%2Fchocolate-black-tea-double-chocolate-green-tea-frappuccino
Related
I'm trying to get Facebook to show its image picker tool when a user shares a page that has multiple image choices.
Here's a typical page on the site:
unionsquareevents [dot] com/catering/sourcing/
(I guess I don't have enough rep points yet to post this as a link)
I have multiple og:image meta tags defined. The site runs on https, so I've also included og:image:secure_url meta tags. The images are all > 200px x 200px.
I've read this post, though it was written in 2011:
How does Facebook Sharer select Images and other metadata when sharing my URL? And many others that echo it, though none from recent months / years.
I've run it through Facebook's debugger. There are no errors, all the right meta tags are shown in the 'raw tags we found' section, and all the images are rendering in the og:image field of the '...we constructed the following Open Graph properties' section:
screenshot 1 of FB debugger results
screenshot 2 of FB debugger results
The scraped source shows all the goods as well, plus the og:url tag using https.
I'm starting to wonder if this is just no longer available in 2015? I can't find anything anywhere on their docs site about the image picker.
I have inserted the OG meta tags in my pages and also have provided a simple link to help users share the contents on the Facebook using the
https://www.facebook.com/sharer/sharer.php?u=[the-urlencoded-link-to-my-page]
link. But I have two problems:
When attempting to share the content for the first time, the
Facebook sharer page only displays a preview box which only contains
the name of the site, and makes me use the Facebook's Object
Debugger to
fetch the meta tags. How can I automate this process?
And secondly, while the Object Debugger report says that it has
found the og:url, og:type, og:title, og:locale,
og:image:width, og:image:height, og:image and the
og:description raw tags on the page, but the image doesn't get
displayed in neither the preview box of the page nor on the shared
status. What I have missed? What's wrong?
To make things clear, sharing on google+ works perfectly (the image gets displayed, the title and the descriptions are in place.)
Thanks in advance :)
I have a problem sharing content directly from my website. I am using add this and it keeps pulling the incorrect image, link, meta description and meta title through for shares or else jumbles 2 or 3 of them up together.
A simple example of the incorrect image showing can be found when you share the below links:http://www.matheson.com/news-and-insights/article/matheson-wins-european-law-firm-of-the-year-2015 or
http://www.matheson.com/news-and-insights/article/matheson-appoints-seven-partners.
Please note Facebook and LinkedIn are pulling completely different messages/images when I share, both of which are wrong. How do I resolve this?
To instruct Facebook and many other services what to show in a share or preview on the Newsfeed, you need to specify Open Graph meta tags. I would suggest adding the Open Graph tags (og:image, og:description, og:title, and og:url) to each of your pages.
Here's some more information on Open Graph tags:
http://support.addthis.com/customer/portal/articles/381222-optimize-facebook-sharing
Once you add the Open Graph tags, I'd suggest looking at the Facebook Debugger to see if Facebook is reporting any issues:
https://developers.facebook.com/tools/debug
Matt # AddThis Support
I have a website where news articles get posted through CMS and there is no option to add Facebook META OG tags to <head>. I could only add them manually to <body> but that won't work I assume?
Is there another solution where you can tell Facebook which image should be picked when using like/share buttons?
This depends how you make the share. You can use the FB.Ui to request a "Post to a wall" where you can specify the specifics of what appears on the share.
https://developers.facebook.com/docs/reference/dialogs/feed/
If you are sharing the URL only it will read your meta tags as you state. I have not tried making that image the first within the HTML as this may also make that the default.
you can use this link to debug your meta tags and test your sharing if you are sharing a URL.
https://developers.facebook.com/tools/debug/
I have a Facebook Application with an iframe based canvas that contains a like button (also iframe), in the head of my iframe i've specified the standard meta tags (og:title, og:url, og:site_name) and they seem to work fine (the information is displayed correctly in the profile wall) except for the title.
I've tested various links of the app with the Facebook URL Linter and the ug:title tag is ignored completly.
Have any of you had any trouble with the open graph tags inside facebook applications?
Any ideeas are apreciated, thanks.
I've tried every possible combination and suggestion in adding og meta tags to my page, but none of them worked. When testing URL with facebook URL Linter it always returned default values defined on application admin page. Like it doesn't see og meta tags. And what was more interesting is that when I look the page source, og meta tags existed but haven't been evaluated by facebook or linter.
Now, in my canvas page I defined login/authentication (and depending redirection etc) at the top, before html and og meta tags definition, and that was the main problem.
If you perform FB login redirection/authentication before providing og meta tags,
then FB crawlers/linter will not be able to detect your meta info and will try to auto-fill it.
I'm having the same problem in my app http://apps.facebook.com/tripline It seems that Facebook doesn't process links to pages inside apps the same way as pages they hit directly.
You can see the difference in the URL Linter:
The og:url on the canvas page: http://apps.facebook.com/tripline/trip.php?id=2015071615051003BEE6FBED6F531103 (og:title is ignored, get trip.php instead)
The url to the actual page loaded in the iframe: http://www.tripline.net/api/fbcanvas/trip.php?id=2015071615051003BEE6FBED6F531103#frame-top (og:title correct, but can't link to this because it's not in the frame)
The page on the main site: http://www.tripline.net/trip/The_Boston_Freedom_Trail-2015071615051003BEE6FBED6F531103 (og:title correct, if i can't figure things out, i'm just going to set the og:url on the canvas page to this)
Not really an answer, but at least you know you're not alone or crazy...which is worth something.