All Tools / Dev Tools / Meta Tag & Open Graph Generator โ€” Free SEO Tool
Page Details
29 / 60
117 / 160
Preview
Google SERP Preview
https://example.com/my-page
My Awesome Page โ€” Brand Name
A compelling description of your page that appears in search results.
Social Share Preview
example.com My Awesome Page โ€” Brand Name A compelling description.
Generated HTML

            

Meta Tag & Open Graph Generator

What this tool does

Fill in your page details and the tool instantly generates all the meta tags you need: primary SEO tags, Open Graph tags for social sharing, and Twitter Card tags. The SERP preview shows how your page title and description will look in Google search results. The social preview shows how the OG card appears when shared on social media.

How to use

  1. Enter your page title, URL, and meta description in the form.
  2. Watch the SERP and social previews update live.
  3. Check the character counters โ€” stay within the recommended limits.
  4. Click Copy and paste the HTML into your page's <head> section.

Frequently Asked Questions

What are meta tags?

Meta tags are HTML elements that describe a page's content to search engines and social platforms. They appear inside the `<head>` section and are not visible to users. The most important are the title tag, meta description, and Open Graph tags.

What is the ideal title tag length?

Google typically displays 50โ€“60 characters of the title tag in search results. Titles longer than 60 characters may be truncated. Keep the most important keywords near the beginning.

What are Open Graph tags?

Open Graph (OG) tags control how your page appears when shared on Facebook, LinkedIn, Slack, and most other social platforms. The key tags are og:title, og:description, and og:image. The image should be at least 1200ร—630 pixels for best results.

What is a canonical URL?

The canonical tag (`<link rel="canonical">`) tells search engines which URL is the authoritative version of a page. Use it when duplicate or similar content exists at multiple URLs โ€” for example, pages with and without a trailing slash.

What does the robots meta tag do?

`index, follow` is the default โ€” search engines index the page and follow its links. `noindex` prevents the page from appearing in search results. `nofollow` prevents link equity from flowing to linked pages. Use noindex for thank-you pages, admin areas, and duplicate content.