My images are not displaying when I send a link - wordpress

I use wordpress.org and bluehost. My site url is http://www.midnightmassmusic.com , and everytime I share an article either through text message, or onto fb, it doesn't display an image. I used facebook debugger and it keeps say there's no og description, and it's an invalid content type. How do I fix this? I even added facebook and google to hotlink protection, wondering if that was causing it. It didn't help. I use Yoast, didn't help. Is it possibly my image optimizer (Ewww) plugin interfering? Or are my image files not formatted correctly? Bluehost won't help me because they claim it's Facebook's problem..but it's not. The same error is occuring when sharing through text.

First of all, there is no og:decription tag in your source, so Facebook is right about that. That being said, your og:image is not accessible in public. I get a 403 error when i try to load it in the browser: https://midnightmassmusic.com/wp-content/uploads/2019/01/20181230_1552042-1-e1547951786467.jpg
Btw, your image size would be 600x800, which is not an appropriate aspect ratio for og images. You should use 1200x630 according to the docs.

Related

Facebook does not display my post image and can't fix it via facebook debugger

Every times I post any web page from my website on facebook, I expect its main image to be displayed for better communication rank and this is ok in the preview page, when I'm pasting the post url immediatly as you can realize it from the attached image. but when it's saved, the images goes off as you can see from another attached image.
After searching a while on google in order to know what is wrong with my web page, I realize that the page can be debugged via this tool provided by facebook, but even when I followed all the recommended step, I still face the same issue. (anyone can try it and see the result).
When continuing my research I find that there would be some issues with og:image as facebook debugger shows in the following message:
Inferred Property
The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags. but the truth is that I really don't know what to do exactly to fix this.
Any help will be appreciated.

Linkedin share api not picking up open-graph meta tags

I am sharing an url "https://timesofindia.indiatimes.com/trend-tracking/jaitley-promises-robust-tax-regime-for-investors/articleshow/62741496.cms?utm_source=linkedin.com&utm_medium=social&utm_campaign=TEST-LINKEDIN" via share api, but no image is picked up from the og:image tag (i.e. meta property="og:image" content="https://example.com" ).
But when i am trying to share the same url from linkedin admin page, it is picking up the image. This means that the image follows all the size-standards and other things required by linkedin.
Then why is the share api not picking up image url from the open graph tag.
If you think your share is properly formatted, but it's not working, first thing I would do is head on over to the LinkedIn Post Inspector, which will examine your URL and look for problems.
But, your URL does look right! Are you sharing like this, with proper URL encoding?
https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Ftimesofindia.indiatimes.com%2Ftrend-tracking%2Fjaitley-promises-robust-tax-regime-for-investors%2Farticleshow%2F62741496.cms%3Futm_source%3Dlinkedin.com%26utm_medium%3Dsocial%26utm_campaign%3DTEST-LINKEDIN
Because this link works for me! Take a look:
Sometimes you just need another pair of eyes on the same problem! Hope this helps!

Meta tags appear correct but Facebook sharing is empty (no title, description, or image)

This problem exists for all pages on this site. The meta tags appear correct but whether you use the share link on the site, or try to share direct on FB, the image, title and description are not used.
There must be a legitimate issue as the Sharing Debugger also shows an empty/plain sharing dialog. But the Facebook share debugger isn’t given me any helpful info. It sometimes shows a 302, which I don’t understand as there is no redirect on the site. Refreshing the scrape sometimes shows an error Unknown Image Error, which also doesn’t seem to be a legitimate issue.
Almost always the Facebook share debugger shows a 302 the first time and then follows with other unhelpful errors.
Maybe a DNS issue, weird that it would be site wide.
Example Links:
[http://pikespeakharleyownersgroup.com/group-riding-pphog-405/][1]
[http://pikespeakharleyownersgroup.com/tell-tires-toast/][2]
[http://pikespeakharleyownersgroup.com/30th-annual-high-country-toy-run/][1]
Any and all help is very appreciated.
Try debugging your page URL on below link:
https://developers.facebook.com/tools/debug/
Once you scan your URL, on the link I provided, you will see "Warnings That Should Be Fixed" section. Try resolving warnings mentioned in that section.
Hope this will help you!

Facebook share og:image incorrect. Debugger is picking up the correct image

The past week, Facebook has been getting every article feature image wrong on my site. The og:image is clearly defined, worked fine for the past few months and even the debugger shows the correct image, yet it chooses to use the same incorrect image across all new articles now.
Article
http://www.highwaysindustry.com/causeway-creating-a-competitive-edge/
Facebook Debugger:
https://developers.facebook.com/tools/debug/og/object/
URL: http://www.highwaysindustry.com/causeway-creating-a-competitive-edge/
The meta tag, which clearly provides/defines the correct image Facebook should be using:
<meta property="og:image" content="http://www.highwaysindustry.com/wp-content/uploads/2015/05/Causeway-image-1.jpg" />
When on the debugger, if you Fetch New Scrape Information it will fix the issue. However I am currently having to do this on every single article that is posted. Why it's getting the wrong image in the first place I don't know.
In case someone runs the 'fetch new scrape information', here it is at the moment for that URL provided:
https://www.dropbox.com/s/8t4o9h3o1p9uxhv/debugger-fb.png?dl=0
I am using WordPress and Yoast SEO.
There's a warning. And it's going to take some time to update the latest information but for now you might have to fetch new scrape information yourself.
og:image was not defined, could not be downloaded or was not big enough. Please define a chosen image using the og:image metatag, and use an image that's at least 200x200px and is accessible from Facebook. Image 'http://www.highwaysindustry.com/wp-content/uploads/2015/02/Dorman00001-e1423681471392.jpg' will be used instead.

Linkedin not getting thumbnail image

Everytime i try to share a wordpress post in my Linkedin it doesn´t pick up the imagem in the article. Don´t have any problem doing this on Facebook for example and i think everything in the Open Graph Meta is correct because my source code says:
meta property="og:image" content="http://smartkiss.net/assets/online-ad.jpg"
The dimensions are more than 80 x 150 pixels as Linkedin recommends. Any idea why this might be happening ?
Thanks
One of the possible reason might be that LinkedIn takes image from oEmbed tag as it shown in another topic.
I faced with wrong image choosing by LinkedIn in my WordPress site. I found the problem by discovering URL by LinkedIn post inspector and saw the next information:
Try serving your images in a .png format versus a .jpg format. I know of several people having the exact same issue and this always worked.

Resources