Meta Tag Generator

Meta Tag Generator

Fill in your page details and copy ready to paste HTML for the head section.

Your meta tags
0 tags
0title characters
0description characters
0lines of code
0characters of code

All values are HTML escaped, so quotes and ampersands are safe. Paste the code inside the head element of your page, or use the fields in your CMS or SEO plugin.

Meta tags tell search engines and social networks what a page is, how to show it and whether to index it. This meta tag generator uses the tags listed in Google's guide to meta tags Google understands, plus the social tags most sites need, and builds them into a clean, correctly escaped block of HTML. It covers the title, meta description, canonical link, robots rules, Open Graph and Twitter card tags.

Meta tag generator creating SEO meta tags and Open Graph HTML code
How the Meta Tag Generator works: page details in, ready to paste head HTML out.

What Is a Meta Tag Generator?

Meta tags live in the head of an HTML page and are not shown on the page itself. The title and meta description often appear in search results, and the canonical link points to the preferred version of a URL, which is easier to keep tidy if you build it with the slug generator. The robots tag controls indexing. Open Graph tags decide the title, text and image shown when someone shares your link on social media or in a messaging app.

A generator saves you from typing these by hand and from small mistakes that break them. Every value is HTML escaped, so a quote mark or ampersand in your title becomes " or & and cannot close the attribute early. Blank Open Graph fields fall back to your main title, description and canonical URL, so you only need to fill them in when you want different wording for social shares.

How to Use the Meta Tag Generator

Step 1: Add Your Title, Description and Canonical

Enter the page title and meta description. The counters next to each label tell you whether the length is good or too long, and the SERP preview tool shows how the pair could look in Google results. Add keywords only if you need them for an internal search tool, then paste the canonical URL.

Step 1: enter the page title, meta description and canonical URL

Step 2: Choose Robots and Technical Tags

Leave robots on index and follow for normal pages. Choose noindex for thank you pages, internal search results or staging copies. Keep the charset and viewport tags ticked unless your theme already adds them.

Step 2: choose robots settings and the charset and viewport tags

Step 3: Fill In Open Graph and Twitter Card

Add a share image URL and pick the og:type. Use article for blog posts and website for most other pages. A large image card suits most content.

Step 3: add Open Graph and Twitter card details for social sharing

Step 4: Copy the Code

Check the hints, then press Copy code and paste the block inside the head element of your page template.

Step 4: check the length hints and copy the HTML code

Which Meta Tags Matter Most?

TagWhat it doesRecommended
titleMain headline in search results and browser tabsAbout 50 to 60 characters
meta descriptionSuggested snippet text under the titleAbout 120 to 160 characters
link rel="canonical"Names the preferred URL for duplicate pagesOne per page, absolute URL
meta robotsAllows or blocks indexing and link followingindex, follow for normal pages
og:imageImage shown when the page is shared1200 x 630 px
meta keywordsIgnored by Google for rankingOptional

Open Graph was created so any page can become a rich object on social platforms, and the full list of properties is documented on the Open Graph protocol site. If you use WordPress with an SEO plugin, enter these values in the plugin fields instead of adding a second set of tags.

Frequently Asked Questions

What are meta tags in SEO?

Meta tags are HTML elements in the head of a page that describe it to search engines and browsers, such as the meta description and robots tag.

Is the meta keywords tag still used?

Google does not use the meta keywords tag for ranking. It is optional and only useful for some internal site search tools.

How long should a meta description be?

About 120 to 160 characters is a good target. Longer text is often truncated in search results.

Do I need Open Graph tags?

They are not a ranking factor, but they control how your link looks when shared on social media and messaging apps, which can improve clicks.

Where do I paste meta tags?

Paste them inside the head element of your HTML, before the closing head tag. In a CMS, use the SEO fields or a header code setting instead.

What does noindex, nofollow mean?

Noindex asks search engines not to show the page in results. Nofollow asks them not to follow the links on that page.