Uso de Schema.org para bloguear: Artículo VS BlogPosting

23

He estado rehaciendo mi sitio web durante algún tiempo y quiero lanzarlo lo más rápido posible, pero quiero que sea lo más avanzado posible. Actualmente estoy usando una plantilla modificada (¡lo sé! Diseñador web que usa la plantilla tut tut ... pero, para resumir, tuve 1 semana para obtener un sitio web en vivo, así como hacer un plan de negocios para una subvención comercial y desde que estoy trabajando he estado trabajando completamente hasta los últimos 2 meses y es chillzor (¡qué bien!). Avanzando!

Si bien el diseño es importante, también quiero interesarme mucho por usar el marcado, ¡el problema que encuentro es que Schema.org es MUY BUENO! y está destrozando mi cerebro por completo.

La pregunta es bastante simple pero bastante compleja al mismo tiempo, ¿cuál consideras mejor?

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

Vale la pena mencionar que ya he investigado un poco sobre esto y, supuestamente, la diferencia entre una publicación de blog y un artículo por definición fuera de Schema.org es que la publicación de blog generalmente tiende a ser de 50 a 400 palabras, mientras que generalmente los artículos son más detallados y contienen 500 palabras hacia arriba. Pero mirando en Schema.org asocian un artículo con revistas y periódicos, ¿seguramente esto no está bien?

¿También es una buena o mala idea usar categorías como esquema de 'palabras clave'?

Este es mi marcado actual y agradezco cualquier crítica o consejo adicional sobre cómo mejorar el marcado actual, tal vez incluso señalando malos hábitos de <p>, además, puede verlo en línea aquí y cómo Google lo ve aquí .

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

EDITAR:

Ahora estoy 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>
Simon Hayter
fuente

Respuestas:

24

schema.org: Artículo, BlogPosting

Si algo es un esquema: BlogPosting, es un esquema: artículo, también, ¿no? Como esquema: BlogPosting es un esquema más específico : Artículo :

Tipos más específicos

  • BlogPosting
  • NoticiasArtículo
  • Artículo Académico

Entonces tiene un esquema: Artículo, y ahora puede decidir si uno de estos tipos más específicos se aplica a su contenido. Si no, quédese con el esquema: artículo.

HTML5

  • No es necesario el titleatributo en el bookmarkenlace (ya que contiene el mismo contenido).

  • Puede usar el timeelemento para las fechas de publicación.

  • No usaría un subtítulo para la fecha de publicación y el autor, ya que no creo que sea un título alternativo o un eslogan (sin embargo, podría ser apropiado para su contenido real). En cambio, incluiría estos en un footerelemento :

    A footernormalmente contiene información sobre su sección, como quién lo escribió ...

  • No incluiría la imagen en un pelemento . Puede omitir cualquier elemento "contenedor" o usar un divsi lo necesita.

  • El enlace "Leer el artículo completo ..." no debe estar en el footer. Usaría el navelemento , ya que es la navegación principal para ese elemento de sección (→ article).

  • Usaría un dlelemento (o a ul) para las palabras clave.

Entonces un artículo podría verse así:

<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>
unor
fuente
1
¡+1 este es el tipo de información y sugerencias que estoy buscando! ¡No me importa usar microdatos adicionales si las personas tienen alguna idea!
Simon Hayter
Creo que podría estar equivocado con el marcador rel, ya que hasta ahora creo que el título funciona como un cursor sobre permitir que se proporcione información adicional mientras el marcador define el enlace permanente. Al eliminar la etiqueta del título, se desactiva el desplazamiento (al menos en Firefox está preocupado).
Simon Hayter
1
Parece que a primera vista se permiten varias palabras clave: stackoverflow.com/a/8050088/1892635
Simon Hayter
Acabo de actualizar con un código nuevo, ¿qué te parece?
Simon Hayter
@bybe: Respecto al titleatributo: Sí, falta la información sobre herramientas. Pero el punto es: la información sobre herramientas no es necesaria aquí, ya que el mismo contenido ya está presente en el enlace de anclaje. El contenido del titleatributo no proporciona ninguna información nueva aquí. Por ejemplo, para algunos usuarios de lectores de pantalla, el mismo contenido se leería dos veces.
hasta el
4

En mi opinión y experiencia, el esquema de publicación de blog debe usarse para publicaciones en un blog. Contiene todas las propiedades que puede necesitar en las publicaciones de un blog (aunque también lo hace el esquema del artículo).

Cuanto más utilice un motor de búsqueda la información proporcionada a través de Schema, más relevante será su contenido si puede identificarse correctamente (está marcado). Asociaría el esquema de Artículos con el contenido publicado por una organización educativa o de noticias y los gustos de más documentación o documentos oficiales.

Esta pregunta también podría considerarse un duplicado con esta .

zigojacko
fuente