Test

Breadcrumbs là gì?

Làm thế nào để thêm breadcumbs vào Blogspot?

<b:includable id='post' var='post'>

<b:includable id='post' var='post'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><!--

Breadcrumbs microdata markup START. -->

<div class='swtBreadCrumbs'>

<a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'>

<span itemprop='title'>Home</span></a>&#187;

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

<span typeof='v:breadcrumb'>

<a expr:href='data:label.url' itemprop='url' title='Categories' property='v:title' rel='v:url'>

<span itemprop='title'><data:label.name/></span>

</a>

</span>

<b:if cond='data:label.isLast != &quot;true&quot;'>|

</b:if>

</b:loop>

</b:if>

&#187;

<a expr:href='data:post.url' itemprop='url' title='Post Title'>

<span itemprop='title'>

<data:post.title/>

</span>

</a>

</div>

</div>

</b:if><!--

Breadcrumbs microdata markup END. -->

/*

Blogger Breadcrumbs

--------------------------------------------------*/

.swtBreadCrumbs:before { content:"You are here:";font-size: 85%;letter-spacing: 2px;}

.swtBreadCrumbs{width:auto;padding:0 0 5px 0;margin:0 5px;font-size:95%;border:2px solid #EDE;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 5px;text-align: left;color:#000;background:#C3B9A8;background:-webkit-linear-gradient(top,#C3B9A8,#F3F1E6);background:-moz-linear-gradient(top,#C3B9A8,#F3F1E6);background:-ms-linear-gradient(top,#C3B9A8,#F3F1E6);background:-o-linear-gradient(top,#C3B9A8,#F3F1E6);background:linear-gradient(top,#C3B9A8,#F3F1E6);line-height:22px}

• Xem thêm: Hướng dẫn tối ưu thẻ meta cho trang chủ blogspot

• Xem thêm: Tối ưu SEO Blogspot: Thẻ tiêu đề, meta description và meta tags

<!-- Tối ưu Title - Meta Description - Meta Keywords cho trang chủ -->
 <b:if cond='data:blog.url == data:blog.homepageUrl'>
     <meta content='Nội dung thẻ Description mà bạn muốn hiển thị cho trang chủ của mình' name='description'/>
     <meta content='Các từ khóa cho trang chủ, ngăn cách nhau bằng dấu , nhé' name='keywords'/>
     <title>Tiêu đề trang chủ</title>
   </b:if>

• Chổ vị trí chữ màu xanh dương là nội dung thẻ mô tả (Meta desciption) cho trang chủ của bạn (Nên từ 150-170 ký tự)
• Vị trí chữ màu xanh rêu là các từ khóa (Meta tags, meta keywords), nhớ là các từ khóa ngăn cách nhau bởi dấu phẩy nhé (4 từ khóa trở lên cho đẹp)
• Cuối cùng là màu đà, đó là Tiêu đề cho trang chủ, hiển thị trên Google và trên tab trình duyệt của bạn (Nên <70 ký tự)