Was ist die aktuellste Way Pfadnavigation Mit HTML5

Question

Chris Coyier wrote a while ago, die die besten Auszeichnungs rel='up' Um Struktur in einem <nav> Abschnitt verwendet, aber das war im Jahr 2010, und er sagte, dass diese Art und Weise damals diskutiert wurde. Was ist der beste Weg, um die Hierarchie mit HTML5 für eine Breadcrumb-Navigationsleiste zu markieren? Hier ist Chris' reccomendation:

<nav> 
    <p> 
    <a href="/" rel="index up up up">Main</a> > 
    <a href="/products/" rel="up up">Products</a> > 
    <a href="/products/dishwashers/" rel="up">Dishwashers</a> > 
    <a>Second hand</a> 
    </p> 
</nav> 

Answer 1

Dies ist, wie Google-Markup für Breadcrumb darstellt (unter Verwendung von Mikrodaten) -

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> 
    <a href="http://www.example.com/dresses" itemprop="url"> 
     <span itemprop="title">Dresses</span> 
    </a> › 
</div> 
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> 
    <a href="http://www.example.com/dresses/real" itemprop="url"> 
     <span itemprop="title">Real Dresses</span> 
    </a> › 
</div> 
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> 
    <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url"> 
     <span itemprop="title">Real Green Dresses</span> 
    </a> 
</div> 

Quelle: https://support.google.com/webmasters/answer/185417

Aber ich nicht denke wirklich, dass es in beiden Ansätzen richtig oder falsch ist!

Answer 2

Nun, persönlich, Ich mag this article von Divya Manian, was erklärt, dass Semantik wirklich keine Rolle, so viel wie die meisten Leute scheinen zu denken. Die meiste Zeit werden die Leute Ihre Seite in einem Webbrowser sehen und werden keine Ahnung haben, was Ihre zugrundeliegende css oder html Struktur ist, und als solche ist es egal, solange es hübsch aussieht und funktioniert.

Die meisten Suchmaschinen und Computer Accessibility Software wird herausfinden, was es unabhängig von Ihrer spezifischen Markup ist, solange Sie nicht speziell versuchen, sie zu behindern. Wenn Sie Ihre Navigation in ein Nav-Tag einfügen, hilft das natürlich der intelligenteren Software, aber die intelligentere Software wird es trotzdem herausfinden.

Sich Sorgen darüber zu machen, ob Ihr Code der Semantik folgt, wird Ihnen nicht genügend greifbare Vorteile bringen, damit es sich lohnt, zu entscheiden, ob ein rel=up der "beste Weg" ist, Ihre Navigation zu codieren. Verschwenden Sie nicht Ihre Zeit, kodieren Sie einfach Ihre Website. (Es sei denn natürlich sind Sie von der Stunde bezahlt.)