Breadcrumbs là một khái niệm không còn mới lạ với dân SEOer, đó là thanh công cụ giúp điều hướng người dùng dễ dàng hơn. Breadcrumbs còn giúp người dùng nhận biết được họ đang đứng ở vị trí nào trên một website, và họ có thể điều hướng sang một trang khác hoàn toàn dễ dàng nhờ breadcrumbs. Breadcrumbs thường có cấu trúc dạng đường dẫn như sau: Home/ Categories / sub-categories/ Post
Thông qua hệ thống phân cấp trang, nó sẽ chỉ rỏ cho người dùng biết hiện họ đang đọc bài viết này thuộc chuyên mục nào. Trong SEO, breadcrumbs còn đóng một vai trò rất quan trọng nữa đó là giúp công cụ tìm kiếm nhìn thấy rõ ràng bức tranh của một website bao gồm đầy đủ các mục và chuyên mục trong đó. Chính nhờ sự phân cấp này đã làm tăng sự hiện diện website trên công cụ tìm kiếm, bởi vì breadcrumbs làm tăng mật độ từ khóa trong trang và chuyên mục. Khi người dùng khi tìm kiếm trang web trên công cụ tìm kiếm, họ sẽ rất ấn tượng với những web có phân cấp rỏ ràng bài viết theo từng chuyên mục cụ thể nên tỷ lệ nhấp chuột để xem trang rất cao. Và khi xem xong trang đích này, họ sẽ tìm thấy sự liên quan tiếp theo ở bài viết khác trong cùng chuyên mục và họ sẽ xem bài tiếp theo, như vậy sẽ làm giảm rỏ rệt tỷ lệ thoát trang nếu không có thanh breadcrumbs này. Như vậy chúng ta đã hiểu tầm quan trọng của breadcrumbs đối với người dùng và chiến lược rồi chứ? Bây giờ hãy cài đặt nó cho website của mình thôi.
Cách cài đặt breadcrumbs chuẩn seo cho blogspot
Rất dễ dàng, chỉ cần vào bảng điều khiển Blogger chọn Mẫu (Template), chọn Chỉnh sữa HTML. Ở trên khung HTML tìm đoạn code ]]</b:skin> và dán doạn mã sau vào phía trên đoạn mã đó
.breadcrumbs{padding:0 6px 6px 0;margin-bottom:20px;margin-top:0;font-size:12px;color:#6b6779;border-bottom:1px dotted #A863AE} Tiếp theo tìm đến đoạn mã <b:includable id='main' var='top'> trong Template và thay thế bằng đoạn code sau:
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <<- Phân cấp trang bài viết->> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Trang chủ</span></a></span> <b:loop values='data:post.labels' var='label'> » <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Trang chủ</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <<- Trang lưu trữ và tìm kiếm->> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Lưu trử <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span>Phía dưới<data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/>