Free Online Tool

Meta Tag Generator

Draft practical meta tags for your website. Fill in your page details, preview how the snippet may appear in Google, and copy the generated code.

Configure Meta Tags

Essential SEO Tags

46 / 60 chars

Name the page topic early and keep the title close to 50-60 characters.

134 / 155 chars

Summarize the page promise and one useful detail. Aim for 150-160 characters.

Use the preferred version of your URL. Include https:// and keep the format consistent.

Open Graph Tags

Open Graph controls how the page appears when shared across social apps and discovery surfaces.

The name of your website or brand.

Recommended size: 1200×630 pixels. Use an image that accurately represents the page.

One locale per line.

Twitter Card Tags

Twitter cards can mirror Open Graph or use their own title, description, and image.

Technical Meta Tags

Required for predictable mobile rendering.

Sets the browser toolbar color on supported mobile browsers.

Google Search Preview

Live Preview
This preview simulates how your page will appear in Google search results.
example.com
example.com/services/emergency-plumbing-austin

Emergency Plumber in Austin | 24/7 Leak Repair

Book emergency plumbing help in Austin with leak repair, drain clearing, water heater notes, response expectations, and contact steps.

Title Length46 charsOptimal
Description Length134 charsOptimal
Head snippet inspector

Audit an existing page head before rewriting it

Paste the current <head> tags from a page. The inspector extracts the key fields, flags missing or risky markup, and can move detected values into the generator.

Detected fields0/8

Paste a head snippet to inspect the page metadata before generating replacements.

Title tagMissing

Add one descriptive <title> tag.

Meta descriptionMissing

Add one accurate meta description.

Canonical URLMissing

Add a self-referencing canonical URL.

Robots directiveMissing

Add index, follow unless the page should stay out of search.

Open Graph titleMissing

Add og:title for social previews.

Open Graph descriptionMissing

Add og:description for shared links.

Open Graph imageMissing

Add an absolute image URL for link previews.

Twitter cardMissing

Add twitter:card for X/Twitter previews.

Paste a snippet

The inspector reads title, description, canonical, robots, Open Graph, and Twitter card tags from existing head markup.

Generated Meta Tags Code

Copy this output into your <head> section. The snippet also reminds you to set the document language on the opening <html> tag.

HTMLPlace inside <head> tag
<!-- Recommended document language -->
<!-- Set your opening <html> tag to: <html lang="en"> -->

<!-- Essential Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Primary SEO Tags -->
<title>Emergency Plumber in Austin | 24/7 Leak Repair</title>
<meta name="description" content="Book emergency plumbing help in Austin with leak repair, drain clearing, water heater notes, response expectations, and contact steps.">
<meta name="author" content="Hart Plumbing">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://example.com/services/emergency-plumbing-austin">

<!-- Theme Color -->
<meta name="theme-color" content="#4F6DF5">
<meta name="msapplication-TileColor" content="#4F6DF5">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:site_name" content="Hart Plumbing">
<meta property="og:url" content="https://example.com/services/emergency-plumbing-austin">
<meta property="og:title" content="Emergency Plumber in Austin | 24/7 Leak Repair">
<meta property="og:description" content="Book emergency plumbing help in Austin with leak repair, drain clearing, water heater notes, response expectations, and contact steps.">
<meta property="og:image" content="https://example.com/images/emergency-plumbing-austin.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Licensed plumber repairing an emergency water leak in an Austin home">

<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Emergency Plumber in Austin | 24/7 Leak Repair">
<meta name="twitter:description" content="Book emergency plumbing help in Austin with leak repair, drain clearing, water heater notes, response expectations, and contact steps.">
<meta name="twitter:image" content="https://example.com/images/emergency-plumbing-austin.jpg">
<meta name="twitter:image:alt" content="Licensed plumber repairing an emergency water leak in an Austin home">

Metadata Checks

Real-time checks for length, canonical URLs, social fields, mobile tags, and structured data readiness.

Title length is in a strong range
Meta description length is in a strong range
Canonical URL is configured
Open Graph text fields are configured
Open Graph image is configured
Twitter card fields are configured
Viewport tag is configured

Need Help?

Check out our comprehensive SEO guide to learn best practices for meta tags and search optimization.

Read SEO Guide

Privacy First

The metadata you type into the generator stays in your browser during normal use. Read the privacy page for site-wide details about ads and third-party requests on selected content pages.

Free to use

No signup is required, and the core metadata fields are available at no cost.

Understanding Meta Tags: A Quick Guide

Learn why each meta tag matters and how to write clearer snippets and social previews.

Title Tag

The title tag is the compact label for the page. It appears as the clickable headline in many search results and in browser tabs, so it should match the visible page closely.

Review checks:

  • Place the main page topic within the first 30 characters
  • Keep total length between 50-60 characters to avoid truncation
  • Include your brand name at the end for recognition
  • Make each page's title unique across your entire website
  • Keep the promise aligned with the visible H1 and opening paragraph

Meta Description

The meta description is preview text for the page. It should help a visitor decide whether the result fits their need without promising content the page does not show.

Review checks:

  • Write 150-160 characters to ensure full visibility
  • Set a clear expectation for what the visitor will find
  • Use the same language the page visibly supports
  • Highlight one specific detail rather than generic benefits
  • Avoid duplicate descriptions across multiple pages

Open Graph Tags

Open Graph tags control how the page appears when shared in social feeds and messaging previews. They should use the same page identity as the title and description.

Review checks:

  • Use 1200×630 images when the page has a visual preview
  • Write social titles that still describe the same page
  • Keep OG descriptions under 200 characters for most platforms
  • Test shared URLs with platform preview tools after launch
  • Update OG tags when the visible page topic or image changes

Canonical URL

The canonical tag tells search engines which version of a URL is the "official" one. This prevents duplicate content issues when the same content is accessible via multiple URLs (with/without www, HTTP/HTTPS, query parameters, etc.).

Review checks:

  • Always use the full, absolute URL including protocol (https://)
  • Be consistent with trailing slashes across your site
  • Self-referencing canonicals are a best practice for every page
  • Point paginated content to the main category page when appropriate
  • Ensure canonical URLs return 200 status codes, not redirects

Want to dive deeper into SEO optimization?

Read Our Complete SEO Guide