Question 1

What are Open Graph meta tags?

Accepted Answer

Open Graph (OG) tags are HTML meta tags that control how your page appears when shared on social media — Facebook, Twitter, LinkedIn, WhatsApp. The key tags are og:title, og:description, og:image, and og:url. Without them, social platforms guess at your content, often producing poor-looking previews.

Question 2

What is the ideal Open Graph image size?

Accepted Answer

The recommended OG image size is 1200×630 pixels (1.91:1 ratio). This displays correctly on Facebook, LinkedIn, and Twitter. Twitter summary_large_image also uses 1200×628. Use PNG or JPG format, keep file size under 1MB. Images smaller than 200×200 will not display a large card preview.

Question 3

How do I add meta tags to my website?

Accepted Answer

Meta tags go inside the element of your HTML. Use this tool to generate the complete set: , , , , and . Place these before the closing tag.

Question 4

What is the difference between twitter:card types?

Accepted Answer

Twitter has four card types: summary (small square image, title, description), summary_large_image (large rectangular image above content — most common), app (mobile app promotion), and player (video/audio). For most pages, summary_large_image gives the best visual impact. Use summary when you don't have a 1200×630 image.

Question 5

How long should a meta description be?

Accepted Answer

Google displays up to ~160 characters of your meta description in search results. Write 140–160 characters for optimal display — long enough to be descriptive, short enough not to be cut off. Include your primary keyword naturally. Note that Google may rewrite your description if it finds more relevant page content.

Meta Tag Previewer

About Meta Tag Previewer