Meta tag builder

Using this tool

Generate title, description, canonical and social-card tags as a starting point for a page head.

Actions: Process

Example

Enter Demo, a description and the example canonical URL; output includes HTML and social tags.

Example action and settings

Action: Process
Title: Demo
Description: A sample page.
Canonical URL: https://example.com/

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo</title>
<meta name="description" content="A sample page.">
<link rel="canonical" href="https://example.com/">
<meta property="og:title" content="Demo">
<meta property="og:description" content="A sample page.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Demo">
<meta name="twitter:description" content="A sample page.">

Available options: Title · Description · Author · Keywords (comma-separated) · Canonical URL · Social image URL · Site name · Locale · Open Graph type · Twitter card · Twitter / X account · Robots directive · Theme color

Scope and limitations

• Generated tags do not guarantee indexing, rankings or social previews; deploy them and verify URLs and crawler access.

Common mistakes

• Do not point every page canonical to the homepage. Social image URLs should be accessible and relevant.

Related tools

Safe HTML preview

Privacy and browser support

Input is processed in this browser. Do not use real keys or active sensitive credentials as demonstration data. Device features require browser support and your permission.