Ich gestalte meine Website seit einiger Zeit neu und möchte sie so schnell wie möglich starten, aber wenn möglich immer auf dem neuesten Stand halten. Ich verwende derzeit eine geänderte Vorlage (ich weiß! Webdesigner verwende die Vorlage tut tut ... aber ich hatte eine Woche Zeit, um eine Live-Website zu erstellen und einen Geschäftsplan für ein Unternehmensstipendium zu erstellen. Seit dem Betrieb arbeite ich bis in die letzten 2 Monate und sein Chillzor flach raus! Das ist schön!). Weitermachen!
Obwohl das Design wichtig ist, möchte ich mich auch sehr für die Verwendung von Markup interessieren. Das Problem, auf das ich stoße, ist, dass Schema.org SOOOO VAGUE ist! und es zerschmettert mein Gehirn.
Die Frage ist eher einfach, aber gleichzeitig ziemlich komplex. Welche halten Sie für die beste:
Es ist erwähnenswert, dass ich bereits einige Nachforschungen angestellt habe und angeblich der Unterschied zwischen einem Blog-Post und einem Artikel per Definition außerhalb von Schema.org darin besteht, dass Blog-Postings im Allgemeinen zwischen 50 und 400 Wörtern lang sind, während Artikel im Allgemeinen sind ausführlicher und enthalten 500 Wörter aufwärts. Auf Schema.org wird jedoch ein Artikel mit Zeitschriften und Zeitungen in Verbindung gebracht. Stimmt das nicht?
Ist es auch eine gute oder schlechte Idee, Kategorien als "Schlüsselwort" -Schema zu verwenden?
Dies ist mein aktuelles Markup und ich begrüße jede zusätzliche Kritik oder jeden Ratschlag zur Verbesserung des aktuellen Markups. Vielleicht weist ich sogar auf schlechte Gewohnheiten hin <p>. Außerdem können Sie das hier online anzeigen und wie Google dies hier sieht .
<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>
BEARBEITEN:
Ich benutze jetzt:
<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>