Hướng Dẫn Cài Đặt Breadcrumbs SEO Friendly Cho Blogspot

Hướng Dẫn Cài Đặt Breadcrumbs SEO Friendly - Breadcrumbs là một menu điều hướng nằm ở phía trên tiêu đề bài viết hoặc tiêu đề trang, nó chứa link đường dẫn từ Trang chủ HOME > Các nhãn bài viết > sau đó là tiêu đề bài viết. Breadcrumbs là khá quan trọng như là một yếu tố hỗ trợ SEO cho blog.

Breadcrumbs này được đánh giá là rất tốt cho SEO. Breadcrumbs thân thiện với SEO Friendly, và cho các công cụ tìm kiếm Valid HTML5.

Hướng Dẫn Cài Đặt Breadcrumbs SEO Friendly

1. Đăng nhập Blogger > Mẫu > Chỉnh sửa HTML > Sau đó thêm mã CSS dưới đây trước thẻ ]]></b:skin> hoặc </style>

/* BlogspotViet Breadcrumbs */
.breadcrumbs{padding:20px 30px;background:#fff;margin-bottom:20px}
.breadcrumbs a,.post-info a {color:#19abea;}
.breadcrumbs a:hover,.post-info a:hover {color:#454545;}

2. Tiếp theo thì đoạn HTML như dưới này

<b:includable id='main' var='top'>...</b:includable>

3. Sau đó thêm đoạn mã HTML ngay dưới vào thẻ trên

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Breadcrumb Post -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
Anda di sini : <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</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 + &quot;?max-results=5&quot;' expr:title='data:label.name' 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' title='Home'>Home</a></span> / <span>Without Label</span> / <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- Breadcrumb Cho Search Pages -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>Archived For <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>All Post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

4. Lưu template.

Để xem kết quả xem bạn đã làm đúng chưa vui lòng vào kiểm tra kết quả Google testing tool

Nguồn: Arlinadzgn