Open Graph tags are HTML meta tags that control how your page looks when shared on social platforms. To check them, inspect the <head> section of your page source for <meta property="og:..."> tags, verifying that the title, description, image, and URL are present and correctly formatted.
Why Open Graph Tags Matter for Social Sharing
Open Graph tags determine the visual preview card that appears when someone shares your link on Facebook, LinkedIn, Twitter, or Slack. Without these tags, platforms guess which image and text to display, often resulting in cropped images, missing descriptions, or irrelevant snippets. Properly configured tags ensure your brand looks consistent and professional across all channels.
The four essential tags are og:title, og:description, og:image, and og:url. If any of these are missing, the platform falls back to default behaviors, which rarely match your intended design. Checking these tags regularly prevents broken previews that hurt click-through rates.
Step-by-Step: How to Check Open Graph Tags Manually
The fastest way to verify your tags is through your browser’s developer tools. Open your page, right-click anywhere, and select "Inspect" or press F12. Click on the "Elements" tab and use Ctrl+F (Cmd+F on Mac) to search for og:. This filters the HTML to show only Open Graph meta tags.
Look for this structure in the head section:
<meta property="og:title" content="Handcrafted Leather Wallets for Men">
<meta property="og:description" content="Durable, stylish wallets made from full-grain leather. Free shipping worldwide.">
<meta property="og:image" content="https://example.com/images/wallet-hero.jpg">
<meta property="og:url" content="https://example.com/products/leather-wallet">
<meta property="og:type" content="website">If the image URL is relative (e.g., /images/wallet-hero.jpg) instead of absolute (starting with http:// or https://), some platforms may fail to load it. Always use absolute URLs for images and canonical URLs. Also, check that your title is under 60 characters and your description under 155 characters to avoid truncation in feeds.
Using MetaForge for Instant Audits and Live Previews
Manual inspection works for single pages, but it becomes tedious when managing hundreds of product pages or blog posts. MetaForge automates this process by fetching the rendered HTML and parsing all meta tags in seconds. You paste a URL, and the tool returns a scored audit of your title, description, Open Graph completeness, and Twitter Card setup.
The key advantage is the Live Preview feature. Instead of guessing how your tags look, you see exactly how Google, Facebook, LinkedIn, and Twitter render your content before publishing. This eliminates the guesswork of checking multiple platforms manually. For example, if your image is too narrow for LinkedIn but works fine on Twitter, the preview shows this discrepancy immediately.
When auditing a Shopify product page, MetaForge identifies issues like truncated titles or missing descriptions and suggests rewrites optimized for click-through rates. You can apply these suggestions directly or export them for your developer. This workflow ensures consistency across large catalogs without manual checks on every page.
Common Open Graph Mistakes and How to Fix Them
Most issues stem from incomplete or inconsistent tag implementation. Here are the most frequent problems and their solutions.
| Issue | Symptom | Fix |
|---|---|---|
Missing og:image | No image shows in preview | Add an absolute URL to a high-resolution image (minimum 1200x630 pixels) |
| Relative image URLs | Image fails to load on some platforms | Use full URLs starting with https:// |
| Too-long titles | Text cuts off mid-word | Keep titles under 60 characters |
| Generic descriptions | Low engagement from shares | Write specific, benefit-driven descriptions under 155 characters |
Missing og:url | Duplicate content issues | Set this to your canonical URL |
Another common mistake is using dynamic content in descriptions that changes on every page load. Search engines and social platforms cache these values, so inconsistent text confuses users. Keep descriptions static and focused on the page’s core value proposition.
Best Practices for Writing Effective OG Titles and Descriptions
Your Open Graph title should match the page’s main heading but be optimized for social feeds. Unlike SEO titles, social titles benefit from emotional triggers and clear benefits. For example, instead of "Leather Wallet," try "Handcrafted Leather Wallets That Last a Lifetime."
Descriptions should complement the title, not repeat it. Use this space to highlight unique selling points or offer details. For a product page, mention shipping speed, materials, or guarantees. Keep it concise and action-oriented.
Images matter most for engagement. Use landscape-oriented images with high contrast and clear focal points. Avoid text-heavy images, as they become unreadable on mobile screens. Test different aspect ratios to see which performs best on your target platforms.
Exporting and Implementing Your Optimized Tags
Once you’ve identified improvements, implement them efficiently. For small sites, edit your HTML template directly. For larger catalogs, use bulk tools to apply changes across multiple pages. MetaForge supports bulk audits via sitemap URLs, allowing you to review thousands of pages at once and filter by score to prioritize fixes.
When ready to deploy, export your optimized tags as JSON or copy them directly into your CMS. In Shopify, paste the updated meta tags into the product template’s head section. For Webflow or WordPress, use the custom code blocks in your theme settings. Always test the changes by sharing a link on your primary social platforms to verify the preview looks correct.
Regular audits ensure your tags stay optimized as content evolves. Set a quarterly reminder to review high-traffic pages, especially after design updates or seasonal promotions. Consistent maintenance prevents drift and keeps your social previews sharp and effective.