技术宅

当前位置:首页 > 网站教程 > 代码学习

代码学习

添加 Schema.org 标记

时间:04-08 作者:
Schema.org 标记(Schema Markup)是一种基于语义网的标准化词汇表,用于在网页中嵌入结构化数据,帮助搜索引擎和其他应用程序更准确地理解网页内容的含义。它由Google、Bing、Yaho
Schema.org 标记(Schema Markup)是一种基于语义网的标准化词汇表,用于在网页中嵌入结构化数据,帮助搜索引擎和其他应用程序更准确地理解网页内容的含义。它由Google、Bing、Yahoo和Yandex等主流搜索引擎联合推出,是SEO(搜索引擎优化)和内容可读性的重要工具。

Schema.org 标记的主要作用

  1. 提升搜索引擎理解内容

    • 通过结构化数据明确标注内容的类型(如文章、产品、事件等),帮助搜索引擎识别关键信息(如价格、评分、日期等),从而更精准地展示搜索结果。

  2. 增强搜索结果展示(Rich Snippets)

    • 在搜索结果中显示富媒体片段,例如:

      • 五星评分(产品、食谱)。

      • 面包屑导航(网站层级)。

      • 事件日期/地点。

      • FAQ或HowTo的折叠答案。

      • 职位招聘信息等。

  3. 支持语音搜索和AI助手

    • 结构化数据容易被语音助手(如Google Assistant、Siri)抓取,优化语音搜索结果的准确性。

  4. 提高点击率(CTR)

    • 富媒体片段更醒目,能吸引用户点击,间接提升流量。

  5. 适配多场景应用

    • 可用于电子邮件(如Gmail的促销标签)、知识图谱、社交媒体等平台。

 

实现方式

  1. JSON-LD(推荐)

    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Article",
      "headline": "文章标题",
      "author": { "@type": "Person", "name": "作者名" }
    }
    </script>
  2. Microdata
    直接在HTML标签中嵌入属性:

    <div itemscope itemtype="https://schema.org/Product">
      <span itemprop="name">产品名称</span>
    </div>
 

注意事项

  • 标记需与页面内容一致,滥用可能导致搜索引擎惩罚。

  • 并非所有标记都会触发富媒体片段,具体由搜索引擎决定。

  • 优先使用JSON-LD格式(Google推荐)。

通过合理使用Schema.org标记,可以显著提升网站在搜索引擎中的可见性和用户体验。