While sharing a page on WhatsApp web, the link preview (thumbnail image) was not showing recently. But previously, it was working fine for a single share. Kindly support and please let us know if any further information is required.
This is the meta tag we have used and it worked properly before, <meta property="og:image" content="https://{{domain}}/sites/banner_img_01_0_0.png?v=1657101361">
Please find the screenshot of sample single page sharing,
Did you used the special format of images, which is needed in whatsapp, facebook etc?
Link preview is broken on newer version of whatsapp web. See: https://faq.whatsapp.com/579413796526134/?locale=en_US#:~:text=Sending%20messages%20with%20link%20previews%20from%20WhatsApp%20Web.
Related
This is the first time Ive come across this issue.
I have some content (charts based on php/mysql) that shows in preview mode only but once the post/page is published, it doesn't show a all.
For those charts to work, Im also uploading this into the <head> section
<script src="charts4php/lib/js/jquery.min.js"></script>
<script src="charts4php/lib/js/chartphp.js"></script>
<link rel="stylesheet" href="charts4php/lib/js/chartphp.css">
Here is the page that doesn't show the charts for some reason:
Click here
Now for the charts to show, the only way is to create a new post/page and copy/paste in all the code and hit 'Preview'. Then again, once I hit 'Publish' it just vanishes and need to recreate a new page/post again...
Any help would be appreciated, thanks!
To understand why an article is working in the preview mode and not in the published, it is useful to resort to Google Chrome's Inspector. It provides 2 neat tools:
a console which shows any potential Javascript errors
a network manager which shows which resources are requested, which are found (200) and which are missing (404)
If the preview works and the published article does not there are at least 2 possible reasons:
the template framework you use includes Javascript or CSS that conflicts with what you are trying to show - the charts
the path to the charts' dependencies is wrong.
Very often in Wordpress, using relative paths is not a great idea since the preview and the published version may be on different paths. Try that and see.
I made a post on WordPress, then shared it on a Facebook page. In the past, the shared image would be the large "post" image. But now, for some reason, it's using the thumbnail. Running the url through fb's debugger shows that Open Graph recognizes both og:images, but that neither of them are being used in the share preview. Once posted, it uses the thumbnail.
I checked the meta content in the page head just to double check and sure enough, it looks fine:
<meta property="og:image" content="##">
What's causing this? It's recognized, but not used. What?
I currently facing the same issue, after contacting facebook, it turns out there is an issue in Open Graph in facebook that affects some users.
The Bug has been reported and assigned as "high priority" in Facebook support center - https://developers.facebook.com/bugs/978421888869140/
Be sure to have a look at
https://developers.facebook.com/docs/sharing/best-practices#images
You need at least images of 1200x630 pixels size to be able to get a large preview image.
Furthermore, you should put the larger image first IMHO.
See
https://developers.facebook.com/docs/sharing/webmasters/optimizing#cachingimages
https://developers.facebook.com/docs/sharing/webmasters#images
I have a strange problem and my PM requires me to fix it. None of my colleagues could help me.
I've added a functionality to existing ASP.NET WebForms page. I involves a button to share the link by facebook. But when sharing in someone's profile a strange image of Adobe is appearing:
Undesired Image
It is even more strange that after a few seconds it disappeares. Tried everything - to give a parameter to the facebook URL with images[0], also from the meta tags in the master page. No result. Supposed the facebook may have cached the link, but when I tried from my home PC the result was the same.
Any advice how to remove the adobe pic?
I am facing the issue regarding sharing on Facebook in this link : http://www.voiceamerica.com/channel/247/voiceamerica-business here if i am sharing through like button then og:image is working fine but if i try to share same link with Bookmarks or direct link on Facebook then it is not fetching correct image from og:image tag. its picking random image.
VoiceaMerica
Debug your URL with https://developers.facebook.com/tools/debug/ this will show you if there is something wrong with your tags.
When you browse to sites like youtube, decide, and many others on your iphone's safari, their mobile web show a link to their app on the top of the page with x button to close and status of app (like if it's already installed to have open button instead of install).
This looks pretty standard to many sites. Is there a script of these code that I can copy for my mobile site link to app?
Thanks.
You just need to add this meta tag (with the relevant details filled in accordingly) to the head of the page on your mobile site that you want it to show up on:
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
Apple's Developer site has documentation on it http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html
Note that this is an iOS6+ feature though.