使用Schema.org进行博客撰写:文章VS BlogPosting


23

我已经重建网站一段时间了,我想尽快启动它,但是如果可能的话,我希望使其领先。我目前正在使用经过修改的模板(我知道!网页设计师正在使用模板tut tut……长话短说,我有1周的时间来获得一个实时网站以及制定商业计划的业务计划,并且自从运营以来,我一直在工作持续到最近的两个月,以及它的chillzor!继续!

尽管设计很重要,但我也想对使用标记产生浓厚的兴趣,但我遇到的问题是Schema.org是SOOOO VAGUE!而且绝对是在砸我的脑子。

这个问题很简单,但同时又很复杂,您认为哪一个最好:

  1. itemtype =“ http://schema.org/Article”
  2. itemtype =“ http://schema.org/BlogPosting”

值得一提的是,我已经对此进行了一些研究,据推测是Schema.org之外的博客文章和按定义定义的文章之间的区别在于,博客文章通常倾向于50到400词,而一般文章更详细,包含500个以上的单词。但是在Schema.org上,他们将文章与杂志和报纸相关联,这肯定不对吗?

将类别用作“关键字”模式还是好还是坏的主意?

这是我目前的标记和我欢迎对改善当前的标记,甚至指出的陋习任何额外的批评或建议<p>,还可以在线查看它在这里和谷歌如何看待这个位置

<article itemscope itemtype="http://schema.org/Article">
  <header>
    <hgroup>
        <h1 itemprop="name"><a rel="bookmark" title="Why all of your website designs should be responsive" href="#just-a-test3">Why all of your website designs should be responsive</a></h1>
        <h6>Publish Date: <span itemprop="datePublished">2013-01-25</span> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a></h6>
    </hgroup>
  </header>
  <p><img itemprop="image" src="http://www.bybe.net/downloads/markup3.png" alt="markup3"></p>
  <p itemprop="description">This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>
  <footer>
    <p class="right"><a itemprop="url" class="more-link" href="#just-a-test3">Read the full article...</a></p>
    <p class="left">Filed Under: <span itemprop="keywords"><a href="#">Responsive Design</a>, <a href="#">Website Design</a></span></p>
  </footer>
</article>

<article itemscope itemtype="http://schema.org/Article">
  <header>
    <hgroup>
        <h1 itemprop="name"><a rel="bookmark" title="101 Ways of Grabbing Your Audience Less than 0.1secs" href="#just-a-test2">101 Ways of Grabbing Your Audience Less than 0.1secs</a></h1>
        <h6>Publish Date: <span itemprop="datePublished">2013-01-12</span> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a></h6>
    </hgroup>
  </header>
  <p><img itemprop="image" src="http://www.bybe.net/downloads/markup2.png" alt="markup2"></p>
  <p itemprop="description">This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>
  <footer>
    <p class="right"><a itemprop="url" class="more-link" href="#just-a-test2">Read the full article...</a></p>
    <p class="left">Filed Under: <span itemprop="keywords"><a href="#">Responsive Design</a>, <a href="#">Website Design</a></span></p>
  </footer>
</article>

<article itemscope itemtype="http://schema.org/Article">
  <header>
    <hgroup>
        <h1 itemprop="name"><a rel="bookmark" title="10 Top Design Tips" href="#just-a-test1">10 Top Design Tips</a></h1>
        <h6>Publish Date: <span itemprop="datePublished">2013-01-11</span> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a></h6>
    </hgroup>
  </header>
  <p><img itemprop="image" src="http://www.bybe.net/downloads/markup1.png" alt="markup1"></p>
  <p itemprop="description">This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>
  <footer>
    <p class="right"><a itemprop="url" class="more-link" href="#just-a-test1">Read the full article...</a></p>
    <p class="left">Filed Under: <span itemprop="keywords"><a href="#">Responsive Design</a>, <a href="#">Website Design</a></span></p>
  </footer>
</article>

编辑:

我现在正在使用:

<article itemscope itemtype="http://schema.org/BlogPosting">

    <header>
        <h1 itemprop="name"><a rel="bookmark" title="Title Description" href="#">Article Header</a></h1>
        <dl>
            <dt>Publish Date:</dt>
            <dd><time itemprop="datePublished">2013-01-25</time></dd>
            <dt>Authors:</dt>
            <dd><a rel="author" href="#">Author Name</a></dd>
        </dl>
    </header>  

    <div class="blog-container">
        <a title="Title Description" class="th" href="#">
            <img width="870" height="400" itemprop="image" alt="Alt Text here" class="post" src="#">
        </a>
        <p itemprop="description">A long but not to long decription</p>
        <a itemprop="url" title="Title Description" href="#" class="creading">Continue Reading</a>
    </div>

    <footer>
        <dl>
            <dt>Filed Under:</dt> 
            <dd itemprop="keywords"><a rel="category" title="Title Description" href="#">Responsive Design</a></dd>
            <dd itemprop="keywords"> <a rel="category" title="View all posts in Website Design" href="#">Website Design</a></dd>
        </dl>
    </footer>

</article>

Answers:


24

schema.org:文章,BlogPosting

如果某事物是schema:BlogPosting,那么它也是schema:Article,不是吗?由于schema:BlogPosting是更具体的schema:Article

更具体的类型

  • 博客发布
  • 新闻文章
  • 学术文章

因此,您有了一个schema:Article,现在您可以决定是否将这些更具体的类型之一应用于您的内容。如果不是,请保留schema:Article。

HTML5

  • 链接title上不需要属性bookmark(因为它包含相同的内容)。

  • 您可以使用time元素作为发布日期。

  • 我不会使用标题作为出版日期和作者,因为我认为这不是替代标题或标语(不过可能适合您的实际内容)。相反,我将这些包含在一个footer元素中

    一个footer典型的包含其部分如谁写的信息...

  • 我不会在p元素中包含图像。您可以省略任何“容器”元素,或者div在需要时使用。

  • 链接“阅读全文...”不应位于中footer。我将使用navelement,因为它是该部分元素(→ article)的主要导航。

  • 我会使用一个dl元素(或一个ul)作为关键字。

因此,一篇文章可能如下所示:

<article itemscope itemtype="http://schema.org/Article">

  <h1 itemprop="name headline"><a rel="bookmark" href="#just-a-test3">Why all of your website designs should be responsive</a></h1> 
  <!-- no need for 'header', but can be added if needed -->

  <footer>
    Publish Date: <time itemprop="datePublished">2013-01-25</time> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a>
    <!-- 'dl' could be used if you use "Author:" instead of "by:" -->
  </footer>

  <img itemprop="image" src="http://www.bybe.net/downloads/markup3.png" alt="markup3">

  <p itemprop="description">This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>

  <nav>
    <a itemprop="url" class="more-link" href="#just-a-test3">Read the full article...</a>
  </nav>

  <footer>
    <dl>
      <dt>Filed Under</dt>
      <dd itemprop="keywords"><a href="#">Responsive Design</a></dd>
      <dd itemprop="keywords"><a href="#">Website Design</a></dd>
    </dl>
  </footer>

</article>

1
+1这是我正在寻找的信息和建议!如果人们有任何想法,我不介意使用其他微数据!
西蒙·海特

我认为您可能对rel书签有误,据我所知,我相信title可以将鼠标悬停在上方,以便在书签定义永久链接时提供其他信息。删除标题标签会禁用悬停功能-至少在Firefox中是有效的。
西蒙·海特

1
乍看之下似乎允许使用多个关键字:stackoverflow.com/a/8050088/1892635
Simon Hayter

我刚刚更新了一些新代码,您认为呢?
西蒙·海特

@bybe:关于title属性:是,然后缺少工具提示。但关键是:这里不需要工具提示,因为链接锚中已经存在相同的内容。该title属性的内容在此处未提供任何新信息。例如,对于某些屏幕阅读器用户,相同的内容将被读取两次。
13年

4

以我的观点和经验,博客文章架构应用于博客文章。它包含您在博客文章上可能需要的所有属性(尽管文章架构也是如此)。

搜索引擎更多地利用通过Schema提供的信息,如果可以正确识别(标记)内容,则您的内容就越相关。我会将Articles模式与新闻或教育机构发布的内容以及更多正式文档或论文之类的内容相关联。

这个问题也可以看作是与重复的问题。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.