Cách tạo sitemap html cho blogspot

Bạn nào chưa thực hiện được thì xem hướng dẫn chi tiết trong video sau nhé, đoạn code làm sitemap thì các bạn kéo xuống dưới sẽ thấy:


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

sitemap-html-cho-blogspot
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

tao-sitemap-html-cho-blogspot-1
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

sitemap-html-cho-blogspot-2

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é và khi làm hoặc chỉnh sửa xong thì vẫn để ở chế độ HTML rồi Xuất bản/Cập nhật 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.

4 comments:

  1. b ơi cho mình hỏi..khi tạo sitemap này xong..thì nó sẽ tạo 1 trang nữa gồm tất cả các bài viết của mình hả..vậy có cách nào để nó hiển thị ở cuối cùng từng bài viết ko nhỉ..?? thank b

    ReplyDelete
    Replies
    1. đúng rồi bạn. bạn muốn hiển thị cuối cùng ở từng bài viết thì bạn chèn vào sau trong code.

      Delete
  2. bạn inox mình qua facebook mình gửi đoạn code, ở đây nó không hiện được

    ReplyDelete
  3. bạn ơi mình làm rồi mà nó luôn báo là 404 not found, không hiểu mình làm sai ở đâu nữa. bạn xem giúp mình với

    ReplyDelete