skip to Main Content

I’m trying to setup my site so that it is ready for sharing on Social Media platforms such as Facebook & Telegram. At present, shared links aren’t showing any preview images. I want to make use of these for maximum exposure.

I have the following og tags:

   <meta property="og:image" content="https://voaustralia.com/wp-content/uploads/money.jpg" />
   <meta property="og:image:secure_url" content="https://voaustralia.com/wp-content/uploads/money.jpg" />

what`s the problem?

As far as I am aware the above should be enough for my images to show as previews. I’m even using the Yoast SEO plugin which generates these tags automatically.

Here’s an example page, that I’m not seeing any preview images for: link

2

Answers


  1. Facebook in particular uses a heavy cache on links.

    So if you tried to share a link when the image tag wasn’t setup or was wrong, then new link shares will use this cached data, rather than retry for the preview image.

    You should really use the Facebook testing tool to make sure that you haven’t actually already fixed the issue. I tested your link for example and that shows a preview image: here

    Heres a tool for testing several preview systems / networks at once. It’s a 3rd party tool so it may well still use caching. You’ll have to give it a try and see how useful it proves to be: https://richpreview.com/

    Login or Signup to reply.
  2. Both Telegram and Facebook use OG-mata tags (http://ogp.me) for getting information about your webpage. For example:

    <meta property="og:type" content="website">
    <meta property="og:site_name" content="My site title">
    <meta property="og:title" content="My page title">
    <meta property="og:description" content="My page description">
    <meta property="og:url" content="http://example.com/my-page-url">
    <meta property="og:locale" content="en_US">
    <meta property="og:image" content="http://example.com/myImage.jpg">
    

    Also you should insert "prefix" attribute inside the <html> tag. For example:

    <html prefix="og: http://ogp.me/ns#">
    

    Finally, if you made those changes but still don’t see any changes in Telegram and Facebook, it means that they have cached old versions of your pages. You can use their special tools for cache clearing.

    Telegram Use webpagebot, here you can send your page URL and Telegram will grab your page data again.

    Facebook Go to Open Graph Object Debugger. Here you can type your page URL and click "Fetch new scrape information". Facebook will grab your page data again.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search