SEO & Social

Meta Tag & OpenGraph Studio

Generate search-optimized HTML meta tags, Facebook OpenGraph, and Twitter Cards with real-time live visual previews.

Presets:
1Primary SEO Meta Tags
Core Search
57 / 60 chars (recommended)
131 / 160 chars (recommended)
2OpenGraph & Social Cards
FB & LinkedIn
@
Simulated Google Search Result
🌐
Vitals Audit Team
https://vitalsaudit.com
Vitals Audit — Free Core Web Vitals, Schema & SEO Toolkit

Audit Core Web Vitals, structured data JSON-LD, AMP, SEO tags, and website performance in one click with instant executive reports.

About this tool

Comprehensive documentation & audit utility guide
Verified Utility

Meta tags and OpenGraph protocol directives are essential HTML headers embedded in the `<head>` of web pages. They control how search engines index your content and how your links look when shared on social media, messaging apps, and community forums.

How it works
1
Fill Page Information

Enter your page title, description, target keywords, and canonical URL.

2
Attach Social Banner

Provide a high-resolution 1200×630px image URL for OpenGraph and Twitter cards.

3
Preview in Real Time

Inspect live simulated cards for Google Search, Facebook, and Twitter/X.

4
Copy HTML Output

Copy the generated snippet and paste it directly into your website's <head> tags.

What it checks
Google SERP title length (60 chars) and description length (160 chars) validation gauges
OpenGraph og:title, og:description, og:image, and og:type tags for Facebook, LinkedIn, and Discord
Twitter Card tags (summary_large_image) with site and creator attribution handles
Robots meta indexing directives (index/noindex, follow/nofollow) and theme-color configuration