While posting link on company's Facebook page, the photos don't come up - facebook-page

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.

Related

Link preview not shown on any soacial media

I was testing to see how my links appear when it's shared on whatsapp or other social media, I found that it only shows the link, but not the meta description and page/post image etc.
I use the latest wordpress version btw and Yoast SEO plugin.
How to fix it?
Social media takes time to get your updated description and post images and other details that does not effect at a time and yes you can use the Sharing Debugger to see the information that is used when your website content is shared on Facebook, Messenger and other places via this link: https://developers.facebook.com/tools/debug/

Cannot display preview. You can post as is, or try another link

I've seen a lot of other folks posting this question...
Trying to share a link from my WordPress site and comes with a "Cannot display preview. You can post as is, or try another link." Checked OpenGraph settings on Facebook OpenGraph debugger, installed Yoast SEO to edit OG tags, removed OEmbed code, still no dice.
Please let me know what else I can try.

Embed FB page plugin inside Instant Article

May I know how to embed FB page plugin inside Instant Article, I try to search related topics online, but found none. It seems that I can't include any Javascript in Instant Article, thus I can't use the page plugin Js code generated with Facebook developer.
However, I notice that there are users who can embed the FB page plugin to their Instant Article, may I know how they do it?
Note: They are including a "real" FB page plugin, not an image with <a href="...">, the "Like Page" and "Share" are functional...
I am using Wordpress Instant Article plugin, however, I am fine with any custom solution.
Anyone? Please help.

Facebook and Linkedin Share buttons

I have put up facebook and Linkedin share buttons on a page in my website. I have set the fb opengraph tags for that page. I have also set up the meta tags with description i want to share on FB and Linkedin, but when i share the content on facebook i get a wrong url and description shared. Please have a look and give me any ideas where i am wrong.
This is the page
I checked my URL and OG tags in facebook debugger here and it pointed out i had a type error and also a description tag was missing, which is essential. Fixing these, made everything perfect.
For those who want to test their page against both Facebook and LinkedIn...
Facebook Page Debugger
LinkedIn Post Inspector

Changing open graph image tag based on blog post item

I am maintaining a wordpress blog and am familiar with using the og:image meta tag to set the default image that is included when a like button is pressed. What I want to know is if there is a way to make this image dynamic based on the item liked.
I am trying to build it so that the first image in a particular blog post that is liked is what is pushed to the facebook feed post, with the blog's default image only used if there is no image in the post. Does facebook provide any way to do this with the graph api?
I tried writing javascript to change the meta tag on article pages (rather than the homepage) but found out later the crawler does not run javascript, so am now considering implementing the same but server side with PHP. This still would not solve the problem of Likes from the blog homepage, where there are multiple blog items on the page though. Any advice would be greatly appreciated.
Thanks
The only is changing how the meta tags get rendered to the client, in server code or in your layout template. There is no graph api method for this and you can't modify the tags with javascript as their scraper doesn't execute javascript.
Also, the scraper won't keep re-visiting your site so once it access it, it will be cached until you go to the url linter tool manually. so for the home page, you would probably just want the default image.

Resources