自己动手Schema.org:无需程序员即可自定义微布局

自己动手Schema.org:无需程序员即可自定义微布局

现在冒犯了程序员,但不是必须的。他们将尝试在没有您的情况下进行应对,然后他们将向您提出请求,以修复该过程中出现的所有问题。玩笑。几乎。


我们讨论词汇和微标记语法,组装了几个用于创建和检查标记的插件和工具,并分步介绍了其中一个插件。


, Schema.org, .



Schema.org — , , . , , site.ru/product_page1 , : , , , .. .


Schema.org . , , :





— , . — , . Schema.org, Open Graph, Dublin Core — .


— html- . — , .


, Schema.org:



, , .



. : , — , — .


自己动手Schema.org:无需程序员即可自定义微布局

, :


自己动手Schema.org:无需程序员即可自定义微布局

:


自己动手Schema.org:无需程序员即可自定义微布局

: , :


自己动手Schema.org:无需程序员即可自定义微布局

Schema.org, — .


Google ( ).



Google . : , ( , ).


SEO Promopult: . — . -, , . , . ( ).



( ). , , : , .


: → → → .


— , ( ).


Schema.org


(, ) , (SKU, , ..).


schema.org.


自己动手Schema.org:无需程序员即可自定义微布局

— () Thing ( )


, :


  • Product — , . , , , .. , /: , , , , , , , , SKU ..
  • Event (). , : , , .. Schema.org Event . , (BusinessEvent), (Festival), (SportsEvent).
  • Recipe — . , , , .
  • Review (). — «» .


, Schema.org :


  • RDFa;
  • ;
  • ;
  • JSON-LD.

, (JSON-LD) — .


Google JSON-LD — , RDFa, .


: JSON-LD ( .). , ( ), . — RDFa ( , — ).


Google — JSON-LD.


JSON-LD


. , .


JSON-LD :


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

— , ( <html>, <head> <body> html-). , : , .



<script type="application/ld+json">
{
"@context": "https://schema.org/", //    — Schema.org
"@type": "Product", //  — 
"name": "iPhone", //  —  
"image": "https://site.ru/iphone10.png", // URL  
"description": "iPhone 10", // 
"brand": "Apple", // -
"aggregateRating": { // 
"@type": "AggregateRating",
"ratingValue": "5", // 
"ratingCount": "56" //  
}
}
</script>

! , , . , .


JSON-LD


JSON-LD ( ) — , . JSON-LD, :



自己动手Schema.org:无需程序员即可自定义微布局


自己动手Schema.org:无需程序员即可自定义微布局


自己动手Schema.org:无需程序员即可自定义微布局


, . JSON-LD , , .


:



自己动手Schema.org:无需程序员即可自定义微布局

  • .

自己动手Schema.org:无需程序员即可自定义微布局

JSON-LD?


( ) — . <head> </head> .


JSON-LD .



HTML ( JSON-LD — JavaScript). — .


— :


  • itemscope — , (<div>...</div>) ();
  • itemtype — ;
  • itemprop — .

:


<div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name"></h1>
<div itemprop="director" itemscope itemtype="http://schema.org/Person">:
<span itemprop="name"> </span>
(. <span itemprop="birthDate"> 20  1970 .</span>)
</div>
<span itemprop="genre"> </span>
<a href="../movies/interstellar-2-trailer.html" itemprop="trailer"></a>
</div>

— .



, -:



自己动手Schema.org:无需程序员即可自定义微布局


自己动手Schema.org:无需程序员即可自定义微布局


自己动手Schema.org:无需程序员即可自定义微布局


( ).



, .



Google — .


:


  • , ;
  • , Google (, ).


;


自己动手Schema.org:无需程序员即可自定义微布局

  • URL . , - — . — . . — , .
  • « ».

自己动手Schema.org:无需程序员即可自定义微布局

  • . « » , . , . (, ) .

自己动手Schema.org:无需程序员即可自定义微布局

  • 同样,标记所有必需和可选元素。然后单击完成。在弹出窗口中,该工具将提供选择系统选择的一组相似页面或创建自己的组。选择所需的选项,然后单击创建页面组。

自己动手Schema.org:无需程序员即可自定义微布局

  • 在下一步,系统将提供检查其他页面的正确布局。如果有许多相似的页面,系统将显示几个示例页面。如果系统错误地标记了某些元素,请检查标记并更正错误。然后发布微标记。

自己动手Schema.org:无需程序员即可自定义微布局

Googlebot会抓取该网站的页面,并考虑到指定的微布局。


如何更改或删除微布局


<>打开Search Console,然后转到“标记”部分。选择标记时添加的页面组。编辑它们或完全删除组。
自己动手Schema.org:无需程序员即可自定义微布局

Google , .


! Google. , . , - .



CMS?


CMS — . , . , :



自己动手Schema.org:无需程序员即可自定义微布局


自己动手Schema.org:无需程序员即可自定义微布局

  • Schema. JSON-LD. ( 99$). — , , , , . , Schema.org .

自己动手Schema.org:无需程序员即可自定义微布局


自己动手Schema.org:无需程序员即可自定义微布局

Schema:


Schema, . Settings → General. .


自己动手Schema.org:无需程序员即可自定义微布局

— Knowledge Graph. , — Person, , Organization ( ).


自己动手Schema.org:无需程序员即可自定义微布局

Schemas. « » «». , — .


自己动手Schema.org:无需程序员即可自定义微布局

, Schema. Advanced «Delete Data on Uninstall».


自己动手Schema.org:无需程序员即可自定义微布局

. — <head>...</head> JSON-LD.


Google ( ). , — .


自己动手Schema.org:无需程序员即可自定义微布局

. — .



  • Schema.org — , , .
  • . → CTR.
  • ? RDFa.
  • Google — JSON-LD.
  • Google . Search Console ( , ).
  • — . .
  • .

— . CMS — , .

Source: https://habr.com/ru/post/undefined/


All Articles