Image not showing up in twitter card validator while facebook does

thomilak · 2017-11-09T09:38:13.412Z

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:

remonterletemps.ign.fr

Remonter le temps

Consultation et impression de données anciennes et actuelles

Capture d’écran 2017-11-09 à 10.36.40.png1048x486 34.3 KB

Capture d’écran 2017-11-09 à 10.37.27.jpg2082x1434 497 KB

andypiper · 2017-11-09T15:15:08.991Z

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.

thomilak · 2017-11-09T16:27:49.636Z

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

andypiper · 2017-11-11T17:14:56.603Z

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

thomilak · 2017-11-13T08:55:10.011Z

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.

system · 2017-11-27T08:55:37.890Z

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