Meta 标签生成器 - 免费在线开发工具

← ToolBox / Meta 标签生成器

📖 查看「Meta 标签生成器使用指南」

✨ Meta Tags Generator

Meta Tags Generator - Generate SEO and social share (Open Graph / Twitter Card) meta tags from title, description, URL and image. Free, browser-only.

📐 工作原理与说明

生成页面头部 meta 与社交分享标签。

基础：title、description、keywords、viewport、robots、charset。
社交：Open Graph 的 og:title/og:description/og:image/og:url，以及 Twitter Card 的 twitter:card 等。
建议：description 控制在 150–160 字符，过长会被搜索结果截断。
必需：viewport 是移动端正确适配的前提，缺失会触发桌面版缩放。

页面标题

页面描述

页面 URL

分享图片 URL

⚠️ 使用说明与注意事项

OG 图片建议 1200×630 像素、小于 1MB，过小的图在部分平台不展示大卡。
og:type 文章用 article、视频用 video.other；本工具默认 website。
改完可用社交平台调试器（如 Facebook Sharing Debugger）预览卡片抓取效果。

📋 关键字段

字段	用途
og:title	分享标题
og:image	分享图
twitter:card	大图卡

📚 深度解析：Meta Tags Generator

💡 常见使用场景

生成 SEO/社交分享 meta。
给新页面生成完整 meta：一次产出 title、description 与 og/twitter 卡片，避免上线后社交分享没有缩略图。

生成

填标题描述 → 输出 `<title>`、description、og:*、twitter:*。

❓ 常见问题（FAQ）

og 与 twitter 区别？: og 为 Open Graph（Facebook 等），twitter 为卡片。
description 会影响排名吗？: 通常不直接影响排名，但会显著影响点击率——搜索结果里展示的很可能就是这段描述。写得具体、能回答用户意图的描述会提升点击；留空则由搜索引擎自行摘取正文，往往不理想。注意不同页面的 description 应各不相同，重复描述会被视为低质量信号。