Cannot see thumbnail on my blog link posted on Facebook
I tried using FB developer tools and I see only a ugly gray generic image from my link, not a proper thumbnail.
I don't know how to solve.
https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Flnx.sinapsi.org%2Fwordpress%2F2016%2F10%2F07%2Fdentista-di-coccodrilli%2F
Thumbnail picture exactly what in your og:image, if you don't like it i think that you must change your og:image.
Related
There is a free download template that I liked and installed on my Wordpress site.
This template is the HR Game Pro.
Demo Link: http://demo.themevina.com/hr_gamepro
Download Link: https://www.themevina.com/hr-game-pro/
my website: http://jatekok.cc
This template supports the featured image function, which works perfectly on the demo page but does not show me the featured images.
For posts, I can add a featured image, but it does not appear on my home page (and nowhere else), only a "broken image" icon appears.
enter image description here
Looking at the source code of the "broken image" icon, the link to the image leads to the homepage of my site (jatekok.cc) rather than the driect featured image link.
I can not figure out what that is.
I install the theme on any server, the same problem exists, so the bug is in the HR Game Pro template. Unfortunately I can not contact the Wordpress template developer, so I would like to ask for help. :)
If one of you approached me and would help me, please look at the theme of what's causing the problem. Thank you very much.
I share a articles from this blog on my FB page: http://what-is-your-story.co.za/blog/ - when it contains an image, it shows the image in the preview mode on facebook, but after I post the link, the image disappears. It just shows a white block where the image should be.
When I share an article from the same blog with no image, it still shows a blank thumbnail block where an image would've been (although there is none).
I've tested it with the Facebook Open Graph Object Debugger, and the link looks fine with the image showing up if the article has one and no image/thumb area when there isn't one. But still if I share the articles on Facebook, it shows a blank thumbnail area for all these articles.
The same happens when someone else shares these posts as well.
Some screenshots of what I see in FB Debugger and what is actually posted: screenshots
Website / blog built on: Wordpress V4.4.2 | Gantry 5 framework V5.2.10 with Hydrogen theme
Any ideas on what causes this and how I can fix this?
PS: Sharing to Google+ shows the images just fine. No problem there. It seems to just be Facebook.
I would like to add post's preview image to facebook Open Graph meta tag.
One possible solution is to use data:blog.postImageThumbnailUrl:
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
However, the default post image thumbnail which is created by Blogger is too small (72px × 72px), and it doesn't look really nice when facebook tries to stretch it while creating the post's story based on this image thumbnail (facebook says "all the images referenced by og:image must be at least 200px in both dimensions").
So, the question is:
is there any way to retrieve somehow the image's url from the post's body and insert it into facebook Open Graph meta tag which was mentioned above?
(let's say every post of my blog has image tag inside its body:
http://loveclubhouse.blogspot.com/)
Yes! You can. It's kind of sloppy looking, but functional. Here the og:image property from my blog. As you see it is actually grabbing an image from my Facebook profile:
<meta content='http://sphotos.xx.fbcdn.net/hphotos-ash3/538645_3357819035748_1577184006_2624573_712999292_n.jpg' property='og:image'/>
When you load an image from your photo library in Facebook, you can usually right click on it and select "View Image". When you do that, you'll see the URL to the actual image as it is stored by Facebook. So long as the image is publicly accessible, there won't be any problems.
You can see it in action at my blog if you decide to click Recommend (the current page) or Like (of an individual post). :)
I am not sure why this is happening. But, When i try to post Link Omitted on the company's facebook page, the thumbnails aren't loaded by the facebook. Whereas if I try to post some earlier link from my website, like Link Omitted, all the pics from that page are loaded.
Can someone tell why this happens...Also, sometimes, facebook doesn't load all the images from page.
You rely on how Facebook scrapping your page content which isn't a best way to achieve what you want. The reason you see image for older links is probably caching.
To ensure you have images with posting your content on Facebook you should add og:image OpenGraph meta tags.
For more info on this read OpenGraph documentation and use Facebook Debug tool to check if you have any issues with scrapping and/or all details scrapped correctly.
A client has asked me for the following:
For the featured image on the wordpress add post side we only want the featured image to be shown when we post to social media like Facebook. So the featured image shouldn’t be on the blog anywhere but just shown in meta data on social meta.
I am not too sure how to solve the problem, i have tried hiding it with css and ive looked around online. The reason i ask on here is because i dont know if this is possible. any suggestions?
thanks in advance.
Add it as og:image tag and it will only show up on Facebook: http://ogp.me/