In Pakistan a huge share of website traffic starts in WhatsApp groups and Facebook pages. When someone shares your link, the preview card decides whether people tap it. A clear image, a strong title and a short description get clicks. A blank grey box or a random logo gets ignored. Open Graph tags control that preview.
What is Open Graph
Open Graph is a set of meta tags created by Facebook and now used by most platforms, including WhatsApp, LinkedIn, Telegram and many messaging apps. The key tags are:
- og:title for the headline
- og:description for the short summary
- og:image for the preview picture
- og:url for the canonical link
- og:type such as website, article or product
- og:site_name for your brand
How our generator works
Our Open Graph Generator creates all the tags from a simple form and shows a live preview card as you type. When you are happy, copy the code and paste it inside the head section of your page.
How to use it
- Open the Open Graph Generator.
- Enter the title, description, page URL and image URL.
- Choose the type and add your site name.
- Check the preview card.
- Copy the generated tags into your page.
Image rules that matter
- Use 1200 by 630 pixels for the best quality on all platforms.
- Keep important text in the centre, because some apps crop edges.
- Use a light file, ideally under 300 KB. Shrink it with the Image Size Optimizer.
- Use an absolute URL starting with https.
Writing the title and description
The Open Graph title can be a little more emotional than your search title, because people are scrolling a feed, not searching. Keep it under about 60 characters. The description should be one short sentence that makes people curious or shows the benefit.
Fixing old previews
Platforms cache previews. If you update your tags and the old preview still appears, use the platform's sharing debugger to refresh it. On WhatsApp, new shares usually pick up the change after the cache expires.
Add Twitter tags too
X, formerly Twitter, can read Open Graph tags, but it has its own card tags for full control. Create them with the Twitter Card Generator.
A real example
A small online clothing store shared new arrivals in WhatsApp groups every Friday. Their links showed the store logo stretched and blurry, with the homepage description for every product. We added Open Graph tags to the product template so each link showed the actual product photo, name and price in the description. Clicks from WhatsApp shares rose clearly within two weeks, because people could see the dress before opening the link.
Set it once in your templates
If you use WordPress, Shopify or a custom site, add Open Graph tags to your templates rather than to each page by hand. The template can use the page title, excerpt and featured image automatically. Then use this generator to create tags for special pages, such as landing pages or campaign pages, where you want a custom image and message for social sharing. Test a few shared links in WhatsApp after the change to confirm the previews look right.
Frequently asked questions
Does Open Graph help SEO
Not directly, but better previews increase clicks and sharing, which bring visitors and visibility.
Do I need different tags for every page
Yes, ideally. Each page should have its own title, description and relevant image.
Can I set a default image
Yes. Many websites use a default branded image for pages without a specific photo.
Create perfect preview cards with the free Open Graph Generator.