나는 한동안 내 웹 사이트를 재건하고 있으며 가능한 한 빨리 웹 사이트를 시작하고 싶지만 가능한 경우 최첨단으로 만들고 싶습니다. 현재 수정 된 템플릿을 사용하고 있습니다 (템플릿 tut tut를 사용하는 웹 디자이너는 알고 있습니다. 그러나 긴 이야기는 1 주일 동안 라이브 웹 사이트를 구하고 사업 보조금에 대한 사업 계획을 세우고 운영 한 이후로 일하고 있습니다. 지난 2 개월까지 그리고 그것의 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>할 수도 있습니다. 또한 여기에서 온라인으로 볼 수 있고 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>

schema.org : 기사, 블로그 게시

무언가가 schema : BlogPosting이라면, 그것은 schema : Article도 아닌가? schema : BlogPosting은보다 구체적인 스키마입니다 .

보다 구체적인 유형

• 블로그 게시
• 뉴스 기사
• 학술 기사

따라서 스키마 : Article이 있으며 이제 이러한 특정 유형 중 하나가 콘텐츠에 적용되는지 결정할 수 있습니다. 그렇지 않으면 schema : Article을 사용하십시오.

HTML5

• 링크에 title속성이 필요하지 않습니다 bookmark(동일한 컨텐츠를 포함하므로).

• 게시 날짜에 time요소 를 사용할 수 있습니다 .

• 대체 제목이나 태그 라인이라고 생각하지 않기 때문에 게시 날짜와 저자에 하위 제목을 사용하지 않습니다 (실제 콘텐츠에 적합 할 수 있음). 대신, 나는 이것을 footer요소에 포함시킬 것입니다 :

  A는 footer일반적으로 그것을 쓴 사람으로 그 부분에 대한 정보가 포함되어 있습니다 ...

• pelement에 이미지를 포함시키지 않을 것 입니다. "컨테이너"요소를 생략하거나 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>

내 견해와 경험에서 블로그 게시물 스키마는 블로그의 게시물에 사용해야합니다. 여기에는 블로그 게시물에 필요한 모든 속성 이 포함되어 있지만 기사 스키마도 마찬가지입니다.

검색 엔진이 스키마를 통해 제공되는 정보를 더 많이 사용할수록 컨텐츠를 올바르게 식별 (표시) 할 수있을수록 컨텐츠의 관련성이 높아집니다. 기사 스키마를 뉴스 나 교육 기관에서 게시 한 콘텐츠 및보다 공식적인 문서 나 논문 등을 연결합니다.

이 질문은 또한에 중복으로 간주 될 수 이것 .