LOCAL TOOL · DEV

Meta Tag Generator

Fill the boxes, take the head tags.

The counters are a guide, not a limit. Where a title actually gets cut off depends on the width it is shown at.

Search result preview
Share card preview
No image

An approximate shape. Every service draws it differently.

Head tags

Nothing is sent; the tags are built in this browser.

How to use

  1. Type the page title, the description, and the address of the page itself.
  2. Add a share image if you have one. It has to be a full address, starting with https.
  3. Copy the block and paste it inside the <head> of the page.

Examples

A title with an ampersand in it

Tips & tricks comes out as Tips &amp; tricks, because an unescaped ampersand can break the tag it sits in.

A share image that goes nowhere

/og.png works in a browser but not for a crawler, which has no page to resolve it against. It is flagged until the address is a full one.

A page you do not want listed

Ticking noindex adds the robots tag; leave it off and no robots tag is written, which is the same as asking to be indexed.

A description of the right length

The counters are a guide: around 60 characters for a title, around 155 for a description. For counting a longer piece of writing there is a separate page. Character Counter

FAQ

How long should a title be?

Around 60 characters is a common guide; actual truncation depends on display width.

Why add Open Graph tags?

They control the title, text, and image shown when a link is shared.

Is my input saved?

No. Tags are generated in your browser.