ERROR: No card found (Card error) - React app website with root level redirect to build subdirectory folder

[divacreative]

Hi,

When I am trying to validate my twitter card code on my website I do get a successful response on the “page fetch” and the “meta tags found”, but get an “ERROR: No card found (Card error)”.

This is on a React app website. Link: https://www.divacreative.com/blog/this-week-in-marcomms-19-10-18

I have tried using the curl command on the page and also for a verbose response on the site. This seems to work fine, however, it does seem to struggle to pull the right HTML back in the terminal screen.

Any ideas? this has been very frustrating and something I thought would be simple to implement. I have read through the troubleshooting guide and am still unsure what the issue could be.

Thank you for all/any help you can give.

Regards.

[andypiper]

I’m not a React App expert, but it seems as though your whole site is basically being loaded via an embedded JS file and rendered later. Unfortunately the cards crawler is unable to execute JavaScript, so the cards tags will never be seen. You’d need to find a way for the tags to be rendered in a static HTML manner to be fetched successfully.

[divacreative]

Hi Andy,

Thank you for your advice. We shall look into the application in order to find a fix for this issue.

Regards.

[system]

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