Я уже некоторое время переделываю свой веб-сайт и хочу запустить его как можно быстрее, но я хочу сделать его передовым, если это возможно. В настоящее время я использую измененный шаблон (я знаю! Веб-дизайнер использует шаблон tut tut… но вкратце, у меня была 1 неделя, чтобы получить живой сайт, а также составить бизнес-план для бизнес-гранта, и с момента работы я работал до последних 2 месяцев и его chillzor!, что приятно!). Двигаемся дальше!
Хотя дизайн важен, я также хочу проявить большой интерес к использованию разметки, но проблема, с которой я сталкиваюсь, заключается в том, что Schema.org - это SOOOO VAGUE! и это абсолютно разбивает мой мозг.
Вопрос довольно простой, но в то же время довольно сложный, какой из них вы считаете лучшим:
Стоит отметить, что я уже провел некоторые исследования в этой области и, по-видимому, разница между постом в блоге и статьей по определению за пределами 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>