Meta Tags and Social Sharing

Control how your site appears in search results and when shared on social media.

What Are Meta Tags?

Meta tags are HTML elements that provide information about your page to:

• Search engines
• Social media platforms
• Browsers

Essential Meta Tags

Title Tag

The most important meta tag:

• Shows in search results as the clickable headline
• Appears in browser tabs
• Set in Settings > General > Site Title

Meta Description

Summarizes your page content:

• Shows in search results below the title
• Influences click-through rates
• Set in Settings > General > Site Description

Keywords

Help categorize your content:

• Set in Settings > SEO > Keywords
• Separate multiple keywords with commas
• Focus on relevant terms

Open Graph Tags

What is Open Graph?

Open Graph (OG) tags control how your site appears when shared on:

• Facebook
• LinkedIn
• Other social platforms
• Messaging apps

Setting OG Image

Go to Settings > SEO

Find Open Graph Image

Upload an image

Recommended specs:

• Size: 1200 x 630 pixels
• Format: PNG or JPEG
• Include your brand/logo
• Add compelling text overlay

What OG Controls

When someone shares your link, they'll see:

• Your OG image
• Site title
• Description
• Site URL

Twitter Cards

Twitter uses similar tags to show rich previews:

• Large image cards
• Summary cards
• Your content looks professional when tweeted

Framekit automatically generates Twitter cards from your OG settings.

Testing Your Tags

Facebook Sharing Debugger

Go to: developers.facebook.com/tools/debug/

Enter your URL

See how it will appear

Click "Scrape Again" after changes

Twitter Card Validator

Go to: cards-dev.twitter.com/validator

Enter your URL

Preview your Twitter card

LinkedIn Post Inspector

Go to: linkedin.com/post-inspector/

Enter your URL

Preview your LinkedIn share

Best Practices

Image Best Practices

• Use high-quality images
• Include text that's readable
• Show your brand
• Create specific images for key pages

Title Best Practices

• Front-load keywords
• Keep under 60 characters
• Make it compelling
• Include brand name

Description Best Practices

• Summarize the page value
• Include keywords naturally
• Add a call-to-action
• Keep under 160 characters

Per-Page Customization

While site-wide settings provide defaults:

• Important pages can have custom titles
• Landing pages might have specific descriptions
• Different pages might warrant different OG images

When to Update

Update your meta tags when:

• Your business focus changes
• Running special promotions
• Launching new products
• Rebranding