Meta Tag Generator - SEO & Social Media Tags | Webutilbox
All Tools

🏷️ Meta Tag Generator

Generate SEO-optimized meta tags for your website and social media.

Basic SEO
0/60 characters (optimal: 50-60)
0/160 characters (optimal: 150-160)
Open Graph (Facebook, LinkedIn)
Recommended: 1200x630px
Twitter Card
Search Preview
https://example.com
Your Page Title
Your page description will appear here...
Social Preview
1200 x 630
Your Page Title
Your page description...
EXAMPLE.COM

Copy the iframe code below and paste it into your HTML. The tool runs entirely client-side so it works on any static site.

Meta Tag Generator - SEO and Social Media Tags Made Easy

Our free Meta Tag Generator creates all the HTML meta tags your website needs for better search engine rankings and rich social media previews. Fill in your page details and get a complete, copy-ready block of meta tags covering basic SEO, Open Graph, and Twitter Cards — all in one click.

What Are Meta Tags and Why Do They Matter?

Meta tags are snippets of HTML code placed in the <head> section of a web page. They don't appear visibly on the page itself, but they communicate critical information to search engines and social media platforms about what your page contains.

The title and description meta tags directly influence how your page appears in Google search results. A well-crafted title (50–60 characters) and description (150–160 characters) can significantly improve your click-through rate, even if your ranking stays the same. Open Graph tags control how your page looks when shared on Facebook, LinkedIn, and other platforms — including the image, title, and description shown in the link preview card.

Twitter Cards work similarly but are specific to Twitter/X. Without these tags, social platforms will either show a generic preview or pull random content from your page, which often looks unprofessional and reduces engagement.

Generated Meta Tag Types

How to Use the Meta Tag Generator

Generating your meta tags takes just a few minutes. Follow these steps:

Improving SEO with Meta Tags

Writing Effective Meta Descriptions

Your page title is the single most important meta tag for SEO. Include your primary keyword near the beginning of the title, and keep it under 60 characters to avoid truncation in search results. Avoid keyword stuffing — write for humans first, search engines second.

For Open Graph images, use a 1200×630 pixel image for the best display across all platforms. This is the recommended size for Facebook, LinkedIn, and Twitter large card previews. Make sure the image URL is absolute (starting with https://) and publicly accessible — social crawlers can't access images behind authentication.

Don't skip the canonical URL tag. If your content is accessible at multiple URLs (with and without trailing slashes, with query parameters, etc.), the canonical tag tells search engines which version is the "official" one, preventing duplicate content penalties.

Tags Generated Client-Side Only

Tag generation runs in your browser. No page data is sent to any server.

Frequently Asked Questions

The most important meta tags are: title (shown in search results, 50-60 chars), meta description (shown in search snippets, 150-160 chars), canonical URL (prevents duplicate content), and Open Graph tags (og:title, og:description, og:image) for social sharing. The keywords meta tag is no longer used by Google.

Open Graph (OG) is a protocol created by Facebook that controls how your page appears when shared on social media. og:title, og:description, og:image, and og:url are the four essential tags. Twitter has its own similar system called Twitter Cards.

The recommended og:image size is 1200x630 pixels (1.91:1 aspect ratio). This displays well on Facebook, LinkedIn, and most platforms. Twitter recommends 1200x600 for summary_large_image cards. Use a PNG or JPG under 8MB.

A canonical URL tells search engines which version of a page is the 'official' one when the same content is accessible at multiple URLs (e.g., with and without www, with different query parameters). Without it, search engines may split ranking signals across duplicate pages.

Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator), and LinkedIn Post Inspector to preview how your page looks when shared. Google Search Console shows how your title and description appear in search results.

Success!