Why Your Shared Links Look Bad - And How to Fix It
You've probably seen it before: someone shares a link on Facebook or LinkedIn, and instead of a clean preview with an attractive image and a clear title, the post shows up as a plain blue link, a random image pulled from somewhere on the page, or a title that makes no sense. This happens because the page is missing Open Graph meta tags - a set of HTML tags that tell social platforms exactly how to display a link when it's shared.
Getting these tags right is one of the most underrated aspects of content marketing. A well-formatted social share preview increases click-through rates dramatically compared to a plain link. Sejda's Open Graph meta tag generator creates the complete tag set you need in seconds.
What Are Open Graph Meta Tags?
Open Graph (OG) is a protocol originally created by Facebook that lets website owners control how their content appears when shared on social platforms. It uses meta tags in the HTML <head> section to specify the title, description, image, URL, and content type for social sharing. Today, virtually every major platform respects OG tags - Facebook, LinkedIn, WhatsApp, Telegram, Slack, Discord, Twitter (which also has its own Twitter Card tags), Pinterest, and many more.
Without OG tags, platforms try to scrape the page and guess what to display. With them, you control the narrative precisely.
Key Open Graph Tags You Need
- og:title - The title shown in the share preview. Can differ from the page's HTML title tag - use a more engaging, social-friendly version here.
- og:description - A short description (under 200 characters) shown under the title in the preview card.
- og:image - The most important tag. This image appears prominently in the share card. Recommended size: 1200 × 630 pixels.
- og:url - The canonical URL of the page. Prevents multiple URL variants from creating duplicate entries in social share counts.
- og:type - Content type: website, article, product, video, etc. Helps platforms categorize and display content appropriately.
- og:site_name - Your website or brand name, shown alongside the preview.
- Twitter Card tags - A parallel set of tags (twitter:card, twitter:title, twitter:description, twitter:image) for Twitter-specific display. Sejda generates both OG and Twitter Card tags together.
Step-by-Step: How to Use Sejda's OG Tag Generator
- Open the tool - Go to /tools/open-graph-generator.
- Fill in the fields - Enter your page title, description, image URL, canonical URL, content type, and site name.
- Choose Twitter Card type - Select from summary, summary_large_image, app, or player depending on your content.
- Preview the social card - The tool shows a live preview of how your link will look when shared on Facebook/LinkedIn and on Twitter.
- Generate and copy the tags - Click Generate to produce the complete HTML snippet. Copy and paste it into the
<head>section of your page. - Validate with platform tools - After deploying, use Facebook's Sharing Debugger or Twitter's Card Validator to confirm the tags are reading correctly.
OG Image Best Practices
The OG image is what makes or breaks a social share preview. Several things to keep in mind: use 1200 × 630 pixels as the target size - this is the optimal dimension for most platforms. Keep important content (your logo, headline, key visual) centered and away from the edges, since some platforms crop or display images at different aspect ratios. Make sure the image is accessible via a public, absolute URL - relative URLs don't work. Use JPG or PNG formats; avoid SVG for OG images as it's not universally supported. And use a descriptive filename with keywords rather than a generic string like img_001.jpg for a small additional SEO signal.
The SEO Connection
While OG tags are primarily a social sharing optimization tool, they have indirect SEO benefits. When your content is shared widely on social media because the preview card is compelling, it drives traffic to your site. More traffic and more backlinks signal to Google that your content is valuable. Open Graph tags also help with E-E-A-T signals by ensuring your brand name and content type are consistently communicated across platforms. And structured, well-tagged pages are increasingly important for AI-powered search features that pull rich data from page metadata.
Common Mistakes to Avoid
- Forgetting to add OG tags to inner pages - Many sites only add OG tags to the homepage. Every blog post, product page, and landing page needs its own unique OG tags.
- Using the same image for every page - A generic logo for every share preview looks lazy and gets fewer clicks. Use unique, page-specific images.
- Not refreshing cached previews after changes - Social platforms cache your OG tags. After updating them, use Facebook's Sharing Debugger tool to force a refresh of the cached preview.
Pro Tips
For blog posts, use a custom-designed image with the article title overlaid - this dramatically increases visual appeal in social feeds and can double your click-through rate. Use Sejda's SERP Preview Tool alongside the OG tag generator to optimize both search result appearance and social share appearance in one workflow. And always preview your OG tags with Twitter's Card Validator and Facebook's Debugger before a major content launch to catch errors early.
Conclusion
Open Graph meta tags are a small technical investment that pays off every time your content is shared on social media. If your links currently look bare or unpredictable when shared, adding properly crafted OG tags is one of the highest-ROI changes you can make to your site. Sejda's free generator makes the whole process visual and fast - fill in the fields, see the preview, copy the code, and you're done. Your content deserves to look great everywhere it's shared.
Related Free Tools
- Open Graph Tag Generator - Create OG and Twitter Card meta tags instantly.
- Meta Tag Generator - Generate complete SEO meta tags for your pages.
- SERP Preview Tool - Preview how your page appears in Google search results.