Discord/Slack page embeds not working

Hello - I am trying to add some meta tags to my Next page so that the metadata is collected by Discord when I link my website. I'm following the instructions from here: https://stackoverflow.com/questions/54266598/meta-tags-for-url-with-description-and-image-in-skype-discord, and have added the tags to a Head component in the image below (hardcoded to test functionality). These tags are visible when inspecting the elements on the production site (in my browser at https://playbook-sand.vercel.app/play/cleihuzk30005cxcizs743oim), but for some reason they're not appearing as a Discord embed. I do not believe caching is the issue as I've tried adding random strings to my URL to force a refresh from Discord. Does anyone know if Next automatically hides these tags from scrapers or something? I'm a bit lost on how to fix this and hoping someone here has had a similar issue.
1 Reply
hyhy
hyhy16mo ago
Is the issue that I'm doing this in a component? (only one component appears on the page) - I will try moving it to the page containing the component to see what happens Feels unlikely though since I am seeing the tags in the browser ^this did not fix it