codeyaan

Meta Tag Generator

SEO & Config

Generate HTML meta tags and Open Graph tags for SEO

Runs in browser Instant No tracking

Basic Meta Tags

0/160

Open Graph

Twitter Card

Generated Tags

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">

<!-- Open Graph -->
<meta property="og:type" content="website">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">

How to use

  1. 1Fill in your page title and description
  2. 2Add Open Graph data for social media sharing
  3. 3Configure Twitter Card settings
  4. 4Copy the generated HTML meta tags to your page's <head>

FAQ

What are meta tags?

Meta tags are HTML elements that provide metadata about a web page. They help search engines understand your content and control how it appears in search results and social media shares.

What are Open Graph tags?

Open Graph (OG) tags control how your page appears when shared on social media platforms like Facebook, LinkedIn, and others. They define the title, description, and image shown in social shares.

What is a Twitter Card?

Twitter Cards are meta tags that control how your links appear when shared on Twitter/X. summary_large_image shows a large preview image, while summary shows a smaller thumbnail.

Related tools

robots.txt Generator

Create robots.txt files for search engine crawling rules

.gitignore Builder

Build .gitignore files from popular templates for any stack

URL Encode/Decode

Encode or decode URL components and query strings