Ho rifatto il mio sito Web da qualche tempo e voglio lanciarlo il più rapidamente possibile, ma voglio renderlo all'avanguardia se possibile. Attualmente sto usando un modello modificato (lo so! Web designer che usa tut tut template ... ma per farla breve ho avuto 1 settimana per ottenere un sito web dal vivo, nonché fare un business plan per una borsa di studio e da quando lavoro ho lavorato fino agli ultimi 2 mesi e il suo freddo! che è bello!). Andare avanti!

Mentre il design è importante, voglio anche interessarmi molto all'utilizzo del markup, il problema che sto riscontrando è che Schema.org è SOOOO VAGUE! e mi sta assolutamente distruggendo il cervello.

La domanda è piuttosto semplice ma allo stesso tempo piuttosto complessa, quale consideri migliore:

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

Vale la pena ricordare che ho già fatto alcune ricerche in questo e presumibilmente è la differenza tra un post di blog e un articolo per definizione al di fuori di Schema.org è che i post di blog in genere tendono ad essere ovunque da 50 parole a 400 parole mentre generalmente articoli sono più dettagliati e contengono 500 parole verso l'alto. Ma guardando su Schema.org associano un articolo a riviste e giornali, sicuramente non è giusto?

Inoltre è una buona o cattiva idea usare le categorie come schema di "parole chiave"?

Questo è il mio markup attuale e accolgo con favore qualsiasi critica o consiglio aggiuntivo sul miglioramento del markup corrente, forse anche sottolineando cattive abitudini <p>, inoltre puoi visualizzarlo online qui e come Google lo vede qui .

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

MODIFICARE:

Ora sto usando:

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

Se qualcosa è uno schema: BlogPosting, è uno schema: anche l'articolo, no? Come schema: BlogPosting è uno schema più specifico : Articolo :

Tipi più specifici

• BlogPosting
• Articolo di notizie
• ScholarlyArticle

Quindi hai uno schema: l'articolo e ora puoi decidere se uno di questi tipi più specifici si applica al tuo contenuto. In caso contrario, attenersi allo schema: articolo.

HTML5

• Non è necessario l' titleattributo sul bookmarkcollegamento (poiché contiene lo stesso contenuto).

• È possibile utilizzare l' timeelemento per le date di pubblicazione.

• Non userei un sottotitolo per la data e l'autore della pubblicazione, poiché non penso che sia un titolo alternativo o uno slogan (potrebbe essere appropriato per il tuo contenuto reale, però). Invece, includerei questi in un footerelemento :

  A in footergenere contiene informazioni sulla sua sezione come chi l'ha scritto ...

• Non includerei l'immagine in un pelemento . È possibile omettere qualsiasi elemento "contenitore" o utilizzare un divse necessario.

• Il link "Leggi l'articolo completo ..." non dovrebbe essere nel footer. Userei l' navelemento , in quanto è la navigazione principale per quell'elemento di sezionamento (→ article).

• Userei un dlelemento (o un ul) per le parole chiave.

Quindi un articolo potrebbe apparire come:

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

Dal mio punto di vista ed esperienza, lo schema dei post sul blog dovrebbe essere usato per i post su un blog. Contiene tutte le proprietà che potresti richiedere sui post di un blog (anche se, così come lo schema dell'articolo).

Quanto più un motore di ricerca utilizza le informazioni fornite tramite Schema, tanto più rilevante diventa il contenuto se può essere correttamente identificato (è contrassegnato come contrassegnato). Assocerei lo schema degli articoli a contenuti pubblicati da una notizia o un'organizzazione educativa e simili ad altri documenti o documenti ufficiali.

Questa domanda potrebbe anche essere considerata una copia di questa .