Skip to main content
SlapMyWeb
Skip to tool

Meta Tag Generator

Start from a live page

Fetch existing metadata, then edit it below. You can also enter everything manually.

Edit page tags

Edits update the preview and generated HTML immediately.

0 characters
0 characters

Preview and generated tags

Search preview is an estimate; search engines may choose different text.

<head>

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
Character counts are editing aids, not Google limits. Google can rewrite title links and snippets based on the page and search.
What this tool does
  • Import tags from a URL
  • Edit title and description
  • Preview social metadata
  • Copy generated HTML
The short version

What is Meta Tag Generator?

A meta tag generator creates editable HTML metadata for a web page.

SlapMyWeb lets you import existing tags from a URL or enter them manually, preview an approximate search result, and copy title, description, canonical, Open Graph and X Card tags. Search engines may generate different title links and snippets, so treat character counts and previews as guidance rather than guarantees.

Meta Tag Generator showing a worked example — Import metadata from a URL or edit SEO and social tags, preview them, and copy the generated HTML.
Meta Tag Generator with the built-in example loaded. Free, no sign-up, and the result appears as you type.
Step by step

How to use Meta Tag Generator

  1. 1

    Import or enter page details

    Fetch an existing page to prefill available tags, or enter a title, description, canonical URL, social image, site name, and X handle manually.

  2. 2

    Review the preview and generated HTML

    The search preview is an estimate. Check each generated tag against the page content and preferred canonical URL before copying.

  3. 3

    Copy and paste into your site

    Click the Copy button to copy the complete HTML meta tag block to your clipboard. Paste it inside your page's <head> section, or use it in your CMS meta tag fields.

What's inside

Everything this tool
does for you

  • Import existing metadata from a URL using the guarded page-fetch service
  • Live character counts as editing aids, not fixed search-engine limits
  • Complete Open Graph tag generation for Facebook, LinkedIn, and WhatsApp sharing
  • Twitter Card meta tags with large image support and @handle attribution
  • Canonical URL tag to prevent duplicate content issues in search engines
  • HTML entity escaping to prevent XSS and ensure valid markup output
  • Manual editing and tag generation run in your browser; URL import uses the existing page-fetch service
Understand the result

Further reading

Questions

Frequently asked questions

Beyond this tool

See the full picture for your website.

Enter your URL for a free audit across eight scored areas. See prioritised issues and clear next steps in one report.

Run a free website audit

Free to start · No signup required