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.