Showing Thumbnail for link in WhatsApp || og:image meta-tag doesn’t work

by

I belive you need to add itemprop to the og:image meta tag, have the image size set to 256x256 and also it would not harm to add the site_name, type and updated_time properties either 🙂

<meta property="og:site_name" content="San Roque 2014 Pollos">
<meta property="og:title" content="San Roque 2014 Pollos" />
<meta property="og:description" content="Programa de fiestas" />
<meta property="og:image" itemprop="image" content="http://pollosweb.wesped.es/programa_pollos/play.png">
<meta property="og:type" content="website" />
<meta property="og:updated_time" content="1440432930" />

You can see these meta tags in action on for example Google Maps.
After you have changed your meta tags, you might need to wait a while for possible caches to update.

You can debug/verify Open Graph meta tags from the Facebook Debugger
If you can see all your tags there, then the sites/apps where your tags are not showing properly might have different requirements for Open Graph tags.

EDIT:
If you are going to specify an image by a HTTP-Secure link, you need to use og:image:secure_url instead of og:image.

EDIT2:
You also need to specify og:type as it is one of the four base required parameters.
<meta property="og:type" content="website" /> should get you in the right direction.

More Related Contents:

  1. Provide an image for WhatsApp link sharing
  2. Sharing link on WhatsApp from mobile website (not application) for Android
  3. Disabling android’s chrome pull-down-to-refresh feature
  4. Parse HTML in Android
  5. Sending message through WhatsApp
  6. HTML5 element on Android
  7. Background image jumps when address bar hides iOS/Android/Mobile Chrome
  8. HTML file input control with capture and accept attributes works wrong?
  9. Contact Bubble EditText
  10. How to change the color of header bar and address bar in newest Chrome version on Lollipop?
  11. Passing data from java class to Web View html
  12. Android WebView err_unknown_url_scheme
  13. Can I make a phone call from HTML on Android?
  14. Enable rear camera with HTML5
  15. Generate bitmap from HTML in Android
  16. What is the fastest way to scrape HTML webpage in Android?
  17. How to force keyboard with numbers in mobile website in Android
  18. Android 4.0.1 breaks WebView HTML 5 local storage?
  19. Android : Html Anchor Link works only once in webview
  20. WebView, add local .CSS file to an HTML page?
  21. Android WebView with an embedded youtube video, full screen button freezes video
  22. Which HTML tags are supported by Android TextView?
  23. Sending html email in android using , etc. – is there really no relatively built-in Intent way?
  24. Set rowSpan or colSpan of a child of a GridLayout programmatically?
  25. Android browser bug? div overflow scrolling
  26. How to open specific contact chat screen in various popular chat/social-networks apps?
  27. Disable Android browser’s input overlays?
  28. How to get whatsapp Contacts from Android Programmatically?
  29. Is there a faster way to decode html characters to a string than Html.fromHtml()?
  30. input field hidden when soft keyboard appears in phonegap

Leave a Comment