How to Add Open Graph Tags to a Website
Set up social sharing titles, descriptions, and preview images with consistent page URLs.
Step-by-step instructions
1. Choose page-specific information
Write a concise title and description that match the page and choose an appropriate preview image.
2. Add tags to the document head
Include og:title, og:description, og:type, og:url, and og:image in the page HTML where applicable.
3. Test shared previews
Use platform debugging or sharing tools to inspect how the link renders; cached previews may take time to refresh.
Try Open Graph Generator
Ready to apply these steps? Open the corresponding Marketly tool.
Open Open Graph Generator →Frequently asked questions
Are Open Graph tags the same as SEO meta tags?
No. Open Graph primarily controls how links are represented on social platforms and compatible services.
Why does an old preview image still appear?
The platform may have cached an earlier version of the page metadata.