MetaTag

Complete HTML head generator

Build better metadata.
Without the guesswork.

Generate SEO, Open Graph, Twitter Card, canonical, robots, browser appearance and JSON-LD markup in one place.

✓ Runs locally✓ No account✓ No uploads
1 Basic informationRequired
2 Search enginesSEO
Additional robots directives
3 Social sharingOG + X
Dedicated X tags MetaTag generates explicit X title, description and image tags using the Open Graph values.
4 Browser & app appearanceTheme
5 Structured dataJSON-LD

Complete your HTML head

Need favicons too?

Generate a modern favicon pack with ICO, SVG, Apple Touch Icon, PWA icons, a maskable icon and a ready-to-use web app manifest.

Open Favicon Generator

Metadata explained

What website metadata actually does

Metadata describes a web page to search engines, social platforms, browsers and other software. It does not normally appear as part of the visible page content, but it can affect how the page is indexed, shared and displayed.

Search metadata

The page title and meta description help search engines understand the subject of a page. They may also be used when the page appears in search results, although search engines can generate their own titles and snippets.

Social sharing metadata

Open Graph and X Card tags provide a title, description and image for links shared on social networks, messaging apps and other compatible services.

Canonical and robots directives

A canonical URL identifies the preferred version of a page. Robots directives tell compatible crawlers whether the page should be indexed and whether links may be followed.

Browser appearance

Theme colors, touch icons and web app metadata can influence how a site appears in browser interfaces, installed web apps and supported mobile environments.

Structured data

What is JSON-LD?

JSON-LD stands for JavaScript Object Notation for Linked Data. It is a machine-readable format used to describe the meaning and structure of a page.

While ordinary meta tags describe how a page may appear in search or social previews, JSON-LD can identify the entity represented by the page. That entity may be an article, organization, person, product, software application, website or another supported Schema.org type.

Search engines can use valid structured data to better understand page content and, where their requirements are met, make the page eligible for enhanced search features. Structured data does not guarantee a rich result or a higher search ranking.

Important: JSON-LD should describe content that is genuinely present and visible on the page. Do not add properties simply because they may look useful to a search engine.
Example SoftwareApplication 
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "SoftwareApplication",
  "name": "MetaTag",
  "description": "A browser-based metadata generator.",
  "applicationCategory": "DeveloperApplication",
  "operatingSystem": "Any"
}
</script>

A practical workflow

Generate, review, publish and test

  1. 1

    Describe the page accurately

    Add a clear title, concise description, canonical URL and an image that represents the visible page content.

  2. 2

    Choose only relevant metadata

    Not every page needs every available tag. Generate the metadata that matches the page, its content and its intended platforms.

  3. 3

    Review the generated markup

    Check URLs, image dimensions, language values, robots directives and structured data before adding the result to your document.

  4. 4

    Test the published page

    After deployment, inspect the final HTML and use the validation or preview tools provided by the platforms you care about.

Common questions

Metadata FAQ

Do meta tags improve search rankings?

Some metadata helps search engines understand and present a page, but adding more tags does not automatically improve rankings. Page quality, relevance, accessibility, performance, links and many other signals also matter.

Is a meta description required?

A page can work without one, but a useful description gives search engines and other services a concise summary of the page. Search engines may still replace it with text taken from the visible content.

What image size should I use for social previews?

A landscape image measuring 1200 × 630 pixels is a widely used starting point for large social previews. Individual platforms may crop, compress or display the image differently.

Do I need both Open Graph and X Card tags?

Open Graph provides useful fallback values for many platforms. Dedicated X Card tags can still be added when you need X-specific values or card behaviour.

Can JSON-LD contain information that is not visible?

Structured data should accurately represent the page and its visible content. Adding misleading, unrelated or fabricated information can make the markup invalid or ineligible for enhanced search features.

Does MetaTag upload my metadata?

No. Generator input and imported markup are processed locally in your browser. See the Privacy Policy for more information.

Import & audit metadata

Paste an existing <head> or a collection of meta tags.