Tìm hiểu và tạo sitemap (sơ đồ trang web) cho blogspot

Tìm hiểu và tạo sitemap (sơ đồ trang web) cho blogspot

Sitemap (sơ đồ) là một tiện ích vô cùng quan trọng, là một giải pháp tuyệt vời của một Blogger...Nó không khác gì một cuốn sách có 'mục lục' để nói lên toàn bộ nội dung của cuốn sách đó vậy.

Tìm hiểu và tạo sitemap (sơ đồ trang web) cho blogspot

Tìm hiểu sitemap blogspot

Các bạn phải biết phân biệt rõ trang sitemap blogspot khác với sitemap mà các bạn hay gửi lên Google Search Console hay Bing Webmaster nha.

  • Google Search Console, Bing Webmaster: Các sitemap này có nhiệm vụ "khai báo" với các công cụ tìm kiếm những thông tin chứa trong đó. Như vậy, sẽ giúp cho blog SEO (tối ưu tìm kiếm) tốt hơn. Khi các công cụ tìm kiếm "quét" qua Blog, tiêu điểm sẽ là sitemap này.
  • Trang sitemap blogspot: nó giúp cho người đọc có một cái nhìn tổng thể về trang blog đang truy cập... Nhờ có sơ đồ, người đọc dễ dàng tìm đến các chuyên mục và bài viết chứa những thông tin cần tìm kiếm. Một phần nhỏ nữa là nếu các bạn đăng ký Google Adsense thì ngoài trang chủ các bạn bắt buộc phải có mục sitemap đấy!

Tạo trang sitemap blogspot

Bước 1: đăng nhập vào Blogger.

Bước 2: Chuyển đến phần Trang > chọn Trang mới > Đặt tên trang là Sitemap.

tạo sitemap (sơ đồ trang web) cho blogspot
Ảnh hướng dẫn chi tiết tạo trang sitemap blogspot

Bước 3: chuyển sang phần HTML và nhập đoạn code sau vào:
<div id="bp_toc" style="overflow-x: auto;">
</div>
<script src="https://cdn.rawgit.com/ns24h/js/master/sitemap.js"></script><script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc"></script><style>table {width: 100%;border: 1px solid #ddd;} .post-body td, .post-body th {text-align: left;font-size: 16px;padding: 5px 10px;border: 1px solid #ddd;} .post-body .toc-header-col1{width:60%} .post-body .toc-header-col2,.post-body .toc-header-col3{width:20%} .post-body td a{color:#333} .post-body td a:hover{color: #2196f3;} </style>
Sau đó bấm Xuất bản là xong.

Xem kết quả

Nếu các bạn biết về CSS có thể chỉnh sửa theo ý bạn thích ở code trên nhé! Chúc các bạn thành công!