Bir süredir web sitemi yeniden yapıyorum ve olabildiğince çabuk başlatmak istiyorum, ancak mümkünse öncü olmasını istiyorum. Şu anda değiştirilmiş bir şablon kullanıyorum (biliyorum! Web tasarımcısı tut tut… 'u kullanarak web tasarımcısı… ama uzun lafın kısası, canlı bir web sitesi almak için 1 hafta kaldım, işletme hibesi için bir iş planı yaptım ve çalıştıktan beri çalışıyordum. 2 ay kadar sürecek ve onun serinliği! Hareketli!

Tasarım önemli olsa da, işaretleme kullanımına da büyük ilgi göstermek istiyorum. Karşılaştığım sorun Schema.org'un SOOOO VAGUE! ve kesinlikle beynimi mahvediyor.

Soru oldukça basit ama aynı zamanda oldukça karmaşık, hangisini en iyi düşünürsünüz:

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

Bu konuda biraz araştırma yaptım ve sözde bir blog yazısı ile Schema.org'un dışında tanımlandığı gibi bir makale arasındaki fark olduğu söylenmeye değer, blog yazımının genellikle 50 kelimeden 400 kelimeye kadar herhangi bir yerde olma eğiliminde olduğudur. daha ayrıntılı ve 500 kelime içeriyor. Fakat Schema.org’a bakarak bir makaleyi dergiler ve gazetelerle ilişkilendirirler, elbette bu doğru değil mi?

Ayrıca, kategorileri 'anahtar kelimeler' şeması olarak kullanmak iyi veya kötü bir fikir midir?

Bu benim şimdiki işaretleme ve ben belki de kötü alışkanlıkları işaret ederek, cari işaretlemeyi iyileştirmeye herhangi bir ek eleştiri veya tavsiye hoşgeldin <p>ayrıca bunu çevrimiçi olarak görüntüleyebilir, burada ve Google bu nasıl gördüğünü burada .

<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>

DÜZENLE:

Şimdi kullanıyorum:

<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: Makale, BlogPosting

Bir şey şema ise: BlogPosting, bu bir şemadır: Makale de değil mi? Şema olarak: BlogPosting daha spesifik bir şemadır : Makale :

Daha spesifik tipler

• BlogPosting
• NewsArticle
• ScholarlyArticle

Böylece bir şemaya sahipsiniz: Makale ve şimdi bu daha belirli türlerden birinin içeriğiniz için geçerli olup olmadığına karar verebilirsiniz. Değilse, şemada kalın: Makale.

HTML5

• Bağlantıdaki titleözelliğe gerek yok bookmark(aynı içeriği içerdiğinden).

• timeÖğeyi yayın tarihleri ​​için kullanabilirsiniz .

• Basım tarihi ve yazar için alt başlık kullanmam, alternatif bir başlık veya bir etiket satırı olduğunu sanmıyorum (gerçekte sizin içeriğiniz için uygun olabilir). Bunun yerine, bunları bir footerelemana dahil ederim :

  Bir footertipik böyle yazarının kim olarak bölüm hakkında bilgi içermektedir ...

• Görüntüyü bir pöğeye dahil etmem . Herhangi bir "container" öğesini atlayabilir veya divgerekirse bir a kullanabilirsiniz .

• "Yazının tamamını oku ..." bağlantısının içinde olmamalıdır footer. navÖğeyi kullanırdım , çünkü bu bölümleme öğesinin ana gezinti noktası (→ article).

• Anahtar kelimeler için bir dlöğe (veya a ul) kullanırdım.

Yani bir makale şöyle görünebilir:

<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>

Benim görüşüme ve deneyime göre, bir blogdaki yazılar için blog yazısı şeması kullanılmalıdır. Bir blog gönderilerinde isteyebileceğiniz tüm özellikleri içerir (her ne kadar makale şeması da olsa).

Bir arama motoru, Schema aracılığıyla sağlanan bilgileri ne kadar çok kullanırsa, içeriğiniz doğru tanımlanabiliyorsa (işaretlendiğinde) o kadar alakalı olur. Makaleler şemasını bir haber ya da eğitim kurumu tarafından yayınlanan içerikle ve daha resmi belgelere ya da bildirilere benzer şekilde ilişkilendiririm.

Bu soru da bir çift düşünülebilir bu bir .