I’m running into an issue where my Facebook link previews are breaking after boosting posts. Initially, the preview looks fine when sharing an article, but once it’s boosted, the link preview changes. It becomes smaller and the image quality drops.

I think this may be related to inconsistencies in the Facebook Sharing Debugger because when I scrape the article again, I sometimes get errors for a few hours, and the link preview doesn’t update correctly. However, I'm not sure if that’s the core of the issue.

My setup:

Next.js as the front end WordPress as a headless CMS Dynamically generating OG meta tags for Facebook share previews I apologize that my code is quite complex, and I’ll be sharing screenshots to make it clearer.

Any guidance on what I might be doing wrong or what I should focus on would be greatly appreciated.

this is layout.jsx

but I have other files containing meta tags for this specific page

all-articles/[id]/ArticlePage.jsx all-articles/[id]/page.jsx

and also in app/api/og/route.jsx