Cách mới nhất để cấu trúc Điều hướng đường dẫn bằng cách sử dụng HTML5

Question

Chris Coyier wrote a while ago đánh dấu tốt nhất sử dụng rel='up' trong phần <nav>, nhưng đó là vào năm 2010 và ông nói rằng cách này đã được tranh luận lại. Cách tốt nhất để đánh dấu phân cấp bằng cách sử dụng HTML5 cho thanh điều hướng đường dẫn là gì? Dưới đây là 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

Đây là cách Google trình bày đánh dấu cho mẩu bánh mì (sử dụng Microdata) -

<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> 

Nguồn: https://support.google.com/webmasters/answer/185417

Nhưng tôi không thực sự nghĩ rằng có đúng hay sai trong cả hai cách tiếp cận!

Answer 2

Vâng, cá nhân, tôi thích this article bởi Divya Manian, điều này giải thích rằng ngữ nghĩa thực sự không quan trọng nhiều như hầu hết mọi người dường như nghĩ. Hầu hết thời gian, mọi người sẽ xem trang của bạn trong trình duyệt web và sẽ không biết cấu trúc css hoặc html cơ bản của bạn là gì, và vì vậy không thể quan tâm miễn là nó trông đẹp và hoạt động.

Hầu hết các công cụ tìm kiếm và phần mềm trợ năng máy tính sẽ tìm hiểu xem nó là gì bất kể đánh dấu cụ thể của bạn, miễn là bạn không cố gắng cản trở chúng. Đặt điều hướng của bạn trong một thẻ nav tất nhiên sẽ giúp các phần mềm thông minh hơn, nhưng các phần mềm thông minh hơn sẽ con số nó ra anyway.

Lo lắng về việc mã của bạn có tuân theo ngữ nghĩa sẽ không cung cấp cho bạn đủ lợi ích hữu hình để làm cho nó xứng đáng với thời gian để quyết định xem rel=up là cách tốt nhất hay không. Đừng lãng phí thời gian của bạn, chỉ cần mã trang web của bạn. (Trừ khi tất nhiên bạn đang nhận được thanh toán theo giờ.)