Je refais mon site depuis un certain temps maintenant et je veux le lancer le plus rapidement possible mais je veux le rendre à la pointe si possible. J'utilise actuellement un modèle modifié (je sais! Concepteur de sites Web utilisant le modèle tut tut… mais pour faire court, j'avais 1 semaine pour obtenir un site Web en direct ainsi que pour élaborer un plan d'affaires pour une subvention commerciale et depuis mon fonctionnement, je travaille à plat jusqu'aux 2 derniers mois et son chillzor! ce qui est bien!). Continuons!
Bien que la conception soit importante, je veux également m'intéresser vivement à l'utilisation du balisage, le problème que je rencontre est que Schema.org est SOOOO VAGUE! et ça me brise complètement le cerveau.
La question est plutôt simple mais plutôt complexe à la fois, laquelle considérez-vous la meilleure:
Il convient de mentionner que j'ai déjà fait des recherches dans ce domaine et que la différence entre un article de blog et un article par définition en dehors de Schema.org est généralement que la publication de blogs a généralement tendance à être de 50 mots à 400 mots alors que généralement les articles sont plus détaillés et contiennent 500 mots vers le haut. Mais en regardant sur Schema.org, ils associent un article à des magazines et des journaux, ce n'est sûrement pas vrai?
Est-ce également une bonne ou une mauvaise idée d'utiliser des catégories comme schéma de «mots clés»?
Il s'agit de mon balisage actuel et je salue toute critique ou conseil supplémentaire sur l'amélioration du balisage actuel, peut-être même en soulignant les mauvaises habitudes de <p>, vous pouvez également le consulter en ligne ici et voir comment Google le voit ici .
<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>MODIFIER:
J'utilise maintenant:
<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>