Breadcrumbs là gì ?

<table><tbody><tr><td width="20%"><img alt="Breadcrumbs là gì ?" src="http://inet.edu.vn/upload/image/seo/2012-07/google-breadcrumbs.jpg" width="130px" /> </td> <td width="80%"> Khi 1 website có nhiều trang, phân làm nhiều cấp, làm sao để người dùng biết được mình đang ở đâu, và di chuyển giữa các trang giữa trang 1 cách nhanh chóng và thuận tiện. <a name="more"></a></td> </tr></tbody></table><div style="text-align: justify;"><span style="font-size: small;"><strong>Breadcrumbs là gì ?</strong></span></div><div style="text-align: justify;"><span style="font-size: small;"><strong><br /></strong></span></div><div style="text-align: justify;">là 1 dạng navigation (tập hợp các liên kết) giúp người dùng định vị được vị trí của trang hiện thời trong cấu trúc site.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Ví dụ:  <span class="Apple-style-span" style="color: #1e5b7e;">iNET</span> > <span class="Apple-style-span" style="color: #1e5b7e;">SEO Tips</span> > <strong>Breadcrumb là gì ?</strong></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><strong><span style="font-size: small;">Lợi ích của Breadcrumbs với người dùng</span></strong></div><ul><li>Giúp người dùng biết được vị trí của mình trên website</li><li>Thuận tiện khi di chuyển giữa các trang, không phải quay trở về trang chủ</li><li>Giảm tỷ lệ thoát (<strong>bound rates</strong>) -> tăng chất lượng website & tỷ lệ mua hàng .</li></ul><div style="text-align: justify;"><span style="font-size: small;"> <strong>Breadcrumbs rất quan trọng đối với Google </strong></span></div><ul><li>Giúp Google đánh giá chính xác PR, PA và keyword relation của một trang web.</li><li>Đánh giá được tổng thể cấu trúc của website,</li><li>Bạn sẽ có nhiều cơ hội đạt vị trí cao với những từ khóa mong muốn.</li></ul><div style="text-align: justify;">Sau đây là một ví dụ code HTML sử dụng chuẩn breadcrumbs</div><div style="text-align: justify;"><span style="font-size: small;"><strong>Ví dụ 1</strong>: Breadcrumbs theo chuẩn HTML thông thường</span></div><div style="text-align: center;"><img align="middle" alt="breadcrumbs là gì ?" border="0" height="110" src="http://inet.edu.vn/upload/image/seo/2012-07/breadcrumbs-html.jpg" width="595" /></div><div style="text-align: justify;">Và đây là kết quả</div><div style="text-align: center;"><img align="middle" alt="Breadcrumbs HTML " border="0" height="45" src="http://inet.edu.vn/upload/image/seo/2012-07/breadcrumbs-html-ket-qua.jpg" width="595" /></div><div style="text-align: justify;"><span style="font-size: small;"><strong>Ví dụ 2</strong>: Breadcrumbs theo chuẩn Microdata</span></div><div style="text-align: center;"><img align="middle" alt="Breadcrumbs theo chuẩn Microdata" border="0" height="339" src="http://inet.edu.vn/upload/image/seo/2012-07/breadcrumbs-microdata.jpg" width="600" /></div><div style="text-align: justify;"><span style="font-size: small;"><strong>Ví dụ 3</strong>: Breadcrumbs theo chuẩn <strong>RDFa</strong></span></div><div style="text-align: center;"><img align="middle" alt="Breadcrumbs theo chuẩn RDFa" border="0" height="335" src="http://inet.edu.vn/upload/image/seo/2012-07/breadcrumbs-RDFa.jpg" width="600" /></div><div style="text-align: left;">iNET</div>

Breadcrumbs là gì ?

Khi 1 website có nhiều trang, phân làm nhiều cấp, làm sao để người dùng biết được mình đang ở đâu, và di chuyển giữa các trang giữ...

Đọc thêm »