Cách tạo sitemap html cho blogspot

Hôm nay mình sẽ hướng dẫn các bạn cách tạo sitemap html cho blogspot. Khác với sitemap.xml được tạo ra dành cho bọ tìm kiếm, sitemap html chủ yếu dành cho người dùng tìm kiếm thông tin dễ dàng hơn khi vào website.

Ví dụ như sitemap html của blog mình

Với một số bài hướng dẫn cách tạo sitemap html hiện có trên mạng. Trong đoạn code chia sẻ thường có tên blog của tác giả và không thể thay đổi được. Việc này không có gì là sai tuy nhiên một số bạn lại không muốn như vậy. Vì thế, để giúp các bạn có thêm nhiều sự lựa chọn, bài viết này mình sẽ hướng dẫn cách bạn cách tạo sitemap html cho blogspot một cách chi tiết và dễ hiểu nhất.

Đầu tiên, các bạn tạo một trang mới như hình

Nhập tiêu đề trang tùy ý các bạn, mình đặt là Sitemap, sau đó chọn chế độ soạn thảo html

Copy đoạn code sau và dán vào

<script type="text/javascript">
var numposts = 100;
var standardstyling = true;
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');
}
</script>

Ở bước tiếp theo sẽ có hai lựa chọn.

- Lựa chọn 1: nếu bạn muốn nó hiện tất cả các bài viết, không phân loại theo nhãn thì copy đoạn code sau và dán vào sau đoạn code ở trên

<ul>
<script src="http://www.levuongnam.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

Thay http://www.levuongnam.com bằng tên blog của các bạn, sau đó nhấn xuất bản là xong.

- Lựa chọn 2: nếu các bạn muốn nó hiện phân loại theo nhãn (label) giống như sitemap html của mình thì copy đoạn code sau và dán vào sau đoạn code trên

<strong><a href="http://www.levuongnam.com/search/label/Seo%20Onpage">Seo Onpage</a></strong>
<br />
<br />
<ul>
<script src="http://www.levuongnam.com/feeds/posts/default/-/Seo%20Onpage?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
<br />

Ghi chú:

• Thay http://www.levuongnam.com bằng tên blog của các bạn
• Thay Seo%20Onpage bằng tên nhãn của các bạn. Ví dụ mình có nhãn là "Name Label" thì mình sẽ thay là "Name%20Label" (phân biệt chữ hoa và chữ thường nhé). Nhãn có 1 từ thì không cần thêm %20.
• Thay Seo Onpage bằng tên nhãn của các bạn nhưng không có %20 ở giữa.

Xong 1 nhãn, blog của bạn có bao nhiêu nhãn thì cứ làm tiếp tục như ở lựa chọn 2. Ví dụ như mình đã xong nhãn Seo Onpage, mình muốn tạo tiếp cho nhãn Seo Offpage thì các bạn lại tiếp tục copy và dán đoạn code ở lựa chọn 2 rồi thay tiếp tục theo tên nhãn Seo Offpage. Cứ như thế cuối cùng nhấn xuất bản là xong.

Lưu ý là chọn 1 trong 2 lựa chọn thôi nhé. Các bạn nên đọc kỹ và làm theo từng bước, đừng vội vàng. Nếu như không hiểu chỗ nào thì có thể để lại comment phía dưới, mình sẽ giải đáp trong thời gian sớm nhất.