Developer & Code Tools 100% Private & Client-Side

SEO Meta Tag & Open Graph Generator

Create perfectly formatted HTML meta tags, Open Graph properties, and Twitter cards with live SERP preview.

Page Metadata

Live preview & tags update automatically

0 / 60
0 / 160
Google Search Snippet Preview
D
https://codebydt.com
CodeByDT — Free Developer Tools & Interactive Utilities

Free, fast, and 100% private developer utilities, business plan generators, image tools, and programming cheat-sheets running directly in your browser.

HTML Meta Tags Block

            

Why Meta Tags and Open Graph Matter for SEO

Search engines and social media platforms rely on metadata in the HTML <head> to understand page intent and construct visually compelling link cards when shared on WhatsApp, Twitter, and LinkedIn.

Title Length (50-60 Characters)

Google truncates desktop search titles beyond 600 pixels (~60 characters). Keeping primary keywords early in the title maximizes click-through rates.

Open Graph (og:image) Dimensions

Recommended dimensions are 1200x630 pixels (1.91:1 aspect ratio) for crisp, edge-to-edge social card previews on mobile feeds.

Frequently Asked Questions

Where should I paste these generated meta tags?

Paste the generated code inside the <head> ... </head> section of your HTML document or in your PHP head.php partial.

Does Google use the meta keywords tag for ranking?

Google officially disregards meta keywords for search ranking, but other crawlers and internal search engines still parse them for relevance indexing.

Found a bug or need a feature?

We are continuously improving our developer toolkit.

Send feedback