Использование Schema.org для ведения блога: статья VS BlogPosting

23

Я уже некоторое время переделываю свой веб-сайт и хочу запустить его как можно быстрее, но я хочу сделать его передовым, если это возможно. В настоящее время я использую измененный шаблон (я знаю! Веб-дизайнер использует шаблон 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>
Саймон Хейтер
источник

Ответы:

24

schema.org: статья, блог-постинг

Если что-то представляет собой схему: BlogPosting, это схема: Статья тоже не так ли? Как схема: BlogPosting является более конкретной схемой: Статья :

Более конкретные типы

  • BlogPosting
  • Новостная статья
  • ScholarlyArticle

Итак, у вас есть схема: статья, и теперь вы можете решить, применим ли один из этих более специфических типов к вашему контенту. Если нет, оставайтесь со схемой: ст.

HTML5

  • Нет необходимости в titleатрибуте по bookmarkссылке (так как он содержит тот же контент).

  • Вы можете использовать timeэлемент для дат публикации.

  • Я бы не использовал подзаголовок для даты публикации и автора, так как я не думаю, что это альтернативный заголовок или слоган (хотя может подойти для вашего реального содержания). Вместо этого я бы включил их в footerэлемент :

    A 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
+1 это та информация и предложения, которые я ищу! Я не против использовать дополнительные микроданные, если у людей есть идеи!
Саймон Хейтер
Я думаю, что вы можете ошибаться с закладкой rel, поскольку я полагаю, что титул работает как указатель, позволяющий предоставлять дополнительную информацию, пока закладка определяет постоянную ссылку. Удаление тега заголовка отключает наведение - по крайней мере, в Firefox.
Саймон Хейтер
1
Кажется, на первый взгляд допускается использование нескольких ключевых слов: stackoverflow.com/a/8050088/1892635
Саймон Хейтер
Я только что обновил немного нового кода, что вы думаете?
Саймон Хейтер
@bybe: Что касается titleатрибута: Да, подсказка отсутствует. Но дело в том, что подсказка здесь не нужна, так как такой же контент уже присутствует в привязке ссылки. Содержание titleатрибута здесь не дает никакой новой информации. Например, для некоторых пользователей программы чтения с экрана один и тот же контент будет прочитан дважды.
ОООНР
4

По моему мнению и опыту, схема сообщений в блоге должна использоваться для сообщений в блоге. Он содержит все свойства, которые могут потребоваться для сообщений в блоге (хотя и схема статьи).

Чем больше поисковая система использует информацию, предоставляемую через схему, тем более релевантным становится ваш контент, если он может быть правильно идентифицирован (помечен). Я бы связал схему «Статьи» с контентом, публикуемым новостной или образовательной организацией, а также с другими официальными документами или бумагами.

Этот вопрос также можно считать дубликатом с этим .

zigojacko
источник