Site Information

Site Title (0/60 chars ideally)

Meta Description (0/160 chars ideally)

Keywords (Comma separated)

Author

Theme Color

Image URL (for Social Preview)

Robots

Primary Language

Google Search Preview

yoursite.com

https://yoursite.com

Example Domain

This domain is for use in illustrative examples in documents. You may use this domain in literature without prior coordination or asking for permission.

<!-- Primary Meta Tags -->
<title>
<meta "text-blue-400">name="title" "text-blue-400">content="Site Title">
<meta "text-blue-400">name="description" "text-blue-400">content="">
<meta "text-blue-400">name="keywords" "text-blue-400">content="">
<meta "text-blue-400">name="author" "text-blue-400">content="">
<meta "text-blue-400">name="language" "text-blue-400">content="en">
<meta "text-blue-400">name="robots" "text-blue-400">content="index, follow">
<meta "text-blue-400">name="theme-color" "text-blue-400">content="#10b981">

<!-- Open Graph / Facebook -->
<meta "text-blue-400">property="og:type" "text-blue-400">content="website">
<meta "text-blue-400">property="og:url" "text-blue-400">content="https://yoursite.com/">
<meta "text-blue-400">property="og:title" "text-blue-400">content="Site Title">
<meta "text-blue-400">property="og:description" "text-blue-400">content="">
<meta "text-blue-400">property="og:image" "text-blue-400">content="">

<!-- Twitter -->
<meta "text-blue-400">property="twitter:card" "text-blue-400">content="summary_large_image">
<meta "text-blue-400">property="twitter:url" "text-blue-400">content="https://yoursite.com/">
<meta "text-blue-400">property="twitter:title" "text-blue-400">content="Site Title">
<meta "text-blue-400">property="twitter:description" "text-blue-400">content="">
<meta "text-blue-400">property="twitter:image" "text-blue-400">content="">

Why are Meta Tags Important for SEO?

Meta tags provide essential information to search engines and social media platforms. A well-crafted title and meta description can significantly increase your Click-Through Rate (CTR) from search engine results pages (SERPs).

Additionally, Open Graph and Twitter Card tags ensure that when your content is shared on social media, it looks professional and engaging, with the correct image and description.

How to Use This Tool

Fill Details

Enter your page title, description, keywords, and other relevant information.

Review Preview

Check the Google Search Preview to see how your site might appear in search results.

Copy Code

Click the 'Copy Meta Tags' button to copy the generated HTML.

Paste in `<head>`

Paste the copied code inside the `<head>` section of your website's HTML.

Frequently Asked Questions

Meta tags are snippets of text that describe a page's content. They don't appear on the page itself, but in the page's source code. Search engines use them to understand what the page is about.

Major search engines like Google no longer use the meta keywords tag for ranking. However, it's still sometimes used by smaller search engines or internal site search systems.

Open Graph tags are used by social networks (like Facebook and LinkedIn) to generate rich previews when someone shares a link to your website. They control the title, description, and image shown in the preview.

Related Free Tools

Image Tools Tools

Meta Tag Generator