I have a website which is needed to be shared on Facebook. The problem is when I shared it on Facebook, the thumbnail and title are not displayed. Only the URL is displayed.
This is the website : https://artechno.usu.ac.id. You can see the source code there. The meta tag is now commented.
I have tested it on Facebook Debugger and it said "Could not resolve the hostname into a valid IP address." and "The 'og:type' property is required, but not present." (I already have a meta tag with og:type property").
Are there any solution? I have search many websites and even a website with no og meta tag can display a thumbnail. There are no effects whether I change the meta tag or not, the result of Facebook Debugger display the same.
Related
I added the open graph tags to my website. I tested it and it was fine. Link's Open Graph is working in Twitter and Linkedln. But when I share it on Facebook it gives 404. I don't understand why it didn't work. It works on other pages.
Link: https://dergipark.org.tr/tr/pub/ankutbd/issue/59752/577277
Facebok Debugger Image: enter image description here
I solved this problem. While platforms other than Facebook look at the direct link, facebook references the og:url meta tag. Once I fixed the broken link, the problem went away.
I have a problem with og:image on sharing post within LinkedIn sharing URL. Here is test post with configured og tags.
LinkedIn takes other og:tags, but not og:image.
I've checked page with the W3 validator. There are some errors, but they seem not really important. I've checked other page with working LinkedIn sharing and there are also similar html errors.
Also have tried to use cropped image, using shchemeless URL (like in this article), add og:prefix to HTML.
Does anybody know how to fix this?
I found your are not including prefix="og: http://ogp.me/ns#" in your root HTML
And your og:image size is not appropriate for universal social media sharing. Its better you give 1600:800 img (2:1) aspect ratio. And the file size below 1mb.
Here is the link of how to give og:images for universal social media
I hope this answer would help you.
Thanks
post inspector can help...
(1) in my LinkedIn profile, on 'Edit Intro' Under Media
(Add or link to external documents, photos, sites, videos, and presentations.) I had added my website but the og:image wasn't being picked... even though I had already followed the advise as per the link in your question but image wasn't being displayed
(2) So after adding prefix="og: http://ogp.me/ns#" in my html tag and changing the "https" to 'http' for my website I tried again, but no luck, even though the Post Inspector was picking it up
(3) I removed the media (from my profile intro) and saved. then added the same website address again and it worked like a charm. This could be because the image was being pulled from the cache (and since it wasn't there, i was getting a blank)... but when i added the media again, it did a fresh pull, which was successfull
Hoping someone else who experienced this issue will be helped with this...
I am still trying to get a thumbnail as preview when sharing this site on facebook:
http://hundeschule-olching.de/
I have added the following code to my header:
<meta property="og:image" content="http://www.bilder-upload.eu/show.php?file=3d2bee-1459359037.jpg" />
I needed to load that image up first, even though it already is posted on facebook, but for some reason facebook does not accept its own links.
This would be the original facebook link:
https://www.facebook.com/202405526459834/photos/pb.202405526459834.-2207520000.1459358633./1184106678289709/?type=3&theater
It was already showing me the correct image in the debug tool from facebook, but when i tried to post the link in facebook, a completely different image was shown..(pick option).
After running the debugger again the image that was fetched correctly a few minutes before was gone and it told me there will be a selection shown to pick from.
So I tried to fetch the image from the Data folder on the server going like this:
<meta property="og:image" content="Data/chak.jpg" />
did not work as well.
Please help me I'm going crazy about this problem.
http://www.bilder-upload.eu/show.php?file=3d2bee-1459359037.jpg does not deliver an image, but an HTML document – at least for me. It is probably some sort of hotlinking protection of that upload service at work. You should test this with an image on a server you have control over, to avoid such problems.
And you need to use an absolute URL – a relative one like Data/chak.jpg won’t work either.
In my site I add sharethis plugin to share pages
My problem is to manage the image in sharing page, and seems that facebook take the first image and not my image.
this is my page
http://www.netafim.com/testimonial/netafim-customers-video-testimonial---uvs-south-africa
In this page i have this meta tag
<meta property="og:image" content="http://www.netafim.com/Data/Uploads/South Africa_sugarcane_share.png"/>
this is my image in the meta tag
But when sharing i see another image
[]
Why and how can i manage my sharing image?
thanks
FIX: Rename the image filename without any whitespace characters(ie. space in filename)
So far, all it could scrape is just the title and description of it. And since it can't scrape the image(due to the space in the image filename), it has fallen back to the default image for your website, which is
Hope this helps. :)
After fixing the name I can't see the image on the dialog page.
When I Share the page I see the image from the og:image tag.
But on the Dialog sometime the image exists and sometimes not.
some time its like this with no image
and some times with the image
On the debugging page when click on the "see this in the share dialog" its seems good as expected
but when click from the site
i got "thin" version with no image. what can be the reason for the differant
I'm unable to get Facebook or Google+ to pick up my site's logo when I try to link the URL. The site is: -url removed-
The logo is the only image linked to on the site that isn't a background image. Any suggestions on why?
According to the Debug Tool your page (http://domain.com) has an og:url tag pointing to http://www.domain.com which itself has an og:url tag pointing to http://www.www.domain.com which according to a quick check in CURL doesn't have the appropriate meta tags.