UD5工具箱
Open Graph (OG) 协议
Open Graph协议是一套由Facebook于2010年推出的网页meta标签规范，旨在让网页能够像社交平台上的对象一样被精确描述和控制。通过在HTML的head标签中添加og:title、og:description、og:image等特定的meta标签，网页开发者可以指定当该页面被分享到社交平台时显示的标题、描述文字、预览图片和其他元信息。OG协议已被Facebook、Twitter/X、LinkedIn、Discord等主流社交平台广泛支持和采用，成为了社交分享领域的事实标准。OG协议的核心标签包括og:title（标题）、og:description（描述）、og:image（图片）、og:url（链接地址）、og:site_name（网站名称）和og:type（内容类型）。
og:title
og:title是Open Graph协议中的核心标签之一，用于指定链接预览卡片上显示的标题文字。当用户在社交平台分享链接时，平台会读取og:title标签的值来渲染卡片标题。建议将标题控制在六十字符以内以确保在所有平台上完整显示，但部分平台支持更长的标题。在本工具中，og:title字段支持零到一百二十字符的编辑范围，并提供实时字数统计功能帮助用户把控长度。og:title的内容应当简洁、有吸引力，能够准确反映页面的核心内容，同时包含目标关键词以提升搜索可见性。
og:description
og:description标签用于指定链接预览卡片上显示的描述文字。这段文字通常出现在标题下方，为用户提供关于页面内容的简要说明。建议将描述控制在一百五十字符左右以获得最佳的跨平台兼容性，部分平台可能截断过长的描述。在本工具中，og:description字段支持零到三百字符的编辑范围，并配有实时字数统计。优质的og:description应当在有限的字符数内传达页面的核心价值，吸引用户点击链接了解更多内容。描述中适当包含关键词有助于提升社交平台和搜索引擎的可见性。
og:image
og:image标签用于指定链接预览卡片上显示的缩略图或封面图片。图片是预览卡片中最具视觉冲击力的元素，直接影响用户的点击意愿。推荐的图片尺寸为一千二百乘以六百三十像素，宽高比约为1.91:1，这是Facebook、LinkedIn和Twitter等大多数平台的标准显示比例。图片格式推荐使用JPG或PNG，文件大小建议不超过8MB。图片URL必须是完整的绝对路径，以https://开头。对于Twitter的summary卡片（小图模式），图片至少应为一百四十四乘以一百四十四像素。设计图片时应确保核心内容居中，因为在某些平台上图片的边缘部分可能被裁剪。
Twitter Card
Twitter Card是Twitter（现X）平台专属的meta标签体系，用于控制链接在Twitter上的预览展示方式。Twitter Card使用twitter:card、twitter:title、twitter:description、twitter:image等以twitter:前缀开头的标签。twitter:card标签定义卡片类型，主要支持summary（小图模式，图片显示在右侧）和summary_large_image（大图模式，图片占据上方大部分空间）两种类型。Twitter在找不到twitter专用标签时会自动fallback到对应的OG标签。最佳实践是同时设置两套标签（OG和Twitter Card），确保在所有平台上都能获得最佳显示效果。Twitter Card需要通过Twitter Card Validator进行验证后才能在平台上正确显示。
og:url
og:url标签用于指定链接预览的规范URL地址。当同一个页面有多个URL可以访问时（例如带有不同查询参数的URL），og:url告诉社交平台哪个URL是该页面的权威地址。社交平台在分享链接时会使用og:url作为分享的目标地址，确保所有分享都指向同一个规范URL。og:url应当使用完整的绝对路径，包含协议前缀（https://推荐）和域名。设置og:url有助于避免内容重复问题，将所有社交信号集中到一个规范URL上，对SEO有积极作用。
og:type
og:type标签用于定义网页内容的类型，帮助社交平台更好地理解和展示页面内容。常用的类型包括website（通用网站页面）、article（文章或博客）、product（产品页面）、video.movie（视频内容）、book（图书内容）和profile（个人资料页面）。选择正确的og:type有助于社交平台采用最适合该内容类型的卡片布局和交互方式。对于大多数网站而言，website或article即可满足需求。og:type的值必须使用小写字母，且不能包含空格。设置og:type是Open Graph协议的强制要求之一。
og:site_name
og:site_name标签用于指定网站的名称，该名称会显示在社交平台的链接预览卡片上。og:site_name通常显示在卡片的底部或来源位置，帮助用户识别内容的发布来源。设置og:site_name有助于建立品牌认知度，让用户在看到链接预览时能够快速识别内容来自哪个网站。og:site_name的值应当使用网站的官方名称，保持一致性和辨识度。虽然og:site_name不是Open Graph协议的强制标签，但设置它可以让你的链接预览卡片更加完整和专业。