online

Meta Tag Generatoronline

Generate HTML meta tags for SEO and social media.

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

How to use Meta Tag Generator

1

Enter Your Page Title

Click the 'Page Title' input field at the top of the form. Type your webpage title (50-60 characters recommended). The character counter below the field updates in real-time as you type.

2

Write Your Meta Description

Click the 'Meta Description' textarea below the title field. Enter a compelling description (150-160 characters). Watch the live preview panel on the right update automatically with your text.

3

Add Keywords and Social Details

Fill in the 'Keywords' field with comma-separated terms. Enter 'Author', 'Language' (e.g., 'en'), and 'Viewport' settings in their respective fields. Each input has placeholder text showing proper format.

4

Configure Open Graph Tags

Scroll to the 'Open Graph' section. Enter URL, image URL, and type (article, website, etc.). Toggle the 'Include Open Graph' switch to enable these tags for social media sharing.

5

Set Twitter Card Tags

In the 'Twitter Card' section, select card type from the dropdown (Summary, Summary Large Image, or App). Enter your Twitter handle and image URL. Toggle 'Include Twitter Card' switch to activate.

6

Copy Your Generated Code

Click the blue 'Copy to Clipboard' button in the code preview panel. A confirmation message appears. Paste the HTML into your page's <head> section using your code editor.

Frequently Asked Questions

Related Tools