I have implemented AddThis sharing functionality in my Umbraco CMS website.
<meta property="og:title" content="AddThis Tour" />
<meta property="og:description" content="Watch the AddThis Tour video." />
<meta property="og:image" content="http://i2.ytimg.com/vi/1F7DKyFt5pY/default.jpg" />
In their documentation they mentioned if we pass image in meta tage like below it will showing up in share popup. I have puted all meta tags in my pages and tried that but image, description and title are not coming up from meta tags.
http://www.addthis.com/academy/how-to-optimize-facebook-sharing/
Even while in facebook popup window in URL Description, Title and Image are same as that provided in meta tags but in Actual sharing, it is displaying different title and description.
I tried Addtoany sharing tool but in that also not get success same thing happening in that also.
Related
Alright so I have set my meta tags exactly how it says on the facebook developer page, and the scraper even shows the data that will be showed to be correct, but when using the facebook share button on my website http://www.etdigitaldesign.com/, all that it shares is the website url, it doesn't include any of the information from the meta tags, that the scraper says it should. No site name, no description, no image. just the website URL.
This is really confusing to me because the scraper says the share button should be showing the proper info, and I'm using a copy/pasted code snippet from the fb developers page, so I can't see what my error could possibly be...
here is what the scraper shows:image at http://i.imgur.com/zNIyhfg.png since I can't post images yet.
and here's my meta code:
<meta property="og:url" content="http://www.etdigitaldesign.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="ET Digital Design" />
<meta property="og:description" content="Currently doing a grand opening special, making several free websites to get my name out there. Visit the site if you are interested!" />
<meta property="og:image" content="http://www.etdigitaldesign.com/images/etlogobig.png" />
All facebook's examples have self-closing meta tags, so try that and then re-scrape, if that still doesn't work add a fake parameter eg http://example.com/?20 and scape
At the moment the title and image are showing, just not the description. It shows HHTP status 206,which is partial content, but that's not a problem
Just add Facebook like button into my website. After clicking it, a window pop up to let user input comments and with the text content from my website. There is no problem for it after I input correct site URL. However, the photo in the pop up windows is still the default one (like a sun). How do I replace it with the photo of the logo of my website?
Add og tags to your url. Here's the doumentation for the same.
You just have to add some meta-tags:
<meta property="og:title" content="{title}" />
<meta property="og:image" content="{img_url}" />
<meta property="og:description" content="{description}" />
<meta property="og:caption" content="{caption}" />
and so on..
You can also check if the og:tags are read by facebook properly or not in Debugger, just put your url in there and facebook will show you the tags or show errors if any.
I've set up some OG meta data on my site so that when sharing a link, it displays a nice logo which I have created specifically for Facebook (it's square on a nice coloured background so it looks good on the site.)
However with this in place I am now no longer able to choose any other image. I was hoping for the logo to be the default but for the link sharing to still allow me to scroll through thumbnails from the page. Now it just gives me the option for the logo and nothing else.
Is it possible to set both a specific og:image and still have access to the thumbnails functionality on Facebook?
Here is my metadata:
<meta property="og:image" content="http://www.mysitehere.com/images/oglogo2.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
You find your answer here:
How does Facebook Sharer select Images and other metadata when sharing my URL?
Quote: "You just need to add multiple image meta tags in the order you want them to appear in. The user will then be presented with an image selector dialog."
I have a website. When anyone shares a link of my website(manually and not by Graph API), an incorrect image is being displayed rather than the logo of my website. Please tell me how to display the logo correctly. Is there a meta tag or something like that to do that thing...Please help me...
There is a special meta property for displaying the correct image. Some of them are as follows :-
<meta property="og:title" content="Your title" />
<meta property="og:url" content="http://example.com/url?dynamic=0 />
<meta property="og:image" content="http://example.com/your-logo.png" />
You can find every detail at the Open Graph Website
When I paste the URL of a single post page from my site to my FB fan page it shows a default image and not the featured image I selected as the preview image.
When I paste that same URL in FB's debugger page it shows the image that I selected as the featured image as the og:image
How come the image I selected as the featured image doesn't show up as the preview image? How do I fix it so that it does?
Here is a sigle post page from my site:
http://www.cops.com/your-cousins-on-cops/
you can try to use the open graph tags like this:
.....
meta property="og:title" content=""
meta property="og:type" content=""
meta property="og:url" content=""
meta property="og:image" content=""
meta property="og:site_name" content=""
....
instead of these:
...
meta property="http://ogp.me/ns#site_name" content="COPS"
meta property="http://ogp.me/ns#type" content="article"
meta property="http://ogp.me/ns#locale" content="en_US"
...
i think maybe solves the problem?
this is the photo, which the fb scraper showed me: http://www.cops.com/wp-content/uploads/2012/11/The-Reverend-Peytons-Big-Damn-Band.jpg