Hướng Dẫn Tạo Breadcrumbs Cho Blogger

Breadcrumbs là tập hợp các đường link phân cấp giúp người dùng có thể xác định mình đang ở đâu trong trang Web, qua đó tạo sự thuận tiện trong việc di chuyển từ trang này đến trang khác. Ngoài ra, việc tạo Breadcrumbs cũng giúp các công cụ tìm kiếm đánh giá cao trang Web của bạn, qua đó góp phần nâng cao thứ hạng Website của bạn.

Breadcrumbs cho Blogspot

Để tạo Breadcrumbs cho blogger, Nghiên cứu SEO xin hướng dẫn các bạn các bước thực hiện như sau:

Bước 1: Đăng nhập blogspot à Mẫu à Chỉnh Sửa HTML

Bước 2: Chèn đoạn code sau trước thẻ đóng ]]></b:skin>

#Breadcrumbs{color: #000;font-size: 13px; margin-bottom:10px; padding:10px; background:#FFCC00; border:2px solid #BBBBBB; font-weight:bold; text-decoration:none; }
#Breadcrumbs a{color: #000,font-size: 13px}
#Breadcrumbs div{float:left;}

Chú ý:

- font-size:13px - Cỡ chữ của dòng Breadcrumbs

- background:#FFCC00 - Màu nền khung

Bước 3: Tìm đến thẻ lệnh <b:includable id='post' var='post'> rồi chèn đoạn code bên dưới ngay sau nó:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
                    <div id='Breadcrumbs'>
                      <div itemscope='' itemtype='http://data-vocabulary.org/Breadcrum'>
                        <a expr:href='data:blog.homepageUrl' itemprop='url' rel='tag'>
                          <span itemprop='title'>
                            ĐIỀN TÊN BLOG CỦA BẠN
                          </span>
                        </a>
                        &#187;  
                      </div>
                      <b:loop values='data:posts' var='post'>
                        <b:if cond='data:post.labels'>
                          <b:loop values='data:post.labels' var='label'>
                            <b:if cond='data:label.isLast == &quot;true&quot;'>
                              <div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
                                <a expr:href='data:label.url' itemprop='url' rel='tag'>
                                  <span itemprop='title'>
                                    <data:label.name/>
                                  </span>
                                </a>
                                &#187; 
                              </div>
                            </b:if>
                          </b:loop>
                          <span>
                            <data:post.title/>
                          </span>
                        </b:if>
         </b:loop>
     </div>
</b:if>

Bạn chỉnh sửa ĐIỀN TÊN BLOG CỦA BẠN thành tên blog của bạn. Sau đó lưu click lưu mẫu và trở về trang quản trị,

Bước 4: Cài đặt Robots.txt trong blogspot để chắc rằng Breadcrumbs hiển thị trên google.

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Allow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html

Sitemap: http://www.nghiencuuseo.blogspot.com/feeds/posts/default?orderby=UPDATED

Thay http://nghiencuuseo.blogspot.com/ thành link website của bạn. 
Bạn chỉ cần lưu mẫu và trải nghiệm kết quả trên blog của mình.

Chúc các bạn thành công!