Khi làm xong thì kết quả giống hình bên dưới
Thêm dấu tích màu xanh cho trang web, blog |
Nếu bạn đã sử dụng tiện ích Breadcrumbs trong giao diện blogspot thì bạn cần chỉnh sửa lại để có thể hiện thị như hình trên
Bước 1: Đăng nhập vào blogspot và chỉnh sửa giao diện
Bước 2: Tìm đoạn <b:includable id='breadcrumb' var='posts'>....</b:includable>
Bước 3: Thay toàn bộ đoạn mã vừa tìm được bằng đoạn code dưới đây và lưu lại.
<b:includable id='breadcrumb' var='posts'>
<!-- breadcrumb start -->
<ol id='breadcrumb' typeof='BreadcrumbList' vocab='http://schema.org/'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<li property='itemListElement' typeof='ListItem'>
<a expr:href='data:blog.homepageUrl' property='item' typeof='WebPage'>
<span property='name'>Home</span></a>
<meta content='1' property='position'/>
</li>
<b:if cond='data:blog.pageType == "static_page"'>
<li><data:blog.pageName/></li>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop index='index' values='data:post.labels' var='label'>
<!-- b:if cond='data:label.isLast == "true"' -->
<li property='itemListElement' typeof='ListItem'>
<a expr:href='data:label.url' property='item' typeof='WebPage'>
<span property='name'><data:label.name/></span></a>
<meta expr:content='data:index + 2' property='position'/>
</li>
<!-- /b:if -->
</b:loop>
<li><data:post.title/></li>
<b:else/>
<li>Unlabelled</li>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<li>Archives for <data:blog.pageName/></li>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageName == ""'>
<li>All posts</li>
<b:else/>
<li>Posts filed under <data:blog.pageName/></li>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</ol>
<!-- breadcrumb end -->
</b:includable>
Khi viết bài viết mới các bạn chỉ cần thêm nhãn (Đã xác minh) hoặc (Uy tín) sau đó các bạn truy cập vào Google rich snippets testing tool để kiểm tra, kết quả Breadcrumblist hiển thị như bên dưới là đã thành công
Hi vọng bài viết giúp ích cho các bạn, hãy thường xuyên ghé thăm blog để biết thêm nhiều thủ thuật khác nhé
0 nhận xét:
Đăng nhận xét