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

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

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


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

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

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

这是我当前的标记,欢迎您对改进当前标记提出任何其他批评或建议,甚至可能指出<p>的不良习惯,此外,您还可以在此处在线查看它,以及Google在此处如何看待它。 >
<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>


评论

我很好奇架构中是否有任何说明,或者人们的经验自从最初发布以来有更好的说明?

#1 楼

schema.org:文章,BlogPosting
如果某个东西是一个schema:BlogPosting,那也是一个schema:Article,不是吗?由于schema:BlogPosting是一种更具体的架构:Article:

更具体的类型
BlogPosting
NewsArticle
ScholarlyArticle


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


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


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


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

footer通常包含有关其部分的信息,例如谁撰写的信息……。不会将图像包含在p元素中。您可以省略任何“容器”元素,如果需要也可以使用div


footer中不应包含“阅读全文...”链接。我将使用nav元素,因为它是该部分元素的主要导航(→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这是我正在寻找的信息和建议!如果人们有任何想法,我不介意使用其他微数据!

–西蒙·海特(Simon Hayter)♦
13年3月29日在15:49

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

–西蒙·海特(Simon Hayter)♦
13年3月29日在17:01

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

–西蒙·海特(Simon Hayter)♦
13年3月29日在18:19

我刚刚更新了一些新代码,您认为呢?

–西蒙·海特(Simon Hayter)♦
13年3月29日在18:32

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

–未成年
2013年3月30日12:45



#2 楼

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

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

这个问题也可以被视为与此问题的重复。