What's the right way to bind OG tags in a dynamic Vue 3 App?

Viewed 3062

I have a dynamic page where I need to make an API request and update the Meta Tags dynamically.

I was able to achieve that by adding API request in App.js and updating the head tag HTML based on the response from API.

When I share the URL on social media, the tags are not showing up as it requires some loading time.

My application has a lot of dynamic pages with many routes. However, only 1 path in routes is important for me from an SEO standpoint.

What should be my approach here to make the Meta tags show up when shared on Social Media?

0 Answers
Related