Unable to render card preview. Sometimes fetches metatags, sometimes not


#1

Hi,

I added open graph and twitter metatags to a page and am testing it with the twitter validator tool. However, on validating, loading takes a long time and eventually i get either:

  • “Unable to render card preview” and nothing in the console below.
  • “Unable to render card preview” and console output saying it succesfully found the metatags and the summary card.
  • Some twitter maintenance page inside the render card preview frame.

When using F12 and looking at the network requests, i see it performing a lot of POSTS to /validate with status 202 and eventually a POST fails with 503 and in the response body: {“errors”:[{“message”:“Over capacity”,“code”:130}]}. Twitter doesnt seem to have any server issues though.

My html looks like this:

<!DOCTYPE html>
<html>
<head prefix="og: http://ogp.me/ns# website: http://ogp.me/ns/website#">
    <title>Some title</title>
    <meta charset="utf-8" />
        <meta name="name" content="Some title">
        <meta name="description" content="lallala description">
        <meta name="image" content="...valid url to an image...">
        <meta name="twitter:card" content="summary">
        <meta name="twitter:url" content="...valid current url....">
        <meta name="twitter:title" content="Some title">
        <meta name="twitter:description" content="lallala description">
        <meta name="twitter:image" content="...valid url to an image...">
        <meta property="og:title" content="Some title">
        <meta property="og:type" content="website">
        <meta property="og:url" content="...valid url current url..">
        <meta property="og:image" content="...valid url to an image...">
        <meta property="og:description" content="lallala description">
        <meta property="article:modified_time" content="1-7-2013 16:41:39">
</head>
<body>
</body>
</html>

I cannot post the real contents of these tags, because they contain some private info. I have checked all the urls etc though and everything is good. It is working for facebook, google+ linkedin etc.

Thanks for the help in advance!


I am getting an ERROR within the card validator... Help! :(
#2

If you’re able to provide a live URL for us to check, that would help - appreciate that you might not want to post the tag content here, but if you can stub something out that would be great. Based on the description of the issue it could be network latency, SSL configuration, etc. My first step towards diagnosis would be to grab your URL using curl -A Twitterbot -v <URL> and checking the output.


#3

Hi,

Thanks for your reply. The card is showing up, but the image isn’t loading.

curl -A Twitterbot -v <URL>, returns the page nicely and the image url also works.

Page url: http://goo.gl/xvRNfl
Image url: http://goo.gl/dJxRyT

ps: The page url will redirect you to another page when opened using a normal browser/user-agent. This is expected behavior. To see the metatags, use twitterbot as user-agent.

Thank you for your help in advance.