模式标记的最终指南以及如何用于SEO？-DEV365 开发者社区

什么是架构标记？
模式标记是一种微型数据，您可以将其添加到HTML中。它为搜索引擎提供了重要的信息，或者我们可以说改善搜索引擎读取和表示您的页面的方式。

搜索引擎无法以人眼的方式看到/读取网站，即我们可以看到的网页中的所有样式和图像，只是搜索引擎的长文本文件，带有数百个句子。从所有这些句子中，要识别哪个句子是电子邮件，哪个句子是电话号码对于搜索引擎来说是非常艰难的工作。

为了克服这一点，搜索引擎诸如Google，Microsoft和Yahoo都提出了一个我们称为架构标记的解决方案 - 它为搜索引擎提供了所有与网页相关的信息，以其理解的方式，以其他方式架构标记标记标记告诉搜索引擎您的数据的全部内容。

最常见的是，流行搜索引擎有三种不同的模式标记格式。

JSON-LD（推荐）
Microdata
rdfa

Ifour Technolab使用它在网络上找到的JSON-LD结构化数据来了解页面的内容，这是一个JSON-LD结构化数据段，可能会在ifourtechnolab.com上出现，描述了页面类型，网站的名称，和其他细节：

示例：（使用：json-d）

<script type="application/ld+json">
  {

  "@context": "http://schema.org/",
  "@type": "WebSite",
  "name": "iFour Technolab",
  "alternateName": ["iFour","iFour Technolab","Asp.Net Software Company"],
  "url": "https://www.ifourtechnolab.com/",
  "potentialAction":{
  "@type": "SearchAction",
  "target": "https://www.ifourtechnolab.com/tag?tag={search_term_string}",
  "query-input": "required name=search_term_string"
  }
  }
  </script>

让我们讨论一些基本细节

@Type：类型是标签或属性，它告诉搜索引擎是什么类型的数据。而且，这里类型是一个网站，因此搜索引擎开始知道此页面是一个网站，并包含有关网站的信息。
名称：此处名称描述了搜索引擎的网站名称。
URL：URL描述了搜索引擎的网站链接。

阅读更多：23 ADVANCED SEO TECHNIQUES TO DOMINATE SERPS IN 2020

示例：（使用：microdata / rdfa）

<div itemscope="" itemtype="http://schema.org/WebSite">
<meta item="" prop="name" content="iFour Technolab">
<meta itemprop="alternateName" content="Asp.Net Software Company">
<meta itemprop="url" content="https://web.archive.org/web/20201126040717/https://www.ifourtechnolab.com/"><form itemprop="potentialAction" itemscope="" itemtype="http://schema.org/SearchAction">
<meta itemprop="target" content="https://web.archive.org/web/20201126040717/https://www.ifourtechnolab.com/tag?tag={search_term_string}">
<input itemprop="query-input" name="search_term_string" required="" type="text">
<input type="submit"> </form></div>

让我们讨论，

itemScope指示容器内部的项目。
itemType描述了项目内容或页面类型的项目类型，在上面的实例中。
itemprop描述了上述特定项目的属性，它是网站的名称，替代名称，url等。

模式标记如何在SEO中有所帮助？

更好的用户体验具有良好的排名因素

Schema.org提供了数百个数据标记，用于所有类型的内容 - 从人到组织，从娱乐到法律时间表。

其中一些是：

组织
食谱
文章
人
Places
产品
电影
书评
事件
软件应用程序等

这样做，结构化数据标记使用了所有这些标记，以向搜索引擎提供信息，例如您的数据的全部内容，而实际上是什么意思，而不仅仅是随机关键字。

主要是搜索引擎将所有这些信息匹配到用户的搜索查询。结果，这将改善用户在搜索引擎上的体验 - 作为回报，这也可能是一个很好的排名因素。

丰富的片段

结构化数据标记增强了在搜索引擎结果页面（SERP）中显示在您的内容标题下的丰富片段，这将使您的网页看起来更好。

请看以下示例：

请参阅，该结果如何包含用户可能需要的所有信息。

在这里，与仅包含Google选择的元数据的结果相比，Rich rich摘要看起来更好。

总结一下，模式标记可帮助您显示希望用户在网页的丰富摘要上看到的确切信息

增强您的网站SEO

模式标记提供的目标元数据比单纯的关键字。此外，它使搜索引擎很容易理解您的网页的内容，并且与没有图式的网站相比，可以轻松地索引网页。

基于一个案例研究，具有结构化数据标记的网页最多可以比不使用数据标记的网站高四个位置。

因此，更好的模式标记意味着更好的SEO。

我们使用的模式标记

让我们讨论Ifourtechnolab.com使用的一些模式标记，以保持其大部分比赛的领先地位。

公司模式（组织架构的一般类别）

公司模式详细阐述了公司简介，包括公司名称的类型，官方徽标，地址，联系信息，andunique andunique标识您公司的URL等。

还有另一个值：“@type”：“ Corporation”通常是“组织”。许多公司使用此价值。组织架构标记有助于生成品牌信号，从而增强您网站在搜索引擎结果页面（SERP）中的富裕片段。

示例：（搜索：Ifour Technolab; Corporation：Ifour Technolab;使用JSON-LD）

<script type="application/ld+json">
  {
  "@context": "https://schema.org",
  "@type": "Corporation",
  "name": "iFour Technolab Pvt. Ltd.",
  "alternateName": [
  "iFour",
  "iFour Technolab",
  "Asp.Net Software Company"
  ],
  "url": "https://www.ifourtechnolab.com/",
  "logo": "https://www.ifourtechnolab.com/assets/images/logo/logo-ifour-software-company-logo.webp",
  "sameAs": [
  "https://www.facebook.com/ifourtechnolab/",
  "https://twitter.com/consultifour",
  "https://www.linkedin.com/company/ifourtechnolab",
  "https://www.ifourtechnolab.com/",
  "https://www.youtube.com/channel/UCXGOj7M361sk4OoqqcqEs1g",
  "https://in.pinterest.com/i4technolab/",
  "https://www.instagram.com/ifourtechnolab/"]
  }
</script>

示例：（搜索：ifour technolab; corporation：ifour technolab; use：microdata / rdfa）

<span itemscope="" itemtype="http://schema.org/Organization">
<meta itemprop="name" content="iFour Technolab Pvt. Ltd.">
<meta itemprop="alternateName" content="iFour, Four Technolab,Asp.Net Software Company">
</span>

常见问题模式

当您提供经常询问的问题页面或包含常见问题的页面时，使用FAQ模式。

。

FAQ模式将使您有资格在搜索引擎结果页面下使用一个问题，并在单击时揭示答案。它还使您的内容或页面有资格在Google Assistant上显示的常见问题解答操作。

您只有在您的页面包含带有答案的问题列表的情况下才能使用常见问题架构。否则，如果您的页面有一个问题，用户可以提交替代答案，请改用QA架构，我们将在本文稍后讨论。

示例：（使用JSON-LD）

<script type="application/ld+json">
  {
  "@context": "https://web.archive.org/web/20201126040717/https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
  {
  "@type": "Question",
  "name": "What kind of technocrats we can hire from you?",
  "acceptedAnswer": {
  "@type": "Answer",
  "text": "<p>iFour has skillful developers in every department with fine experience in multiple project developments. You can hire our Angular developers, SCRUM masters, Front-end and Back-end developers, Project Managers, QA Engineers, Support Engineers.</p>"
  }
  },
  {
  "@type": "Question",
  "name": "Will the hired Angular developers work dedicatedly only for our project?",
  "acceptedAnswer": {
  "@type": "Answer",
  "text": "<p>Of course, yes. Our Angular developers always work dedicatedly on every client project for Full-time only.</p>"
  }
  },
  {
  "@type": "Question",
  "name": "How much time does it take to finish the Angular Project?",
  "acceptedAnswer": {
  "@type": "Answer",
  "text": "<p>Actually, it depends on several factors like business requirements, model and size of the project, integration, customization, required features and functionalities, etc. Depending on these, the timescale may vary.</p>"
  }
  },
  {
  "@type": "Question",
  "name": "How do you ensure that Angular web developers follow company guidelines in terms of acceptable coding practices?",
  "acceptedAnswer": {
  "@type": "Answer",
  "text": "<p>We schedule and follow the weekly peer code review process. Aside of that, our PM would also do code review on regular basis. And before making approval every pull request gets properly reviewed.</p>"
  }
  },
  {
  "@type": "Question",
  "name": "How do you protect our rights and ownership of intellectual property?",
  "acceptedAnswer": {
  "@type": "Answer",
  "text": "<p>You will have total control over our hired Angular developers who would work for you. The whole source code, intellectual property rights, copyrights, etc. would be under your roof. Thus, you own 100% ownership of the Web development project.</p>"
  }
  }
  ]
  }
</script>

示例：（使用：microdata / rdfa）

<h3 itemprop="name">What kind of technocrats we can hire from you?</h3>
<div itemscopeitemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text"><p>iFour has skillful developers in every department with fine experience in multiple project developments. You can hire our Angular developers, SCRUM masters, Front-end and Back-end developers, Project Managers, QA Engineers, Support Engineers.</p>
/div></div></div>
<h3 itemprop="name">Will the hired Angular developers work dedicatedly only for our project?</h3>
<div itemprop="text"><p>Of course, yes. Our Angular developers always work dedicatedly on every client project for Full-time only.</p></div>
<div itemscopeitemprop="mainEntity" itemtype="https://schema.org/Question"><h3 itemprop="name">How much time does it take to finish the Angular Project?</h3>
<div itemscopeitemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text"><p>Actually, it depends on several factors like business requirements, model and size of the project, integration, customization, required features and functionalities, etc. Depending on these, the timescale may vary.</p></div></div></div>
<div itemscopeitemprop="mainEntity" itemtype="https://schema.org/Question"><h3 itemprop="name">How do you ensure that Angular web developers follow company guidelines in terms of acceptable coding practices?</h3>
<div itemscopeitemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text"><p>We schedule and follow the weekly peer code review process. Aside of that, our PM would also do code review on regular basis. And before making approval every pull request gets properly reviewed.</p></div></div></div>

可说的模式

可说的是Schema.org的属性之一，在文章或网页中使用文本到语音（TTS）相同。

可说的架构标记，让搜索引擎识别使用TTS大声朗读的内容。

阅读更多：Best Seo Optimization Tips For Podcast That Ranks Easily

示例：（使用JSON-LD）

<script type="application/ld+json">
  {
  "@type": "NewsArticle",
  "dateline": "Ahmedabad, India",
  "@context": "https://web.archive.org/web/20201126040717/http://schema.org",
  "speakable": {
  "@type": "SpeakableSpecification",
  "xpath": ["/html/head/title",  "/html/head/meta[@name='description']/@content"]
  },
  "url": "https://web.archive.org/web/20201126040717/https://www.ifourtechnolab.com/why-data-security-should-be-a-top-priority-for-
  businesses"
  }
</script>

Speetable使用三种属性来识别“内容 - 位置”值

URL参考 - 它使用所使用页面中元素的ID值。
CSS选择器 - 它通过类属性（CSSSELECTOR属性）来解决页面中要使用的内容。
xpaths-它通过xpath在页面中说的内容（内容的XML视图）。

示例：（使用：microdata / rdfa）

<metaitemprop ="cssselector"="" content=".title">
<metaitemprop ="xpath"="" content=" html=" "="" body=" " h3"="">
<metaitemprop ="url"="" content="https: www.ifourtechnolab.com=" "="" why-data-security-should-be-a-top-priority-for-businesses"="">

</metaitemprop></metaitemprop></metaitemprop>

文章模式

文章模式标记主要用于新闻和博客文章；这将使您的内容更容易了解搜索引擎。

有几种类型的文章模式，最常用的是新闻片段和博客式策略。

新闻片段通常用于新闻文章或调查报告或报纸。因此，建议使用Blogposting模式，因为它越具体，您的架构就越具体，搜索引擎就越容易理解您的网站。

示例：（使用JSON-LD）

<scripttype ="application="" ld+json"="">
{
   "@context": "http://schema.org",
 "@type": "BlogPosting",
 "mainEntityOfPage":{
 "@type":"WebPage",
 "@id":"https://www.ifourtechnolab.com/blog/why-data-security-should-be-a-top-priority-for-businesses"
   },
 "headline": "WHY DATA SECURITY SHOULD BE A TOP PRIORITY FOR BUSINESSES?",
 "image": {
 "@type": "ImageObject",
 "url": "https://www.ifourtechnolab.com/pics/Why_data_security.webp"
    },
 "datePublished": "2020-09-22",
 "dateModified": "2020-09-22",
 "author": {
 "@type": "Person",
 "name": "Colin Ma"
  },
"publisher": {
"@type": "Organization",
"name": "iFour Technolab Pvt. Ltd.",
"logo": {
"@type": "ImageObject",
"url": "https://www.ifourtechnolab.com/assets/images/logo/logo-ifour-software-company-logo.webp"
}
},
"description": " Data Security is always being a major concern for all domains, no matter whether it is a healthcare software development industry, finance software development industry, aviation software development industry or any other business sector.",
"articleBody": "<p>In previous years, 67 % of small businesses practiced a cyber-attack, and 58 % accomplished a data breach. In the era of the Internet, data security is one of the significant issues to correlate in business..."
}

</p>
</scripttype>

示例：（使用：microdata / rdfa）

WHY DATA SECURITY SHOULD BE A TOP PRIORITY FOR BUSINESSES?

<metaitemprop ="description"="" content="data security=" "="" is=" " always=" " being=" " a=" " major=" " concern=" " for=" " all=" " domains,=" " no=" " matter=" " whether=" " it=" " healthcare=" " software=" " development=" " industry,=" " finance=" " aviation=" " industry=" " or=" " any=" " other=" " business=" " sector"="">
<metaitemprop ="articlebody"="" content="<p>In previous years, 67 % of small businesses practiced a cyber-attack, and 58 % accomplished a data breach. In the era of the Internet, data security is one of the significant issues to correlate in business...">



</metaitemprop></metaitemprop>

注意：文章机构应包含文章的整个身体内容。

模式标记的类型。

正如我们在本文中已经提到的那样，有几种类型的架构标记，或者我们可以根据您的内容类型说数据标记。我们还讨论了其中的一些Ifourtechnolab.com

使用

在这里，我们将讨论一些常用的模式标记类型。

人模式标记
人模式标记用于描述个人的个人详细信息，例如姓名，出生日期，教育，地址和家庭成员等。

示例：（搜索：Mark Zuckbery;组织：Facebook;使用：JSON-LD）

<scripttype ="application="" ld+json"="">
{                                      {
"@context": "http://schema.org/",
"@type": "Person",
"name": "Mark Zuckerberg",
"jobTitle": "Founder and CEO",
"worksFor":{
"@type": "Organization",
"name": "Facebook"}
}

</scripttype>

示例：（使用：microdata / rdfa）

<span itemscopeitemtype="http://schema.org/Person">
<meta itemprop="name" content="Mark Zuckerberg">
<meta itemprop="jobTitle" content="Founder and CEO">
<span itemprop="worksFor" itemscopeitemtype="http://schema.org/Organization">
          <meta itemprop="name" content="Facebook">
</span>
</span>

面包屑标记

面包库模式标记描述了导致网站上当前页面的路径链接。

示例：（组织：时间；使用JSON-LD）

<scripttype ="application="" ld+json"="">
{                  
{
"@context": "http://schema.org/",
"@type": "BreadcrumbList",
"itemListElement":[
   {
  "@type": "ListItem",
  "position":1,
  "item":{
  "@id": "http://time.com/money/section/travel/",
  "name": "Travel"
   }
},
{
  "@type": "ListItem",
  "position":2,
  "item":{
  "@id": "http://time.com/money/tag/tourism/",
  "name": "Tourism"
    }
}]
}

                </scripttype>

示例：（使用：microdata / rdfa）

<metaitemprop ="position"="" content="1">

Travel



<metaitemprop ="position"="" content="2">

Tourism


</metaitemprop>
</metaitemprop>

视频模式标记

搜索引擎很难爬网视频内容。视频模式标记可帮助Google爬网将视频索引在网站上，并帮助您的视频出现在Google Video搜索中。

示例：（组织：时间；使用JSON-LD）

<scripttype ="application="" ld+json"="">
{                
  {
  "@context": "http://schema.org/",
  "@type": "VideoObject",
  "name": "How to Stamp Silver Spoons",
      "description": "How to Stamp Silver Spoons",
  "thumbnailUrl": "https://assets1.darbysmart.com/project_photos/photos/000/000/867/large/Stamped-Silver-Spoons-Lifestyle-2.jpg?1425429629",
  "uploadDate": "2016-06-13",
  "duration": "PT0MundefinedS",
  "publisher":{
  "@type": "Organization",
  "logo":{
  "@type": "ImageObject"
  }
  },
  "interactionStatistic":{
  "@type": "InteractionCounter",
  "interactionType":{
    "@type": "http://schema.org/WatchAction"
  }
  }
}

</scripttype>