Metadata Generator

Build SEO metadata and export to code

Basics

Core SEO fields

Title

Description

Canonical URL

Site name (OG)

Keywords (comma separated)

Authors (comma separated)

Creator

Publisher

IndexFollow

Favicon / Icon URL

Apple Touch Icon URL

Open Graph & Twitter

Social previews

OG Type

Twitter Card

OG/Twitter Image URL

Image Alt

Width

Height

Twitter Creator

JSON-LD

Structured data

Mode

Next.js Metadata

Copy and paste into your page or layout

import type { Metadata } from 'next'

export const metadata: Metadata = {
  "robots": {
    "index": true,
    "follow": true
  },
  "icons": {},
  "openGraph": {
    "type": "website"
  },
  "twitter": {
    "card": "summary_large_image"
  }
}

HTML Head

Meta/Link/JSON-LD tags

<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />

Search Preview

How it might look in search

Page title

https://example.com/page

Page description will appear here.

OG/Twitter Preview

Simple social card preview

No image

Card title

Card description