Utinzo

Open Graph Tag Generator

Generate Open Graph and Twitter Card meta tags to control how your page looks when shared on social media.

Generated Document
<!-- ════════════════════════════════════════════ --> <!-- Open Graph Tags — Generated by Utinzo --> <!-- ════════════════════════════════════════════ --> <!-- Open Graph / Facebook / LinkedIn --> <meta property="og:type" content="website"> <meta property="og:locale" content="en_US"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">

This document is a template for informational purposes only and does not constitute legal advice. Consult a qualified attorney for your specific needs.

Did this tool work for you?

AdSense336 × 280
AdSense336 × 280

How to use this calculator

  1. 1

    Enter the title and description for how your page should appear on social media.

  2. 2

    Add the full URL of the page and the URL of your social sharing image.

  3. 3

    Set the site name, content type, and locale.

  4. 4

    Choose whether to include Twitter Card tags and your Twitter handle.

  5. 5

    Copy the generated tags and paste them inside the <head> of your HTML.

AdSense · 728 × 90

Frequently asked questions

What size should my og:image be?

The recommended size is 1200×630 pixels (1.91:1 ratio). This displays well on Facebook, LinkedIn, Twitter, and WhatsApp. Keep the file size under 8MB and use JPG, PNG, or WebP format. Important content should be in the centre, away from edges that platforms may crop.

How do I test my Open Graph tags?

Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug), LinkedIn Post Inspector (linkedin.com/post-inspector), or Twitter Card Validator (cards-dev.twitter.com/validator). These tools show a preview and flag any issues with your tags.

What is the difference between og:title and the <title> tag?

The <title> tag is shown in browser tabs and search engine results. The og:title is shown when your page is shared on social media. They can be different — social titles can be more casual or attention-grabbing while SEO titles are keyword-focused.

Do Open Graph tags affect SEO?

Not directly — Google doesn't use OG tags for ranking. However, better-looking social cards improve click-through rates from social shares, driving more traffic. More traffic and engagement signals can indirectly benefit your SEO over time.

About open graph tag generator

Free Open Graph Tag Generator

What are Open Graph tags?

Open Graph tags are HTML meta tags that control how your page is displayed when shared on social media platforms like Facebook, LinkedIn, WhatsApp, and Slack. Without them, platforms pick arbitrary content from your page — often an unrelated image or the first line of text. OG tags give you full control over the title, description, and image shown in every share.

Open Graph vs Twitter Cards

Open Graph is the standard used by Facebook, LinkedIn, Pinterest, and most platforms. Twitter/X has its own Twitter Card system, though it falls back to OG tags if Twitter tags are missing. For maximum compatibility, include both — our generator outputs both sets of tags simultaneously.

Open Graph Tag Generator – Utinzo

Learn more from an authoritative source:

Google Search Central
Related tools

Results are estimates for informational purposes only and do not constitute professional financial, medical, legal, or technical advice. Read full disclaimer →

Open Graph Tag Generator | Utinzo