What are Open Graph tags and why do I need them?+
Open Graph (OG) tags are HTML meta tags that control how your webpage appears when shared on social platforms. Without them, Facebook and LinkedIn will use random text and images from your page, resulting in poor-looking shares.
How do I add Open Graph tags to my website?+
Use this generator to create your OG tags, then paste them inside the <head> section of your HTML. Key tags: og:title, og:description, og:image (must be 1200×630px), og:url, and og:type.
What size should the og:image be?+
The recommended og:image size is 1200×630 pixels (1.91:1 aspect ratio). This works across Facebook, LinkedIn, and X/Twitter. Minimum size is 600×315px, but larger images display more prominently.
What is the difference between Open Graph and Twitter Cards?+
Open Graph tags work on Facebook, LinkedIn, Pinterest, and WhatsApp. Twitter Cards are Twitter-specific meta tags. Both serve similar purposes, controlling the preview appearance, but use different tag names (og: vs twitter:).
How do I test my Open Graph tags?+
Use the preview in this tool, or test directly with: Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator), or LinkedIn Post Inspector.
What happens if I don't add Open Graph tags?+
Without OG tags, social platforms scrape your page and pick random content, often a blurry thumbnail, the wrong title, or a truncated description. This leads to significantly fewer clicks when your content is shared. Pages with proper OG tags see 2-3x higher click-through rates on social media.
How do I add Open Graph and Twitter Card tags to my site?+
Fill in your title, description and image URL and the generator outputs the og: and twitter: meta tags. Paste them into your page's head so links show a rich preview on Facebook, X, LinkedIn and Discord.
Why does my link not show an image when shared?+
Usually the og:image tag is missing or the image is too small. Generate a complete set of Open Graph tags (with a correctly sized image) and preview how the link will appear before you publish.
Can I preview how my link looks on different platforms?+
Yes. The studio shows a live preview of the share card for platforms like Facebook, X/Twitter and LinkedIn, so you can fine-tune the title, description and image.
What's the difference between Open Graph and Twitter Cards?+
Open Graph controls previews on most platforms (Facebook, LinkedIn, WhatsApp); Twitter Cards are X's own format. Setting both covers every major network.