Skip to content

Meta tag generator with Google preview

Enter the page title, description and URL. The tool counts characters, previews the Google result and generates HTML to copy.

Free, no sign-up. Everything runs in your browser. Your data never leaves your device.

How to use

  1. 1Write a title up to 60 characters.
  2. 2Write a meta description up to 160 characters.
  3. 3Add the URL, share image and site name.
  4. 4Copy the generated code into the page head.

About this tool

The title and meta description are the first things users see on Google. A good title has the main keyword near the start and the brand at the end. The description does not directly affect rankings, but it affects whether people click.

Open Graph tags control how a page looks when shared on LinkedIn, Facebook, WhatsApp or Slack. The share image should be 1200 x 630 pixels.

How to Write a Title Tag That Doesn't Get Cut Off on Google

The title tag is the headline displayed as the blue link in search results. Google displays it in pixels, not characters, so the cutoff point varies from device to device. As a practical rule, aim for around 60 characters, but also check it visually in your tool's preview: if the title gets cut off, shorten it before you publish.

A good structure is simple: main keyword at the beginning, then what the page offers, then the brand name at the end. For example, instead of "EVI Solutions | Software and IT Services | Belgrade," "Custom Software Development | EVI Solutions" works better. The first example wastes space on a brand the user already sees in the URL, while the second immediately answers what the user is looking for.

Watch out for duplication. If multiple pages have the same title, Google chooses which one to display and often rewrites it. Every page should have its own unique title. Also avoid clickbait words like "best in the world" if the content doesn't back them up, because Google can replace the title with text from the page.

What Is a Meta Description and How Does It Affect Clicks

The meta description is a short summary below the title in search results. It doesn't directly affect ranking, but it does affect whether the user clicks, and clicks and visitor behavior indirectly speak to page quality.

Aim for around 150 to 160 characters. Write as if you're explaining the page to a friend: what they'll find there and why it's useful. A concrete example is always better than a generic one. Instead of "We offer various IT services," write "We build web applications and business software for small and medium businesses. See our examples and book a consultation."

Keep in mind that Google often displays its own snippet from the page text, especially when the user's query doesn't match your description. That's why you should write the description so it's useful even when it isn't displayed: let the first paragraph of the page clearly state what it's about.

Most Common Mistakes When Entering Meta Tags

Here's a list of problems that a tool can easily detect, but that often slip through in practice:

  1. A title longer than 60 characters that gets cut off mid-word.
  2. The same title and description on multiple pages, for example on all products.
  3. A description that just repeats the title instead of adding new information.
  4. Special characters like quotation marks or ampersands that aren't properly encoded in HTML.
  5. A relative URL in the canonical tag instead of a full absolute path.

The fifth mistake deserves an explanation. The canonical tag tells Google which version of a page is the main one when there are multiple similar URLs, for example with and without "www" or with tracking parameters. Always use the full URL, for example https://evi.rs/stranica, because a relative path can confuse the search engine.

How Open Graph Tags Affect Sharing on Social Networks

When someone shares your link on LinkedIn, Facebook, Viber, or WhatsApp, the preview isn't built from the title and description tags, but from Open Graph tags: og:title, og:description, and og:image. If they're missing, the platform improvises and often picks the wrong image or cuts the text in half.

The sharing image should be 1200 x 630 pixels, with text that's readable even on a small phone screen. Put the title and logo in the top or left third, because platforms sometimes crop the edges. Check how it looks by pasting the link into the sharing preview tool on the network itself before you launch a campaign.

Expert tip: when you change page content, update the Open Graph image too. Social networks cache the preview and can show the old version for days, so it's useful to have a cache refresh tool on hand.

If you have a large site with hundreds of pages, manually setting every tag quickly becomes unwieldy. That's where a template by page type helps, and when the job is bigger than a single tool, EVI Solutions can help with the technical SEO setup.

Frequently asked questions

How long should a title be?

Up to about 60 characters (about 580 pixels) so it is not truncated in search results.

Does Google always show my description?

Not always. If another part of the page matches the query better, Google shows that. Write the description to answer the main search intent.

What is a canonical tag?

A tag telling Google which version of a page is the main one when the same content exists at several URLs.

All tools