Meta Tags Generator

Generate Open Graph & Twitter Card meta tags

Page Information

0/70
0/160

Advanced options (optional)

Preview

example.com
Page Title
Page description will appear here...
Page Title
Page description will appear here...
example.com

About Meta Tags

Meta tags help search engines and social media platforms understand your page content. Open Graph tags control how your pages appear when shared on Facebook and LinkedIn, while Twitter Cards define the appearance on Twitter/X.

What is Meta Tags Generator?

The Meta Tags Generator is a free online tool that builds clean, standards-compliant HTML meta tags for any web page in seconds. It creates the essential SEO tags — title, description, and robots — alongside Open Graph tags for Facebook and LinkedIn and Twitter Card tags for Twitter/X. As you type your page information, the tool generates the complete code in real time and shows a live preview of how your page will look when shared. There is no signup and nothing leaves your browser. The result is a ready-to-paste block you drop into the <head> of your HTML.

How to use Meta Tags Generator?

Generating a full set of meta tags takes only a moment and happens entirely in your browser:

  1. 1 Enter your page information — the page title, description, page URL, and image. These fields drive both search engine results and the social previews, so write them the way you want them to appear.
  2. 2 Choose your Open Graph content type from over fifteen options — website, article, product, book, profile, the music.* and video.* variants, event, place, and more — then pick a Twitter card type: summary, summary_large_image, app, or player.
  3. 3 Add any optional advanced fields you need — meta keywords, author, a robots directive such as index, follow, a theme-color, a canonical link, or an og:locale. Each one only appears in the output when you fill it, so the block stays clean.
  4. 4 Review the live Facebook and Twitter previews to confirm the title, description, and image render correctly before you publish anything.
  5. 5 Click Copy Code to grab the generated HTML, then paste the complete block into the <head> section of your page.

Why use this tool?

Well-formed meta tags control how your pages appear in Google results and on social media, directly affecting click-through rates. Without an Open Graph image and description, a shared link looks bare and untrustworthy, costing you engagement. Writing these tags by hand is error-prone — a missing quote or wrong property name silently breaks the card. This generator produces correct markup every time, covers the full range of Open Graph content types and Twitter card formats, and adds optional tags such as keywords, author, robots, theme-color, canonical, and og:locale only when you need them. It lets you preview the result before going live, and because everything runs locally, your draft content stays private. It is a fast way to make every shared link look polished and professional.

Examples

Open Graph tags for a blog post

Pick the article type, enter a title, a 150-character summary, and a 1200x630 cover image, then add an author and canonical link to generate og:title, og:description, og:image, and a canonical tag so the post looks complete when shared on Facebook or LinkedIn.

Rich card for a video or music page

Select a content type like video.movie or music.album, choose the player or summary_large_image Twitter card, and add your site name and Twitter @handle to produce a media-rich card on Twitter/X.

Baseline SEO head for a new site

Fill in the title and description, set a robots directive such as index, follow, add meta keywords and a theme-color, and get a complete starter block — a solid foundation for any new page.

Frequently Asked Questions

Is the Meta Tags Generator free to use?

Yes. The tool is completely free, requires no signup, and has no usage limits. You can generate tags for as many pages as you like.

Where do I paste the generated code?

Paste the generated block inside the <head> element of your HTML page, ideally near the top before any visible content loads.

What size should my Open Graph image be?

For best results across platforms, use an image of at least 1200x630 pixels with a 1.91:1 aspect ratio. Smaller images may be cropped or shown as small thumbnails.

How long should my title and description be?

Keep the title under about 60 characters and the description under 160 characters so they display fully in search results without being truncated.

Will these tags work on every platform?

The generator outputs both Open Graph and Twitter Card tags, which cover Facebook, LinkedIn, Twitter/X, and most messaging apps that read Open Graph data.

Related Tools

Explore more free tools you might find useful