Unable to get Facebook to pick up logo when linked - html

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.

Related

Open Graph tags on my web page work everywhere but not on Facebook

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.

Website link shared on Facebook not displaying thumbnail and title

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.

LinkedIn sharing URL does not show og:image

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...

Facebook share image sharethis

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

How to add a Facebook share button that shares specific image from web page?

I am trying to add a Facebook share button to an interactive page I am working on. On this web page users can manipulate a customizable image by selecting different colors to appear on the image. I'd like to know if there is any way I can add a Facebook share button that shares their finalized image.
The web page is a PHTML file and I have successfully added a plain Facebook share button to the page that just shares a link to the web page.
Thanks in advance!
Update the Open Graph meta tag with the link of your final image and when the user Share the page on Facebook, the final image will be displayed as a thumbnail.
<meta property="og:image" content="http://yoursite.com/images/final.jpg" />