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!

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:

1 Like

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