《Schema+OG+Twitter》多维度结构化GEO标签优化

随着社交平台、搜索引擎对网页结构化数据识别能力持续增强，完善 Open Graph、Twitter Card 与 Schema 结构化标签，已经成为提升网页社交分享展示效果、增强搜索信息抓取效率的重要手段。本文围绕网站首页、栏目列表页、文章详情页三大核心页面，标准化搭建 OG、Twitter、Schema 全套标签体系，统一规范页面类型、标题、摘要、封面图、时间、作者等信息输出，同时配套优化 GEO 地理标签，实现多渠道数据一致性输出，改善社交预览卡片展示，助力站点获得更友好的搜索引擎呈现效果。

1. <!-- ========== 《Schema+OG+Twitter》多维度结构化GEO标签优化 ========== -->
   
2. <meta property="og:site_name" content="网站名称" /> // OpenGraph 站点名称
   
3. <meta property="og:locale" content="zh-CN" /> // OpenGraph 页面语言地区
   
4. <meta name="twitter:site" content="@账号名称" /> // Twitter卡片 关联官方账号
   
5. <meta name="twitter:card" content="summary_large_image" /> // Twitter卡片样式：大图摘要卡片
   
6. 
   
7. <!-- 首页 -->
   
8. <meta property="og:type" content="website" /> // OpenGraph 页面类型：网站首页
   
9. <meta property="og:title" content="【页面标题】" /> // OpenGraph 分享标题
   
10. <meta property="og:url" content="【页面完整URL】" /> // OpenGraph 页面规范链接
    
11. <meta property="og:description" content="【页面Meta描述内容】" /> // OpenGraph 分享简介
    
12. <meta property="og:image" content="【封面图片完整地址】" /> // OpenGraph 分享预览图
    
13. <meta name="twitter:title" content="【页面标题】" /> // Twitter卡片 分享标题
    
14. <meta name="twitter:description" content="【页面Meta描述内容】" /> // Twitter卡片 分享简介
    
15. <meta name="twitter:image" content="【封面图片完整地址】" /> // Twitter卡片 预览图片
    
16. <script type="application/ld+json">
    
17. {
    
18.     "@context": "https://schema.org",
    
19.     "@type": "WebSite", // Schema结构化数据类型：网站
    
20.     "name": "【页面标题】", // Schema 站点名称
    
21.     "url": "【页面完整URL】", // Schema 页面访问地址
    
22.     "description": "【页面Meta描述内容】" // Schema 页面描述文本
    
23. }
    
24. </script>
    
25. 
    
26. <!-- 栏目页 -->
    
27. <meta property="og:type" content="website" /> // OpenGraph 页面类型：栏目列表页
    
28. <meta property="og:title" content="【栏目名称】 - 绵羊优创" /> // OpenGraph 分享标题
    
29. <meta property="og:url" content="【栏目完整URL】" /> // OpenGraph 栏目规范链接
    
30. <meta property="og:description" content="【栏目介绍描述】" /> // OpenGraph 分享简介
    
31. <meta property="og:image" content="【栏目封面图/默认Logo地址】" /> // OpenGraph 分享预览图
    
32. <meta name="twitter:title" content="【栏目名称】 - 绵羊优创" /> // Twitter卡片 分享标题
    
33. <meta name="twitter:description" content="【栏目介绍描述】" /> // Twitter卡片 分享简介
    
34. <meta name="twitter:image" content="【栏目封面图/默认Logo地址】" /> // Twitter卡片 预览图片
    
35. <script type="application/ld+json">
    
36. {
    
37.     "@context": "https://schema.org",
    
38.     "@type": "ItemList", // Schema结构化数据类型：内容栏目列表
    
39.     "name": "【栏目名称】", // Schema 栏目名称
    
40.     "url": "【栏目完整URL】", // Schema 栏目访问地址
    
41.     "description": "【栏目介绍描述】" // Schema 栏目描述文本
    
42. }
    
43. </script>
    
44. 
    
45. <!-- 文章详情页 -->
    
46. <meta property="og:type" content="article" /> // OpenGraph 页面类型：文章内容页
    
47. <meta property="og:title" content="【文章标题】 - 绵羊优创" /> // OpenGraph 分享标题
    
48. <meta property="og:url" content="【文章完整URL】" /> // OpenGraph 文章规范链接
    
49. <meta property="og:description" content="【文章摘要文本】" /> // OpenGraph 分享简介
    
50. <meta property="og:image" content="【文章首图/默认Logo地址】" /> // OpenGraph 分享预览图
    
51. <meta property="og:author" content="【作者昵称】" /> // OpenGraph 文章作者名称
    
52. <meta property="og:published_time" content="【发布时间 Y-m-d H:i:s】" /> // OpenGraph 文章发布时间
    
53. <meta property="og:updated_time" content="【最后更新时间 Y-m-d H:i:s】" /> // OpenGraph 文章修改时间
    
54. <meta name="twitter:title" content="【文章标题】 - 绵羊优创" /> // Twitter卡片 分享标题
    
55. <meta name="twitter:description" content="【文章摘要文本】" /> // Twitter卡片 分享简介
    
56. <meta name="twitter:image" content="【文章首图/默认Logo地址】" /> // Twitter卡片 预览图片
    
57. <meta name="twitter:creator" content="【作者昵称】" /> // Twitter卡片 文章创作者账号/昵称
    
58. <script type="application/ld+json">
    
59. {
    
60.     "@context": "https://schema.org",
    
61.     "@type": "Article", // Schema结构化数据类型：文章
    
62.     "headline": "【文章标题】", // Schema 文章主标题
    
63.     "author": {"@type":"Person","name":"【作者昵称】"}, // Schema 文章作者信息
    
64.     "datePublished": "【发布时间 Y-m-d H:i:s】", // Schema 首次发布时间
    
65.     "dateModified": "【最后更新时间 Y-m-d H:i:s】", // Schema 最后修改时间
    
66.     "description": "【文章摘要文本】", // Schema 文章摘要描述
    
67.     "image": "【文章首图/默认Logo地址】", // Schema 文章封面图片
    
68.     "url": "【文章完整URL】" // Schema 文章访问链接
    
69. }
    
70. </script>
    
71. <!-- ========== 代码结束 ========== -->
    

复制代码