[英]How to revise markup according to schema.org
I have blog portal and using an already paid theme from themeforest. 我有博客门户,并使用了来自themeforest的已付费主题。 I am concerning about SEO nowadays and realized schema.org.
如今,我正在关注SEO,并意识到了schema.org。 But i have a confusion about examples and mine markup.
但是我对示例和我的标记感到困惑。
<!--MAIN SECTION-->
<div class="main post-page">
<div class="row">
<!--CONTENT-->
<div class="col-md-9 col-sm-12 clearfix">
<!--POST-->
<article class="post row mid" itemscope itemtype="http://schema.org/BlogPosting">
<div class="img col-md-3 col-sm-6 col-xs-12">
<img src="example.jpg" itemprop="image" >
<div class="col-md-8 col-sm-6 col-xs-12">
<div class="info">
<h1>{{$post->title}}</h1>
<div class="data">
<p class="details"><h4>Author : John Doe</h4></p>
</div>
<div id="text-post">{{ $post->content() }}</div>
</div>
<div>
<!--END POST-->
<h3>About Author</h3>
<article class="row mid member" itemscope itemtype="http://schema.org/Person">
<img src="/author.jpg" alt="thumbnail" />
<div class="info">
<h1>John Doe</h1>
<p class="text">{{ $post->author->biography }}</p>
</div>
</article>.....
But when i check the example in google 但是当我检查谷歌的例子
<div itemscope itemtype="http://data-vocabulary.org/Person">
My name is <span itemprop="name">Bob Smith</span>
but people call me <span itemprop="nickname">Smithy</span>.
Here is my home page:
<a href="http://www.example.com" itemprop="url">www.example.com</a>
I live in Albuquerque, NM and work as an <span itemprop="title">engineer</span>
at <span itemprop="affiliation">ACME Corp</span>.
</div>
it has a lot of <span>...</span>
elements while mine does not have. 它有很多
<span>...</span>
元素,而我的则没有。 Do i have to rewrite all my markup again or can i use my markup and add schema.org elements from there. 我是否必须再次重写所有标记,还是可以使用标记并从那里添加schema.org元素?
Thank you. 谢谢。
You should be able to incorporate the various property tags within your markup, such as like this: 您应该能够在标记中合并各种属性标签,例如:
<!--MAIN SECTION-->
<div class="main post-page">
<div class="row">
<!--CONTENT-->
<div class="col-md-9 col-sm-12 clearfix">
<!--POST-->
<article class="post row mid" itemscope itemtype="http://schema.org/BlogPosting">
<div class="img col-md-3 col-sm-6 col-xs-12">
<img src="example.jpg" itemprop="image" />
<div class="col-md-8 col-sm-6 col-xs-12">
<div class="info">
<h1 itemprop="headline">{{$post->title}}</h1>
<div class="data">
<p class="details"><h4>Author : John Doe</h4></p>
</div>
<div id="text-post" itemprop="articleBody">{{ $post->content() }}</div>
</div>
<div>
<!--END POST-->
<h3>About Author</h3>
<article class="row mid member" itemprop="author" itemscope itemtype="http://schema.org/Person">
<itemprop="image" img src="/author.jpg" alt="thumbnail" />
<div class="info">
<h1 itemprop="name">John Doe</h1>
<p class="text" itemprop="description">{{ $post->author->biography }}</p>
</div>
</article>.....
I'd also recommend including the date within your markup as well. 我还建议您将日期也包括在标记中。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.