Image not showing up in twitter card validator while facebook does


#1

Image from twitter:image or og:image meta tags is not showing up in twitter card validator while everything is fine in facebook. My image URL is dynamic and is quite long.

Here is my website URL:



#2

I tested this locally:

$ curl -v -A Twitterbot "http://remonterletemps.ign.fr/metaImage\?params\=\[\{\&quot\;style\&quot\;:\&quot\;normal\&quot\;,\&quot\;tilematrixset\&quot\;:\&quot\;PM\&quot\;,\&quot\;format\&quot\;:\&quot\;image/jpeg\&quot\;,\&quot\;Layer\&quot\;:\&quot\;ORTHOIMAGERY.ORTHOPHOTOS\&quot\;,\&quot\;TileMatrix\&quot\;:\&quot\;6\&quot\;,\&quot\;TileCol\&quot\;:\[32\],\&quot\;TileRow\&quot\;:\[31,32\],\&quot\;center\&quot\;:\[163,181\],\&quot\;scaleFactor\&quot\;:1\},\{\&quot\;style\&quot\;:\&quot\;normal\&quot\;,\&quot\;tilematrixset\&quot\;:\&quot\;PM\&quot\;,\&quot\;format\&quot\;:\&quot\;image/jpeg\&quot\;,\&quot\;Layer\&quot\;:\&quot\;GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD\&quot\;,\&quot\;TileMatrix\&quot\;:\&quot\;6\&quot\;,\&quot\;TileCol\&quot\;:\[32\],\&quot\;TileRow\&quot\;:\[31,32\],\&quot\;center\&quot\;:\[163,181\],\&quot\;scaleFactor\&quot\;:1\}\]"
*   Trying 80.75.158.19...
* TCP_NODELAY set
* Connected to remonterletemps.ign.fr (80.75.158.19) port 80 (#0)
> GET /metaImage\?params\=[{\&quot\;style\&quot\;:\&quot\;normal\&quot\;,\&quot\;tilematrixset\&quot\;:\&quot\;PM\&quot\;,\&quot\;format\&quot\;:\&quot\;image/jpeg\&quot\;,\&quot\;Layer\&quot\;:\&quot\;ORTHOIMAGERY.ORTHOPHOTOS\&quot\;,\&quot\;TileMatrix\&quot\;:\&quot\;6\&quot\;,\&quot\;TileCol\&quot\;:[32],\&quot\;TileRow\&quot\;:[31,32],\&quot\;center\&quot\;:[163,181],\&quot\;scaleFactor\&quot\;:1},{\&quot\;style\&quot\;:\&quot\;normal\&quot\;,\&quot\;tilematrixset\&quot\;:\&quot\;PM\&quot\;,\&quot\;format\&quot\;:\&quot\;image/jpeg\&quot\;,\&quot\;Layer\&quot\;:\&quot\;GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD\&quot\;,\&quot\;TileMatrix\&quot\;:\&quot\;6\&quot\;,\&quot\;TileCol\&quot\;:[32],\&quot\;TileRow\&quot\;:[31,32],\&quot\;center\&quot\;:[163,181],\&quot\;scaleFactor\&quot\;:1}] HTTP/1.1
> Host: remonterletemps.ign.fr
> User-Agent: Twitterbot
> Accept: */*
>
* HTTP 1.0, assume close after body
< HTTP/1.0 504 Gateway Time-out
< Cache-Control: no-cache
< Connection: close
< Content-Type: text/html
<
<html><body><h1>504 Gateway Time-out</h1>
The server didn't respond in time.
</body></html>
* Closing connection 0

It looks like the images are not retrievable.


#3

OK, I changed a little bit my application, now I use URI encoded params in my URLs. If you curl my og:image meta tag it is now working:

curl -v -A Twitterbot "https://remonterletemps.ign.fr/metaImage?params=%5B%7B%22style%22:%22normal%22,%22tilematrixset%22:%22PM%22,%22format%22:%22image/jpeg%22,%22Layer%22:%22ORTHOIMAGERY.ORTHOPHOTOS%22,%22TileMatrix%22:%226%22,%22TileCol%22:%5B30,31,32,33,34%5D,%22TileRow%22:%5B29,30,31,32,33,34%5D,%22center%22:%5B675,693%5D,%22scaleFactor%22:1%7D,%7B%22style%22:%22normal%22,%22tilematrixset%22:%22PM%22,%22format%22:%22image/jpeg%22,%22Layer%22:%22GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD%22,%22TileMatrix%22:%226%22,%22TileCol%22:%5B30,31,32,33,34%5D,%22TileRow%22:%5B29,30,31,32,33,34%5D,%22center%22:%5B675,693%5D,%22scaleFactor%22:1%7D%5D"

… But unfortunately, the twitter validator still does not want to show my image


#4

Unfortunately it still shows as a timeout for the cards crawler.


#5

This is precisely the issue here, the card crawler timing out.
The curl command works and takes 7 seconds from my place. It should be OK for the crawler.


#6

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