Использование Schema.org для ведения блога: Статья ПРОТИВ публикации в блоге
Я уже некоторое время переделываю свой веб-сайт и хочу запустить его как можно быстрее, но я хочу сделать его передовым, если это возможно. В настоящее время я использую измененный шаблон (я знаю! веб-дизайнер, использующий шаблон tut tut... но, короче говоря, у меня была 1 неделя, чтобы создать живой веб-сайт, а также составить бизнес-план для бизнес-гранта, и с момента начала работы я работал в полную силу до последних 2 месяцев и его охлаждения! что очень приятно!). Движущийся вперед!
Хотя дизайн важен, я также хочу проявлять живой интерес к использованию разметки, проблема, с которой я сталкиваюсь, заключается в том, что Schema.org это ТАААК РАСПЛЫВЧАТО! и это совершенно разрушает мой мозг.
Вопрос довольно простой, но в то же время довольно сложный, какой из них вы считаете лучшим:
Стоит упомянуть, что я сделал некоторые исследования в этом уже и предположительно являются различием между сообщением в блоге и статьей по определению за пределами 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>
2 answers
Schema.org : Статья, размещение в блоге
Если что-то является схемой: Размещение в блоге, это тоже схема: Статья, не так ли? Как схема: Размещение в блоге - это более конкретная схема: Статья:
Более конкретные типы
- Размещение в блоге
- Новостная статья
- Научная статья
Итак, у вас есть схема:Статья, и теперь вы можете решить, применим ли один из этих более конкретных типов к вашему контенту. Если нет, оставайтесь со схемой: Статья.
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>
По моему мнению и опыту, схема записи в блоге должна использоваться для записей в блоге. Он содержит все свойства , которые могут потребоваться для сообщений в блоге (хотя, как и схема статьи).
Чем больше поисковая система использует информацию, предоставленную с помощью схемы, тем более релевантным становится ваш контент, если он может быть правильно идентифицирован (помечен). Я бы связал схему статей с контентом, опубликованным новостной или образовательной организацией, и подобными более официальными документация или документы.
Этот вопрос также можно считать дубликатом с этим.