Home / Free tools / Meta Tag Generator

Meta tag generator and search preview

See how your title and description will look in search results and shared links, then copy the tags.

Search engines and social networks read a small block of tags in the head of your page to decide what to show when the page appears in results, or when somebody shares the link in a message. This tool writes that block. Type a title and a description, watch both previews update as you go, then copy the tags into your page. To read the tags already on a page that is live, see SEO tools.

Search result

Shared link

No image set

Tags for the head of your page


  

Length is measured in pixels, not characters

A search engine cuts a title when it runs out of room on the line, and a line holds a number of pixels rather than a number of letters. Sixty narrow letters can fit where fifty wide ones do not. The counter here measures the width of the words you actually typed, in the font search results are set in. The budget it counts against is the usual desktop figure and it is an approximation, because Google does not publish one and changes it from time to time. Phones show more than this.

What each tag does

The title tag and the description are what a search result is built from. The og tags are read by Facebook, LinkedIn, WhatsApp and most other places a link gets pasted. The twitter tags are read by X. The canonical tag tells a search engine which address is the real one, for when the same page can be reached more than one way.

The share image

Give the address of an image and it appears in the shared link preview. That preview is drawn by your own browser, which means your browser fetches the image from wherever it is hosted. That request is the one thing on this page that reaches outside it. Nothing you type is sent to sona.to.

Punctuation that breaks tags

A quotation mark inside a title ends the tag early and swallows the rest of it, which is a common way for a page to end up with no description at all. Quotation marks, ampersands and angle brackets are converted to their escaped forms in the block you copy, so the tags stay valid whatever you type.

What it produces

Everything written into the block you copy.

Search result
  • Title tag
  • Meta description
  • Canonical address
Shared links
  • og:title and og:description
  • og:url, og:type and og:site_name
  • og:image
  • twitter:card and twitter:site
While you type
  • Pixel width against the usual budget
  • Search result preview
  • Shared link preview
The block you copy
  • Ready to paste into the head
  • Punctuation escaped
  • Copy in one click
How to use it
1
Write the title
Say what the page is about, in the words somebody would actually search for. The bar underneath fills as you approach the point where the line runs out.
2
Write the description
Two sentences is usually enough. It does not change where you rank, but it is what somebody reads before deciding whether to click.
3
Add the address and the rest
The address gives both previews something to show and fills the canonical tag. Site name, page type and share image are used by the shared link preview.
4
Copy the block
Paste it inside the head of your page, replacing any of the same tags that are already there.
What these words mean
Meta description
The sentence or two a search engine may show under your title. It is not a ranking factor, and a search engine may show wording of its own instead when it judges that a better answer to what was searched for.
Open Graph
The og tags. A convention Facebook introduced that most other places now read as well, which is why one set of tags covers nearly everywhere a link gets shared.
Canonical
The address you consider the real one for a page. When the same content can be reached at several addresses, it tells a search engine which of them to keep.
Questions