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