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

Bạn có biết Breadcrumbs – Một 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, tạo sự thuận tiện di chuyển từ trang này đến trang khác. Tạo Breadcrumbs còn giúp google đánh giá cao trang web của bạn và website của bạn trở nên chuyên nghiệp hơn.

Hiện nay hầu hết các trang web hay blog mới đều thiết kế với tính năng này. Đối với sự nghiệp SEO và người dùng đều mang đến nhiều lợi ích: giúp các chỉ số PR, PR được xác định chính xác hơn, giảm tỷ lệ thoát ra khỏi website…

Để khởi tạo Breadcrumbs cho blogger 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  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êngoogle.

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

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

Thay http://tungcoder.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!

Nguồn: tungcoder.blogspot.com