Breadcrumbs seo thân thiện cho blogspot

Breadcrumbs seo thân thiện cho blogspot là một dạng menu điều hướng nằm trên tiêu đề bài viết cho blog hoặc website. Nó gồm các thành phần liên kết đến trang chủ, danh mục, sau đó là đến các trang bài viết. Breadcrumbs đối với tôi là một yếu tố quan trọng trong việc tự học seo bởi vì nó giúp tôi thông báo cho người đọc biết là họ đang ở đâu, bài viết họ đang theo dõi nằm trong lĩnh vực nào.

Breadcrumbs seo thân thiện cho blogspot

>> seo liên kết thông minh trong blogspot

Breadcrumbs được tôi chia sẻ dưới đây tôi nghĩ là thân thiện cho seo nhưng tôi nghĩ mẫu Breadcrumbs seo thân thiện này là phù hợp giúp google lập chỉ mục nhanh chóng cho blog của bạn bởi lẽ nó chuẩn HTML5.

Breadcrumbs seo thân thiện cho blogspot

4 bước để bạn có mẫu Breadcrumbs seo thân thiện cho blogspot ấn tượng
1. Tới Blogger > Mẫu > Chỉnh sữa HTML thêm CSS sau trên ]]></b:skin> hoặc trên </style>

/* 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. Bạn tìm đến được đoạn code này

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

3. Thêm đoạn mã breadcrumbs vừa tìm được trên đoạn mã ở bước 2

<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 Untuk Halaman Pos -->
<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 Untuk Label Search dan 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 mẫu lại và bạn hãy thử check với https://search.google.com/structured-data/testing-tool tôi nghĩ và tin chắc rằng bạn sẽ hài lòng với điều này đấy.

Xem thêm : Thủ thuật blogspot cho dân tự học seo