Question 1

What are Open Graph tags?

Accepted Answer

Open Graph (OG) tags are HTML meta tags in the <head> of a page that control how the page appears when shared on social media. They define the title, description, image, and URL that platforms like Facebook, LinkedIn, and Slack use when generating a link preview card.

Question 2

How do I preview how my page looks when shared on social media?

Accepted Answer

Enter your page's meta tag values (title, description, image URL, and page URL) in this OG Tag Preview tool and see realistic mockups for Google search, Twitter/X, Facebook, LinkedIn, and Slack side by side — without needing to publish the page or use each platform's own debugging tool.

Question 3

What is the ideal size for an Open Graph image?

Accepted Answer

The recommended og:image size is 1200 × 630 pixels with an aspect ratio of 1.91:1. This renders sharply on high-DPI displays and fits all major platforms. The image should be under 8 MB, in JPEG or PNG format, and served over HTTPS.

Question 4

How do I set up Twitter Card meta tags?

Accepted Answer

Add <meta name='twitter:card' content='summary_large_image'> for a large image card, or 'summary' for a small thumbnail. Also set twitter:title, twitter:description, and twitter:image. If OG tags are present and Twitter-specific tags are absent, Twitter will fall back to og:title, og:description, and og:image.

Question 5

What is the character limit for an OG title and description?

Accepted Answer

There is no hard technical limit enforced by the OG spec, but platforms truncate long text. Facebook and LinkedIn truncate og:title at around 60–70 characters and og:description at 155–200 characters. Twitter truncates the title at ~70 characters and description at ~200 characters. Keep both concise to avoid cutoff.

OG / Meta Tag Preview

Page Information

Image & Social

Meta Tag Generator

SEO Checklist

Related Tools