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
Related
We use the Facebook Share option on a website with newsarticles. The website is build with PHP and uses Smarty. We generate a unique URL (stripped like /news/headline-of-the-article) and have the meta properties defined.
When the owner shares a links with an image that was previously uploaded, everything is fine. When he uploads a news image, inserts it into the article and shares, Facebook takes another pictures, the pictures that it finds first on the source-code. Altho, in the preview-box just before you publish, it shows the correct image. Once placed, it's the wrong one.
The Facebook Debug Tool shows as og:image tag > og:image domain/UserFiles/images/news/standard_14.jpg
But when I look at the RAW tags og:image shows > domain/UserFiles/images/news/bosuil_1.jpg
So the og:image tag does it job and generates the correct URL, but facebook still posts the wrong image. When I force Facebook (manually) to scrape again, it shows everything good and also shares it correct.
I don't get it...
I had the same problem and found these best practices on facebook's developer wiki: https://developers.facebook.com/docs/sharing/best-practices#precaching
Use og:image:width and og:image:height Open Graph tags
Using these tags will specify the image dimensions to the crawler so that it can
render the image immediately without having to asynchronously download
and process it.
After specifying the width and height we have not had a problem with facebook crawling the right picture immediately.
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
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 use Facebook share button to share my article (Title, description and image) on Facebook using Open Graph Meta and other default Meta
And my articles are echoed in post.php page like (mywebsite.com/post.php?id=post_id) which contents differ through post_id.
Well, while sharing a post on fb, facing some problems.
1: fb share doesn't detect the image belonging to the article/current post that is shared. (Thought the image URL in my Open Graph Meta is correct) and after sharing it on Facebook the link doesn’t redirect to the exact URL (mywebsite.com/post.php?id=post_id).
2: the fb share button is in my post.php page which shares different posts but sharing is counted same for all posts.
The FB share button has got an attribute (data-href="url-to-share") which my one is (data-href="<?php echo'post.php?id=post_id';?>").
Anyone know what and where is wrong with my code/URL addressing?
If your meta tags shows correct data then must be fb issue. I faced similar problem before.
Try debug your url in the FB debugger( https://developers.facebook.com/tools/debug/og/object/ ). It helps.
Fb haven't grab your updated data because they have their own time/interval to grab new data from the website(if im not mistaken). Using the debugger u'll see how the share will look like and show missing details if any.
I found sites which are using like button to specific images from galleries and when you like them on facebook they display proper image buth without even using og meta tags???
How they are doing this???
Here is example:
http://www.subotica.com/slike/album-62834-omega-disco-subota-vece/
Try to like any picture and try to debug them on facebook debuger and you will see that there are no meta tags but crawled picture is proper!
They are using the old sharer.php endpoint.
http://www.facebook.com/sharer.php?u=URLENCODED_URL_TO_PHOTO
That endpoint is officially unsupported. For the moment it still works, but it could be removed at any time. You can accomplish something similar using the Feed Dialog or the proper og:meta tags.