《Schema+OG+Twitter》多维度结构化GEO标签优化
随着社交平台、搜索引擎对网页结构化数据识别能力持续增强，完善 Open Graph、Twitter Card 与 Schema 结构化标签，已经成为提升网页社交分享展示效果、增强搜索信息抓取效率的重要手段。本文围绕网站首页、栏目列表页、文章详情页三大核心页面，标准化搭建 OG、Twitter、Schema 全套标签体系，统一规范页面类型、标题、摘要、封面图、时间、作者等信息输出，同时配套优化 GEO 地理标签，实现多渠道数据一致性输出，改善社交预览卡片展示，助力站点获得更友好的搜索引擎呈现效果。<!-- ========== 《Schema+OG+Twitter》多维度结构化GEO标签优化 ========== -->
<meta property="og:site_name" content="网站名称" /> // OpenGraph 站点名称
<meta property="og:locale" content="zh-CN" /> // OpenGraph 页面语言地区
<meta name="twitter:site" content="@账号名称" /> // Twitter卡片 关联官方账号
<meta name="twitter:card" content="summary_large_image" /> // Twitter卡片样式：大图摘要卡片
<!-- 首页 -->
<meta property="og:type" content="website" /> // OpenGraph 页面类型：网站首页
<meta property="og:title" content="【页面标题】" /> // OpenGraph 分享标题
<meta property="og:url" content="【页面完整URL】" /> // OpenGraph 页面规范链接
<meta property="og:description" content="【页面Meta描述内容】" /> // OpenGraph 分享简介
<meta property="og:image" content="【封面图片完整地址】" /> // OpenGraph 分享预览图
<meta name="twitter:title" content="【页面标题】" /> // Twitter卡片 分享标题
<meta name="twitter:description" content="【页面Meta描述内容】" /> // Twitter卡片 分享简介
<meta name="twitter:image" content="【封面图片完整地址】" /> // Twitter卡片 预览图片
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite", // Schema结构化数据类型：网站
"name": "【页面标题】", // Schema 站点名称
"url": "【页面完整URL】", // Schema 页面访问地址
"description": "【页面Meta描述内容】" // Schema 页面描述文本
}
</script>
<!-- 栏目页 -->
<meta property="og:type" content="website" /> // OpenGraph 页面类型：栏目列表页
<meta property="og:title" content="【栏目名称】 - 绵羊优创" /> // OpenGraph 分享标题
<meta property="og:url" content="【栏目完整URL】" /> // OpenGraph 栏目规范链接
<meta property="og:description" content="【栏目介绍描述】" /> // OpenGraph 分享简介
<meta property="og:image" content="【栏目封面图/默认Logo地址】" /> // OpenGraph 分享预览图
<meta name="twitter:title" content="【栏目名称】 - 绵羊优创" /> // Twitter卡片 分享标题
<meta name="twitter:description" content="【栏目介绍描述】" /> // Twitter卡片 分享简介
<meta name="twitter:image" content="【栏目封面图/默认Logo地址】" /> // Twitter卡片 预览图片
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ItemList", // Schema结构化数据类型：内容栏目列表
"name": "【栏目名称】", // Schema 栏目名称
"url": "【栏目完整URL】", // Schema 栏目访问地址
"description": "【栏目介绍描述】" // Schema 栏目描述文本
}
</script>
<!-- 文章详情页 -->
<meta property="og:type" content="article" /> // OpenGraph 页面类型：文章内容页
<meta property="og:title" content="【文章标题】 - 绵羊优创" /> // OpenGraph 分享标题
<meta property="og:url" content="【文章完整URL】" /> // OpenGraph 文章规范链接
<meta property="og:description" content="【文章摘要文本】" /> // OpenGraph 分享简介
<meta property="og:image" content="【文章首图/默认Logo地址】" /> // OpenGraph 分享预览图
<meta property="og:author" content="【作者昵称】" /> // OpenGraph 文章作者名称
<meta property="og:published_time" content="【发布时间 Y-m-d H:i:s】" /> // OpenGraph 文章发布时间
<meta property="og:updated_time" content="【最后更新时间 Y-m-d H:i:s】" /> // OpenGraph 文章修改时间
<meta name="twitter:title" content="【文章标题】 - 绵羊优创" /> // Twitter卡片 分享标题
<meta name="twitter:description" content="【文章摘要文本】" /> // Twitter卡片 分享简介
<meta name="twitter:image" content="【文章首图/默认Logo地址】" /> // Twitter卡片 预览图片
<meta name="twitter:creator" content="【作者昵称】" /> // Twitter卡片 文章创作者账号/昵称
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article", // Schema结构化数据类型：文章
"headline": "【文章标题】", // Schema 文章主标题
"author": {"@type":"Person","name":"【作者昵称】"}, // Schema 文章作者信息
"datePublished": "【发布时间 Y-m-d H:i:s】", // Schema 首次发布时间
"dateModified": "【最后更新时间 Y-m-d H:i:s】", // Schema 最后修改时间
"description": "【文章摘要文本】", // Schema 文章摘要描述
"image": "【文章首图/默认Logo地址】", // Schema 文章封面图片
"url": "【文章完整URL】" // Schema 文章访问链接
}
</script>
<!-- ========== 代码结束 ========== -->
页:
[1]