善用Itemprop对Safari自动阅读视图友好标记

网页代码,seo优化

以往不知Itemprop有什么用,便对其存在与否不重视,直到用Safari“自动阅读视图”后才发现其重要性,首先上两张图:
Before:
Before

After:
After

因为我的评论列表加了Itemprop,所以浏览器便识别第一条评论的作者和时间为文章的作者和时间,在评论前面加上了Itemprop信息后便有了第二张图

<div class="comment-meta">
                        <div class="comment-author" itemprop="author">Mark Pron</div>
                        <div class="comment-time" itemprop="datePublished" datetime="2018-03-03">2018-03-03</div>
</div>

后来找了一下Itemprop的作用

itemscope, itemtype, itemprop。这些属性就是方便机器识别的特定的标记

你可以搜寻下 “html5微数据” 这个概念,就是给dom标签加入特定的属性key 这些数据都是为了给机器识别,对SEO有很大好处

    1. c0sMx

      Safari的这个功能有时好用有时就很糟糕。