W1 Cybertech

W1

什么是Schema Markup?

什么是Schema

文/Reign

Schema Markup是一种结构化数据标记语言,也被称为Schema.org或Schema,中文为结构标记代码。Schema可以为搜索引擎提供更详细、更准确的信息,帮助提高网站在搜索结果中的排名,以及提高网站的可见性和点击率。

schema.org是一个用于定义结构化数据的协议,旨在为互联网上的信息提供者和搜索引擎提供一种标准的格式,以便更好地理解和呈现数据。它由Google,Microsoft,Yahoo和Yandex等搜索引擎共同开发,其中包含了各种用于描述网站上各种内容的类别和属性,例如产品,组织,事件,文章等。这些结构化数据可以帮助搜索引擎更好地理解和组织信息,并在搜索结果中显示更富有信息和相关的结果。此外,结构化数据还可以用于实现语音搜索和其他智能应用程序的功能。

Schema Markup对于SEO来说非常重要,它可以提高网站在搜索结果中的曝光率和点击率,因为它可以为搜索引擎提供更详细、更准确的信息,让搜索引擎更好地理解和解释网站内容。

对于在澳洲做SEO的网站,使用Schema同样具有很大的意义。澳洲的搜索引擎市场与其他国家类似,例如Google、Bing和Yahoo等搜索引擎占据主导地位。这些搜索引擎都支持结构化数据标记,并且会根据其在搜索结果中的可视性和排名来考虑网站的排名。因此,使用Schema可以帮助澳洲网站在搜索引擎中获得更好的可见性和排名。此外,在澳洲,有一些特定的本地搜索引擎和目录,例如Yellow Pages和TrueLocal等,这些本地搜索引擎和目录也支持Schema标记,可以帮助网站在这些本地搜索引擎和目录中获得更好的排名和可见性。因此,在澳洲做SEO的网站管理员应该认真考虑使用Schema来提高他们的网站在各种搜索引擎和目录中的排名和可见性。

Schema Markup的作用包括:

  1. 提高搜索结果的可读性:通过提供更详细、更准确的信息,Schema Markup可以让搜索结果更加有吸引力和易于理解。
  2. 提高搜索结果的点击率:通过显示更多的信息,例如评分、评论、价格、位置等等,Schema Markup可以让搜索结果更加引人注目,从而提高点击率。
  3. 提高搜索结果的排名:虽然Schema Markup本身并不直接影响搜索排名,但它可以提高网站的可见性和点击率,从而间接地影响搜索排名。

使用Schema Markup没有副作用,但需要注意的是,Schema Markup需要被正确地添加到网站的HTML代码中,否则可能会出现错误或无法实现预期效果。

使用代码实现Schema Markup需要添加特定的标记代码,这些标记代码通常是在HTML标记内部添加的,以提供特定的信息,例如产品名称、价格、评级、位置等。下面是几个使用Schema Markup的示例:

组织架构:使用Organization标记来提供公司的名称、地址、电话号码、电子邮件等信息。

				
					<div itemscope itemtype="http://schema.org/Organization">
  <h2 itemprop="name">公司名称</h2>
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="streetAddress">公司地址</span>
    <span itemprop="addressLocality">城市</span>
    <span itemprop="addressRegion">省/州</span>
    <span itemprop="postalCode">邮编</span>
  </div>
  <div itemprop="telephone">电话号码</div>
  <div itemprop="email">电子邮件地址</div>
</div>
				
			

产品:使用Product标记来提供产品的名称、描述、价格、图片等信息。

				
					<div itemscope itemtype="http://schema.org/Product">
  <h2 itemprop="name">产品名称</h2>
  <img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" itemprop="image" data-src="产品图片地址">
  <span itemprop="description">产品描述</span>
  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <span itemprop="price">产品价格</span>
    <span itemprop="priceCurrency" content="货币代码">货币符号</span>
  </div>
</div>

				
			

评论:使用Review标记来提供用户评论的信息,例如作者、评分、评论内容

				
					<div itemscope itemtype="http://schema.org/Review">
  <span itemprop="author">评论作者</span>
  <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
    <span itemprop="ratingValue">评分</span>
  </div>
  <span itemprop="reviewBody">评论内容</span>
</div>
				
			

地点:使用Place标记来提供地点的名称、地址、电话号码、经纬度等信息。

				
					<div itemscope itemtype="http://schema.org/Place">
  <h2 itemprop="name">地点名称</h2>
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="streetAddress">地址</span>
    <span itemprop="addressLocality">城市</span>
    <span itemprop="addressRegion">省/州</span>
    <span itemprop="postalCode">邮编</span>
  </div>
  <div itemprop="telephone">电话号码</div>
  <div itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
    <meta itemprop="latitude" content="纬度">
    <meta itemprop="longitude" content="经度">
  </div>
</div>
				
			

Knowledge Panel/知识卡片:使用结构化数据的不同类型和属性来指定各种实体、事件和关系。

用于指定一个名为 “John Doe” 的人物实体的信息:

				
					<script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "Person",
  "name": "John Doe",
  "jobTitle": "CEO",
  "url": "https://www.example.com",
  "sameAs": [
    "https://www.facebook.com/johndoe",
    "https://twitter.com/johndoe"
  ]
}</script>
				
			

在这个例子中,我们使用 JSON-LD 格式来定义一个人物实体。在 @type 属性中指定实体类型为 Person,然后指定一些基本信息,如姓名、职称、网址和社交媒体链接等。这些信息可以帮助搜索引擎理解网站上的内容,从而更好地为用户提供相关的搜索结果和知识卡片。

再比如指定关于一部电影的知识卡片信息的 Schema Markup:

				
					<script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "Movie",
  "name": "The Godfather",
  "director": {
    "@type": "Person",
    "name": "Francis Ford Coppola"
  },
  "actor": [
    {
      "@type": "Person",
      "name": "Marlon Brando"
    },
    {
      "@type": "Person",
      "name": "Al Pacino"
    }
  ],
  "datePublished": "1972-03-24",
  "genre": "Crime, Drama",
  "image": "https://www.example.com/the-godfather.jpg",
  "description": "The aging patriarch of an organized crime dynasty transfers control of his clandestine empire to his reluctant son."
}</script> 
				
			

再比如说地点:

				
					<script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "Place",
  "name": "Sydney Opera House",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Bennelong Point",
    "addressLocality": "Sydney",
    "addressRegion": "NSW",
    "postalCode": "2000",
    "addressCountry": "AU"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": "-33.8568",
    "longitude": "151.2152"
  },
  "url": "https://www.sydneyoperahouse.com"
}</script>
				
			

电商网站上的产品:

				
					<script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "iPhone 14 Pro",
  "image": "https://www.example.com/iphone-14-pro.jpg",
  "description": "The latest iPhone with the most advanced camera system ever.",
  "brand": {
    "@type": "Brand",
    "name": "Apple"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "1000"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "1199.00",
    "availability": "https://schema.org/InStock"
  }
}</script>
				
			

通过使用Schema Markup,可以为谷歌等搜索引擎提供更准确、更详细的信息,从而提高网站的可见性和排名。为了正确使用Schema Markup,需要了解所需的标记类型和其使用方法,并将其添加到HTML代码中。希望上面的用例可以帮助到大家,同时这也是个很好的具体的场景,可以说明为什么要做好SEO就一定要懂代码。

Scroll to Top