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
Related
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.
Just wondering what HTML5 element is shown as the image for a Facebook post which contains a preview of the URL mentioned in the post?
I want to post a link to my website and have my logo appear in the image box of the URL preview...
Hopefully my question makes sense.
You can achieve that by adding Facebook specific OpenGraph meta tags in the header of your webpage.
Here are the meta tags you need to add
<meta property="og:url" content="WEBSITE LINK" />
<meta property="og:type" content="article" />
<meta property="og:title" content="IT WILL APPEAR IN BIG FONTS" />
<meta property="og:description" content="THIS WILL BE SUBTEXT" />
<meta property="og:image" content="LINK OF THE IMAGE" />
you can check out meta tags in details here
Also to verify how it will look and what actually Facebook sees through meta tags you can go to the Open Graph Object Debugger
Example shows what will be seen once you try to share https://images.google.com
Hope this is what you are looking for.
I have this meta tag for an image to pull when the link to an article is posted on FB:
`<meta property="og:image" content="http://crossfit954.com/photos/t-316.jpg"/>`
However its pulling 3 other images not including the t-316.jpg I need. Running it through
the FB debugger says Can't Download Could not retrieve data from URL.
I'm not sure what else I need to get that image to be the thumbnail that posts on FB when I paste the link, any thought?
The debugger has all errors you need!
Use a bigger image to show the thumbnail you want and add the reuqired OGP tags
<meta property="og:title" content="Example" />
<meta property="og:url" content="http://example.com" />
<meta property="og:image" content="http://example.com/example.jpg" />
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
I've a web page and I want to share it in facebook but the image shown is not ok.
In the HTML code of the web I have:
<link href="http://www.example.com/img/logo2.png" rel="image_src" />
In the options to select the image, there are other images, but not logo2.png
I've tried to delete facebook cache with facebook debugger, but the result is the same.
Edit:
If I add ?v=1 to the end the URL when I share it, the logo option is shown. It means that facebook debugger is not deleting the cache.
Also, I want that the logo image be the first option.
Can you help me?
Solved:
<!-- facebook tags -->
<meta property="og:image" content="http://www.example.com/img/logo.png"/>
<meta property="og:url" content="http://example.com">
<meta property="og:title" content="Portfolio | web">
<meta property="og:description" content="Portfolio">
I think that you may be using the wrong tag. I haven't done this in a while, but I believe that it should be a <meta tag with a property="og:image" and then content set to your image. The following (really old) question addresses this issue/conforms to what I remember: How does Facebook Sharer select Images and other metadata when sharing my URL?
Let me know if it works :)