Schema：提高网站可读性和搜索排名的利器

最新推荐文章于 2023-11-07 22:42:03 发布

DevCorner

最新推荐文章于 2023-11-07 22:42:03 发布

阅读量1.4k

点赞数

分类专栏：搜索引擎文章标签：搜索引擎

本文链接：https://blog.csdn.net/weixin_46254812/article/details/131115610

版权

搜索引擎专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前言

在现代网络生态中，搜索引擎优化（SEO）已经成为了各个网站主不可或缺的一部分。许多人使用各种技巧来优化他们的网站并使其排名更高，以方便更多的用户访问和使用。

而Schema则是在这个背景下出现的，它是谷歌、必应等搜索引擎联盟共同制定和推荐的一个标准数据格式，用于描述网站上不同类型的信息。采用Schema可以帮助搜索引擎解析和理解网站内容，更好地展示在搜索结果中，并且是提升搜索排名和网站可读性的有效方法之一。

什么是Schema？

在实际应用中，Schema是一段设置在HTML页面头部的Json-LD格式代码，来说明页面所包含的内容。Schema使用共享的词汇表和语言，从而确保所有网站上的数据被以相同的方式呈现。例如，Schema可以描述Web页面中的单位、有关电影的评级、书籍中的ISBN和评论等信息。

除此之外，Schema还提供了超链接的功能，可以将内容与其他内容进行连接以构建更完整的信息链条。这为搜索引擎提供了很好的机会，用于更好地理解网站内容，进而为网站提供更好的排名和搜索结果。

Schema常见类型

Schema包括了很多可以描述不同内容和页面的常见类型，以下是其中几个例子：

Person：表示个人身份信息。
Organization：表示组织或集团的信息。
Events：表示活动的信息。
Product：表示产品或服务的各种信息，例如价格、品牌等。
Recipe：表示烹饪类的信息，例如用料、工艺等。

Schema所支持的数据类型非常广泛，可以根据实际需求进行选择和配置，并支持自定义数据类型。

实际应用示例

首先，我们制定一个目标，假设我们有一个在线书店，我们希望使用Schema来为搜索引擎优化我们的网站。具体方案如下：

1. 定义书籍信息

我们需要使用Product类型的Schema来定义图书的各种信息，例如书名，作者，出版社和价格等。代码如下：

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": "JavaScript权威指南（第6版）",
  "description": "JavaScript权威指南已经成为了前端开发者必备的参考书。",
  "image": "https://example.com/photos/1x1/photo.jpg",
  "sku": "975614",
  "mpn": "12345",
  "brand": {
    "@type": "Brand",
    "name": "O'Reilly"
  },
  "review": [
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "John Doe"
      },
      "datePublished": "2021-06-27",
      "description": "Great book!",
      "name": "JavaScript权威指南（第6版）",
      "reviewRating": {
        "@type": "Rating",
        "bestRating": "5",
        "ratingValue": "5",
        "worstRating": "1"
      }
    }
  ],
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.48",
    "reviewCount": "365"
  },
  "offers": {
    "@type": "Offer",
    "availability": "https://schema.org/InStock",
    "price": "49.99",
    "priceCurrency": "CNY"
  }
}
</script>

2. 定义网页头部

Schema数据需要设置在页面的头部，以便搜索引擎能够获取到正确的信息。代码如下：

<head>
  <title>JavaScript权威指南（第6版） - 在线书店</title>
  <!-- 其他HTML头部元素 -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "Organization",
    "url": "http://www.example.com",
    "logo": "http://www.example.com/media/logo_250x250.png",
    "contactPoint": [{
      "@type": "ContactPoint",
      "telephone": "+86-10-1234-5678",
      "contactType": "customer service",
      "areaServed": ["CN"],
      "availableLanguage": ["Chinese", "English"]
    }]
  }
  </script>
</head>

3. 测试效果

将上述代码放入我们网站的页面中，并提交给搜索引擎以收录。我们可以使用一些工具检查Schema数据是否被正确设置，例如Google结构化数据测试工具等。

总结

Schema是谷歌、必应等搜索引擎共同提出的一种标准化数据定义方式。采用Schema可以帮助搜索引擎更好地理解和解释网站内容，并且提供更高质量的搜索结果。在实际应用中，可以根据需求选择不同类型的Schema来描述网站内容，并通过一些工具测试其效果。当然，在使用Schema时还需要遵守相应的标准和规范，以确保网站的可