Help with Twitter Card implementation


#1

Hi, I am working on implementing Twitter Cards on my company’s website

We have to ensure the images, description works on all platforms ( Twitter, Facebook, Google+ & LinkedIn )

Here is the example of one of the page

with the source code:-

<title>Sales & Operations Planning (S&OP) | Quintiq</title>
<meta name="description" content="With a proven Quintiq S&OP solution that meets your organization's requirements, you can improve performance and customer satisfaction." />
<meta property="og:image" content="http://cdn.quintiq.com/og-images/og-sales-and-operations-planning.jpg" />
<meta property="og:image:width" content="180" />
<meta property="og:image:height" content="100" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@Quintiq" />
<meta name="twitter:creator" content="@Quintiq" />
<meta name="twitter:title" content="Sales & Operations Planning (S&OP)" />
<meta name="twitter:description" content="With a proven Quintiq S&OP solution that meets your organization's requirements, you can improve performance and customer satisfaction." />
<meta name="twitter:image:src" content="http://cdn.quintiq.com/og-images/og-sales-and-operations-planning.jpg" />
<meta name="twitter:image:width" content="600" />
<meta name="twitter:image:height" content="315" />
<meta property="og:title" content="Sales & Operations Planning (S&OP)" />
<meta property="og:description" content="With a proven Quintiq S&OP solution that meets your organization's requirements, you can improve performance and customer satisfaction." />
<meta property="og:url" content="http://www.quintiq.com/solutions/sales-and-operations-planning.html" />
<meta property="og:image" content="http://cdn.quintiq.com/og-images/og-sales-and-operations-planning.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="Quintiq" />
<link rel="canonical" href="http://www.quintiq.com/solutions/sales-and-operations-planning.html" /></code>

It works for all other platforms (so far no clashes), but for Twitter, our card appears without an image, any idea how to fix this?

#2

Hi Quintiq,

View this file: http://cdn.quintiq.com/robots.txt

You need to allow twitter to access these files. More here:

https://dev.twitter.com/docs/cards/troubleshooting#robots