Twitter Card: No meta tags found error

apps.twitter.com
cards

#1

I have a created a page to implement twitter card. Also, i have added proper meta tags required for twitter card.
But, it doesn’t show the large image.

What i am doing wrong??

Development environment server URL:
http://dev1.royalcaribbean.co.uk/blognew/news/the-royal-caribbean-roundup

Does this page needs approval from twitter?

Note: Live blog environment was in wordpress, now the same data with content is dumped into development envrionment. Live is working fine.

Help Appreciated!


#2

Looks like that page is behind basic HTTP authentication, which would prevent Twitter from parsing it.

What I see:

What Twitter will see (no metadata tags):

    $ curl http://dev1.royalcaribbean.co.uk/blognew/news/the-royal-caribbean-roundup
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
    <title>401 - Unauthorized: Access is denied due to invalid credentials.</title>
    <style type="text/css">
    <!--
    body{margin:0;font-size:.7em;font-family:Verdana, Arial, Helvetica, sans-serif;background:#EEEEEE;}
    fieldset{padding:0 15px 10px 15px;} 
    h1{font-size:2.4em;margin:0;color:#FFF;}
    h2{font-size:1.7em;margin:0;color:#CC0000;} 
    h3{font-size:1.2em;margin:10px 0 0 0;color:#000000;} 
    #header{width:96%;margin:0 0 0 0;padding:6px 2% 6px 2%;font-family:"trebuchet MS", Verdana, sans-serif;color:#FFF;
    background-color:#555555;}
    #content{margin:0 0 0 2%;position:relative;}
    .content-container{background:#FFF;width:96%;margin-top:8px;padding:10px;position:relative;}
    -->
    </style>
    </head>
    <body>
    <div id="header"><h1>Server Error</h1></div>
    <div id="content">
     <div class="content-container"><fieldset>
      <h2>401 - Unauthorized: Access is denied due to invalid credentials.</h2>
      <h3>You do not have permission to view this directory or page using the credentials that you supplied.</h3>
     </fieldset></div>
    </div>
    </body>
    </html>

I don’t advise it, and I don’t know if Twitter will support it, but you could try passing the username and password in the URL to the Twitter Card validator e.g. http://username:password@http://dev1.royalcaribbean.co.uk/foo/bar. Alternatively, relaxing the authentication requirements on that page and image would work :metal:


#3

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.