SEO & Web

Meta Tag Generator

Create the title, description, Open Graph, Twitter/X card and JSON-LD tags for any page — and see how it will look on Google, WhatsApp, Facebook and X before you publish.

Page details

Page title46/60

Shown in browser tabs and as the headline in search results. 50–60 characters works best.

Description134/160

The snippet under your title in search results and link previews. Aim for 120–160 characters.

Page URL

The full address of the page, including https://.

Share image URL

Used by Facebook, LinkedIn, WhatsApp and X. 1200 × 630 px works everywhere.

Site name

X (Twitter) handle

Keywords

Comma-separated. Google ignores this tag; some other tools still read it.

Author

Content type

Locale

💡 Best practices

Title: 50–60 characters, main keyword first.
Description: 120–160 characters with a reason to click.
Image: 1200 × 630 px, under 5 MB, on an https:// URL.
Use absolute URLs everywhere (https://…).
Write a unique title and description for every page.

Your meta tags

Paste these inside the <head> of your page.

Basic meta tags

<!-- Basic meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ayesha Khan — Freelance Web Designer in Lahore</title>
<meta name="description" content="I design fast, mobile-friendly websites for small businesses and startups. See my portfolio, read client reviews and get a free quote.">
<meta name="keywords" content="web designer Lahore, freelance web design, portfolio website">
<meta name="author" content="Ayesha Khan">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://example.com/">

Open Graph

<!-- Open Graph (Facebook, LinkedIn, WhatsApp) -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/">
<meta property="og:title" content="Ayesha Khan — Freelance Web Designer in Lahore">
<meta property="og:description" content="I design fast, mobile-friendly websites for small businesses and startups. See my portfolio, read client reviews and get a free quote.">
<meta property="og:image" content="https://example.com/og-image.png">
<meta property="og:image:alt" content="Ayesha Khan — Freelance Web Designer in Lahore">
<meta property="og:site_name" content="Ayesha Khan Design">
<meta property="og:locale" content="en_US">

Twitter / X card

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Ayesha Khan — Freelance Web Designer in Lahore">
<meta name="twitter:description" content="I design fast, mobile-friendly websites for small businesses and startups. See my portfolio, read client reviews and get a free quote.">
<meta name="twitter:image" content="https://example.com/og-image.png">
<meta name="twitter:site" content="@example">
<meta name="twitter:creator" content="@example">

Structured data (JSON-LD)

<!-- Structured data (JSON-LD) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Ayesha Khan Design",
  "description": "I design fast, mobile-friendly websites for small businesses and startups. See my portfolio, read client reviews and get a free quote.",
  "url": "https://example.com/",
  "publisher": {
    "@type": "Organization",
    "name": "Ayesha Khan Design",
    "url": "https://example.com"
  }
}
</script>

Live preview

Google search result

Ayesha Khan Design

https://example.com

Ayesha Khan — Freelance Web Designer in Lahore

I design fast, mobile-friendly websites for small businesses and startups. See my portfolio, read client reviews and get a free quote.

Social share image preview — Facebook · LinkedIn · WhatsApp

Every tag you need
Basic SEO tags, canonical URL, Open Graph, Twitter/X card and schema.org JSON-LD in one go.
Live previews
See your Google result and social share cards update as you type, with character counters.
Safe, valid output
Quotes, ampersands and angle brackets are escaped properly, so the tags never break your HTML.

Free meta tag and Open Graph generator

Meta tags tell search engines and social platforms what a page is about. A good title and description help your page get clicked in Google, and Open Graph tags decide the headline, text and picture people see when your link is shared on WhatsApp, Facebook or LinkedIn. This generator writes all of them for you.

How to use it

Fill in the page title, description and full page URL (required), plus an image and your site name.
Check the live previews and fix anything listed under “Worth a look”.
Copy the tags (or download meta-tags.html) and paste them inside the <head> of your page. In WordPress, use your SEO plugin's fields instead of pasting raw tags.
Test the live page with the Facebook Sharing Debugger, LinkedIn Post Inspector and Google's Rich Results Test — they also refresh cached previews.

What gets generated

Basic tags: charset, viewport, title, description, keywords, author, robots and a canonical link.
Open Graph: og:type, og:url, og:title, og:description, og:image, og:site_name and og:locale.
Twitter/X card: a large-image card when you add an image, plus your handle as site and creator.
JSON-LD: a schema.org WebSite, Article, BlogPosting, Product, Book or Person block that matches the content type you pick.

Private by design. Everything runs in your browser — nothing you enter is uploaded or stored by AISeekho.