Meta tags are HTML elements in the section that provide metadata about the page.

Meta 标签生成器

即时生成完整的 SEO、Open Graph 和 Twitter Card HTML meta 标签。

页面标题 — 40 字符（推荐：50-60）页面描述 — 134 字符（推荐：150-160）关键词

作者

Robots

规范 URL

生成的 HTML

<!-- Basic SEO -->
<title>DevToolBox - Free Developer Tools Online</title>
<meta name="description" content="A collection of free developer tools including JSON formatter, Base64 encoder, UUID generator, and 200+ more utilities for developers.">
<meta name="keywords" content="developer tools, json formatter, base64 encoder, uuid generator, online tools">
<meta name="author" content="DevToolBox">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://viadreams.cc">

<!-- Open Graph -->
<meta property="og:title" content="DevToolBox - Free Developer Tools Online">
<meta property="og:description" content="Free online developer tools for formatting, encoding, converting, and debugging code.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://viadreams.cc">
<meta property="og:image" content="https://viadreams.cc/og-image.png">
<meta property="og:site_name" content="DevToolBox">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@devtoolbox">
<meta name="twitter:creator" content="@devtoolbox">
<meta name="twitter:title" content="DevToolBox - Free Developer Tools Online">
<meta name="twitter:description" content="Free online developer tools for formatting, encoding, converting, and debugging code.">
<meta name="twitter:image" content="https://viadreams.cc/og-image.png">

免费 SEO HTML Meta 标签生成器

使用此工具即时生成网页所需的所有 HTML meta 标签。Meta 标签帮助搜索引擎理解您的内容，控制搜索结果的显示方式，并定义社交媒体分享时的外观。

常见问题

Meta 标签为什么对 SEO 重要？

Meta 标签为搜索引擎提供页面信息。标题标签是最重要的 SEO 因素之一，出现在搜索结果中。

Meta 标题的理想长度是多少？

Google 通常显示 50-60 个字符的页面标题。建议保持在 60 个字符以内。

Meta 描述的理想长度是多少？

Google 显示约 155-160 个字符。建议 120-160 个字符。

什么是 Open Graph meta 标签？

Open Graph 标签控制 URL 在社交媒体上分享时的显示方式，定义标题、描述和图片。

什么是 Twitter Card meta 标签？

Twitter Card 标签定义内容在 Twitter 上分享时的显示方式，可覆盖 Open Graph 标签。

𝕏 Twitter in LinkedIn

评价此工具

3.8 / 5 · 203 人评价

保持更新

获取每周开发技巧和新工具通知。

无垃圾邮件，随时退订。

Enjoy these free tools?

☕Buy Me a Coffee

How to Use

Enter page title and description
Fill in Open Graph fields
Configure Twitter Card
Preview appearance
Copy the HTML meta tags

Use Cases

SEO optimization
Social media sharing
Content publishing
Website launches

FAQ

What are meta tags?

Meta tags are HTML elements in the <head> section that provide metadata about the page.

What is Open Graph?

Open Graph controls how your page appears when shared on social media.

What is the ideal description length?

Google displays 150-160 characters of a meta description.