Meta Tag & Open Graph Generator

Create standard HTML meta tags for SEO and Open Graph tags for beautiful previews on Facebook, Twitter, and LinkedIn.

No account requiredRuns in your browserFree tool
Meta Tag & Open Graph Generator
Preview & Code

Google Search Result

https://example.com/page
Your Page Title
Your page meta description will appear here. It should be compelling and describe what the page is about.

Social / Open Graph Card

Image Preview
example.com
Your Page Title
Your page meta description will appear here. It should be compelling and describe what the page is about.

Live QR Preview

Free

Why use Meta Tags?

Meta tags are snippets of text that describe a page's content. They don't appear on the page itself, but only in the page's source code. Meta tags are essentially little content descriptors that help tell search engines what a web page is about.

What is Open Graph?

The Open Graph protocol was created by Facebook to standardize the use of metadata within a webpage to represent the content of a page. By including Open Graph tags, you can control what title, description, and image appears when someone shares your link on social media platforms like Facebook, Twitter, and LinkedIn.

How to use the generated code

  1. Fill out the form above with your page's title, description, and optional social sharing images.
  2. Click Generate Meta Tags.
  3. Copy the resulting HTML code block.
  4. Paste the code inside the <head> section of your website's HTML document, replacing any existing meta tags.