Page refuses to show preview image in Twitter Card

  • Resolved jdo300

    (@jdo300)


    1 year, 6 months ago

    I am running WordPress with the Yoast SEO plugin to add the needed Twitter and open graph meta tags to my site (www.midstory.org). For the vast majority of the articles published, the Twitter preview cards work flawlessly, but every now and then, we come across one that doesn’t work (meaning the title and text show but with no preview image). One example is this page here:

    https://www.midstory.org/pure-michigan-and-its-indigenous-storytellers/

    I started by following the steps in the Card error, unable to render, or no image: READ THIS FIRST thread, followed by the Twitter Card Troubleshooting Guide and have made the following observations so far:
    1. Checked the URL in Twitter card validator and confirmed that there were no errors.
    2. Meta tags showing properly when viewing the source code from the browser.
    3. curl console command returns proper HTTP header content-type: text/html and 200 server response along with all needed meta tags in the static HTML of the page.
    4. Confirmed that the robots.txt file is not blocking TwitterBot from indexing the page
    5. Confirmed that no duplicates of the Twitter or Open graph meta tags exist in the page HTML.
    6. Ran the ssllabs.com SSL report to look for errors. One item was flagged (DNS CAA). Put in ticket with my hosting provider to followup and also provided links to a working and non-working article to see if there is anything on their end they can do about it. Their response was that the SSL setting does not affect the site’s functionality.
    7. Tried refreshing the website cache but no difference made.
    8. Tried creating a bit.ly URL to make TwitterBot re-crawl the URL but still did not get a preview image to show.
    9. Posted about issue in Twitter Card Developer forum for feedback
    10. Followed the Yoast SEO Plugin’s troubleshooting guide and tried entering the preview image URL directly into the Twitter validator and confirmed that it can reach and download the image directly (meaning Twitter is not blocked from loading the preview image itself).

    I’m not sure where to go from here. Any tips/ suggestions?

    • This topic was modified 1 year, 6 months ago by jdo300.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Jose Varghese

    (@josevarghese)

    Hi @jdo300

    Thanks for using Yoast SEO plugin and reaching out to us.

    I checked the page URL you shared with us via the Twitter Validator tool, and once after that, I tried to share the URL on Twitter. I noticed that the image which is outputted as og:image within your page is showing on Twitter. See the screenshot for your reference: https://ibb.co/mT34K8G

    So if you notice any issues in the future after setting the social title and it’s not showing correctly within the Social media platforms, kindly clear the cache from your theme, plugin, server, CDN like Cloudflare, and browser? If you want to clear the cache from the server, please speak to your host provider. To clear the cache from a browser, use this guide.

    If you notice any social title, description, and image not matching the ones that you added to the Yoast Social Settings, we recommend you to check via the debug tools after clearing the page cache at the plugin and server level:

    We hope this helps you in the right direction.

    Thread Starter jdo300

    (@jdo300)

    Thank you for the feedback. I’m glad that the post randomly started working again but the problem here is that these things keep happening randomly, even when we haven’t made any changes to the posts in question on our site. I did clear the Cache on Friday as part of my troubleshooting steps. Is this what fixed the problem eventually?

    I still have the same problem with another post that I just found today:
    https://www.midstory.org/taking-the-lead-on-lead-in-toledo-ohio/

    When I check the link in the twitter card validator, it doesn’t report any errors just like the previous one.

    I am finding these bad posts simply by going to our twitter feed and scrolling down through the history to find twitter cards that are missing their preview images:
    https://twitter.com/midstory

    The thing that concerns me is that this seems to be happening randomly and I’m not sure what to do to find a permanent solution. What do you think?

    Thread Starter jdo300

    (@jdo300)

    Ok, I tried clearing the cache again on my website today (I use WP Rocket) and after a few minutes, I was able to get the post to show again. Would you happen to know if there are any settings in WP Rocket that could be preventing the images from showing correctly or otherwise interfering with the Yoast plugin? I want to take a more proactive approach to prevent this from happening rather than manually clearing the cache each time when we discover that post is not showing on Twitter.

    Plugin Support Maybellyne

    (@maybellyne)

    If the necessary Open Graph meta tags are generated when you view the page source of a post, the issue is not related to the Yoast SEO plugin. However, if you always have to clear WP Rocket cache before preview image works for Twitter, you may have to speak with WP Rocket support about this especially since it’s random

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Page refuses to show preview image in Twitter Card’ is closed to new replies.