The url is https://beta.opajaap.nl/nl/test-page/?wppa-occur=1&wppa-cover=0&wppa-album=209&wppa-photo=4543
The screenshot of the card validator shows:
Actual tweet shows:
The page source shows:
<!-- WPPA+ Twitter Share data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@OpaJaap_wppa">
<meta name="twitter:creator" content="@OpaJaap_wppa">
<meta name="twitter:title" content="Woonkamer-4">
<meta name="twitter:text:description" content="Zie deze afbeelding op WPPA+ Beta test: Zolder">
<meta name="twitter:image" content="https://beta.opajaap.nl/wp-content/uploads/wppa/45/42.jpg?ver=667">
<!-- WPPA+ End Twitter Share data -->
What do i do wrong?
You’ve done nothing wrong - that card looks fine, and the way the card is displayed in the timeline can sometimes vary. As the validator says, the card “will look a little something like this” - in this case the large image has been displayed alongside the text instead of above or below it. In my case, I just Tweeted the link and it looks the same as in the validator.
Thank you. I will tell my users ( i am the developer of the software that shares the photo ).
Just to be sure: Can you confirm that i can not force the layout of summary_large_image even when:
- The image is large enough ( 1024 x 684 pixels )
- The image is small enough ( 243.618 bytes )
- The meta tag
<meta name="twitter:card" content="summary_large_image"> is on the page
?
