Meta Tag Generator

Generate Open Graph, Twitter Card, and standard meta tags for your website.

Page title

Description

Canonical URL

OG Image URL

Site name

Twitter handle

Generated meta tags

<meta name="twitter:card" content="summary" />
<meta property="og:type" content="website" />

Introduction

Generate Open Graph, Twitter Card, and standard meta tags for your website. Enter your page details and copy the generated HTML into your <head> section.

How it works

Fill in your title, description, URL, and image URL. The generator produces meta tags for search engines (description, robots), social sharing (Open Graph for Facebook/LinkedIn, Twitter Cards), and canonical URLs. All processing is client-side.

Use cases

•Setting up meta tags for a new page or blog post.
•Auditing existing meta tags against best practices.
•Generating Open Graph tags for social media sharing.

FAQ

What is Open Graph?

Open Graph is a protocol that controls how your page appears when shared on Facebook, LinkedIn, and other social platforms. It uses meta tags like og:title, og:description, and og:image.

Do I need Twitter Card tags if I have Open Graph?

Twitter uses Open Graph as a fallback, but Twitter Card tags give you more control over how your content appears on Twitter specifically. We recommend including both.

How long should my meta description be?

Aim for 150-160 characters. Google typically truncates descriptions longer than 160 characters in search results.

What image size should I use for Open Graph?

Use 1200×630 pixels for og:image. This works well across Facebook, LinkedIn, and Twitter.

Need this built into your own site? Talk to us.

Other tools in this category

Website Speed Checker

Test your website speed with Google PageSpeed Insights. See LCP, CLS, INP, and performance score.

Website Cost Estimator

Get a ballpark price range for your web project. Answer a few questions — no signup required.

Back to all tools