<meta property="og:title" content="Smarter Technology for All">
<meta property="og:image" content="assets/images/favicon.png" />
Open Graph 协议(OG Protocol)中的一个 meta 标签,它的作用是为社交媒体平台(例如 Facebook、LinkedIn 等)提供特定的图像和标题信息。当网页链接被分享时,这个图像会作为缩略图显示,标题是 content
中的内容,而不是默认的页面标题(通常是 <title>
标签中的内容)。
<meta name="twitter:title" content="Smarter Technology for All">
<meta name="twitter:image" content="assets/images/favicon.png">
HTML meta 标签,用来为 Twitter 卡片提供特定信息。当你的网页链接被分享在 Twitter 上时,指定卡片上显示的标题内容。
<meta itemprop="image" content="assets/images/favicon.png">
这是一种使用 Schema.org 的 Microdata 格式来定义页面元素属性的 meta 标签。它的作用是为搜索引擎或其他解析页面的工具提供关于网页中图像的信息。
itemprop=“image”: itemprop
是 Microdata 的一个属性,用来定义某个元素的具体属性。在这里,image 是指页面中相关联的图像,用于展示这个页面的缩略图或视觉内容。
用途:
-
SEO:虽然不像 Open Graph (og:image) 或 Twitter Cards (twitter:image) 那样广泛用于社交媒体,但 itemprop=“image” 主要是给搜索引擎或者使用 Schema.org 数据的工具提供额外的结构化数据。它帮助搜索引擎了解页面的图片信息,提升搜索结果中的展示效果,尤其是富卡片(Rich Cards)结果。
-
结构化数据:通过这种 Microdata,搜索引擎可以理解页面中的不同元素,如图像、标题、描述等,这有助于改进网页的可见性和用户体验,尤其是当搜索结果支持展示图片时。