Local page metadata generator

构建搜索和社交页面元数据

编写标题、描述、规范 URL 和可选的社交图像，然后复制完整的头部片段。

HTML ready

Search and social preview

https://example.com/guide

Product guide

A practical guide for building a better product.

<title>Product guide</title>
<meta name="description" content="A practical guide for building a better product.">
<link rel="canonical" href="https://example.com/guide">
<meta property="og:type" content="website">
<meta property="og:title" content="Product guide">
<meta property="og:description" content="A practical guide for building a better product.">
<meta property="og:url" content="https://example.com/guide">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Product guide">
<meta name="twitter:description" content="A practical guide for building a better product.">

Everything runs in your browser. Nothing is uploaded or saved.

One message across search and sharing

The title and description help people understand a page before they open it; write for the page's actual content.

A canonical link identifies the preferred URL when similar pages exist.

Open Graph and Twitter fields give social platforms a consistent title, description, and image to preview.

Metadata questions

Does metadata guarantee a search snippet?

No. Search engines may choose other page text when it better matches the query, but clear metadata gives them a useful source.

What belongs in the canonical URL?

Use the preferred absolute URL for the page, including the correct locale or path.

Is the social image required?

No. The generator emits a summary card without one and a large image card when you provide a valid image URL.