跳转到正文
MT

Meta Tag Generator

Build title, description, OGP and Twitter Card meta tags.

Example
example.com
Page Title

Your meta description will appear here.

Basics

0 / ~60
0 / ~160

Open Graph

Blank og:title / description / url fall back to the basic fields.

Twitter Card

Extras

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="index, follow" />

Paste the generated tags into your <head>. Attribute values are escaped automatically. SERP and OG previews are approximate — not affiliated with Google or any social platform. Title ~60 and description ~160 are soft guidance, not hard limits.

关于Meta Tag Generator

How a page looks in search results and social shares is driven by the meta tags in <head>. Writing title, description, og:*, and twitter:* by hand is easy to get wrong — missing tags or unescaped quotes are common. toco.tools’s Meta Tag Generator turns a simple form into a paste-ready HTML snippet. You get a lightweight SERP preview, soft character guidance for title (~60) and description (~160), and automatic attribute escaping. Everything runs in your browser; nothing is sent to toco.tools servers.

使用方法

  1. Enter title and description (watch the soft character guidance)
  2. Fill canonical URL, Open Graph, Twitter Card and other options as needed
  3. Copy the generated HTML and paste it into your <head>

常见问题

Can I use a title longer than 60 characters?

Yes. ~60 / ~160 are soft display guidelines for search results — they never block input or generation. Over-long text is clipped in the preview.

What if og:title is blank?

Blank og:title / description / url fall back to the basic title, description, and canonical when generating og:* and twitter:* tags.

Is my input sent anywhere?

No. Generation runs entirely in your browser; nothing is sent to toco.tools servers.