Tạo site map hỗ trợ SEO và page rank cho blogspot

  Blogspot có 2 dạng Sitemap, thứ nhất là loại sitemap dùng để submit lên Google Webmaster Tools (sitemap dành cho Googlebots), thứ hai là loại sitemap.html dành cho người dùng.  

I. Để tạo sitemap cho Googlebots, bạn xem bài viết dưới đây:

1. Đăng nhập vào Google Webmaster Tools với tài khoản Google của bạn (tài khoản Gmail để đăng nhập vào blog muốn lập sitemap nha theo link bên dưới:

http://www.google.com/webmasters/tools/

2. Click vào nút Thêm trang web   (Add a site) như hình vẽ:

3. Điền URL của website cần tạo site map sau đó bấm Ok.

4. Tại tab bên trái bấm chọn mục Cấu hình trang web => Sơ đồ trang web (Xem hình dưới) để vào cài site map.

Bấm vào hình để xem ảnh gốc nếu nhìn không rõ.

5. Bấm nút Thêm/Kiểm tra sơ đồ trang web để tạo site map.

6. Một của sổ Popup xuất hiện bạn dán đoạn code sau vào (Ví dụ blog của bạn hiện có 500 bài viết):

atom.xml?redirect=false&start-index=1&max-results=500

- Sau đó bấm chọn gửi sơ đồ trang web như hình dưới:

» Cập nhật sitemap thường xuyên cho blog!

Chú ý: Cú pháp đoạn code index bài viết sitemap cho google:

atom.xml?redirect=false&start-index=m&max-results=n

- Trong đoạn code này: Ta sẽ gửi n bài viết bắt đầu từ bài số m (tính theo thứ tự khi ta post bài lên blog hay thứ tự trên feed) đến bài thứ n.

- Trong ví dụ này mình giả sử blog của bạn có 500 bài viết bạn sẽ khai như ở bước 6 bên trên tức là đoạn code:

atom.xml?redirect=false&start-index=1&max-results=500

=> Trong đoạn code này: Ta sẽ gửi 500 bài viết bắt đầu từ bài số 1 (tính theo thứ tự khi ta post bài lên blog hay thứ tự trên feed) đến bài thứ 500.

- Giả sử sau một tuần ta đăng thêm 200 bài. Khi đó ta cần phải index sitemap lần 2 cho 200 bài viết đó. Ta sẽ khai bào như sau:

atom.xml?redirect=false&start-index=501&max-results=200

=> Đoạn code này có ý nghĩa ta sẽ gửi index thêm 200 bài viết, Bắt đầu từ bài số 501 (vì 500 bài đầu đã được index ở trên rùi).

- Giả sử tuần tiếp theo ta đăng thêm 50 bài. Khi đó ta cần phải index sitemap lần 3 cho 50 bài viết đó. Ta sẽ khai bào như sau:

atom.xml?redirect=false&start-index=701&max-results=50

=> Đoạn code này có ý nghĩa ta sẽ gửi index thêm 50 bài viết, Bắt đầu từ bài số 701 (vì 700 bài đầu đã được index ở 2 lần đầu rùi. Với lần 1 là 500 bài và lần 2 là 200 bài).

- Dưới dây là ví dụ blog của mình qua một số lần index:

atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=200
atom.xml?redirect=false&start-index=701&max-results=150
atom.xml?redirect=false&start-index=851&max-results=100

- Công việc còn lại là chờ google xác nhận thôi!
II. Loại sitemap dành cho người dùng:
 1- Đăng nhập vào Blog
   2- Vào Đăng bài mới (Posting) để tạo một bài viết có tiêu đề là Sitemap (để trống phần nội dung), xuất bản bài viết để lấy URL.
   3- Vào Mẫu (Template)
   4- Vào chỉnh sửa HTML (Edit HTML).
   5- Đặt đoạn code sau đây vào trước thẻ </head>.

<b:if cond='data:blog.url == "URL_trang_Sitemap"'> <script type='text/javascript'> //<![CDATA[ function allpostslist(json) { document.write('<ul>'); for (var i = 0; i < json.feed.entry.length; i++) { for (var j = 0; j < json.feed.entry[i].link.length; j++) { if (json.feed.entry[i].link[j].rel == 'alternate') { break; } } var entryUrl = "'" + json.feed.entry[i].link[j].href + "'"; var entryTitle = json.feed.entry[i].title.$t; var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li> "; document.write(item); } document.write('</ul> '); } //]]> </script> <style type='text/css'> #sitemap{width:900px;margin:0;padding-bottom:15px;background:#ffffff;float:left;} #sitemap ul {background:#FFFAF0;max-height: 250px !important; overflow:auto; padding:5px 10px;margin:0;list-style-type:none} #sitemap ul:hover {background:#FDF5E6} #sitemap ul li {list-style: disc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiES6MskwGneLsl5UeZU_Kk7dPv-vC0dpL0KO3PdgWOgo3mUJNGMXne7zh2Dqt-kx56EAEIcvgAE3ADIjLJ2lmCfzLKmVAg3tT3QHtWXrZZAdzoi_p6u-nOAj2xCCZI4_C_4oQJejGsDwuS/s1600/iconslist-namkna-blogspot-com.gif) inside; vertical-align: top; padding-left:10px;margin: 0;} #sitemap ul li:hover {list-style: disc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi-rYcB-p7JW6o8sHnhC1k1c1hCoX0TIfUPb6sqm7PFOu81qkdQIY90deB_gx-KrgG7v3RifUuTFNh6vXbNQJnsSvA5zXXley14oArm5avVgqfHDWivnsh1XBdHYCZPU1qjb4H2PmwozXe/h120/iconslisthover-namkna-blogspot-com.png) inside; vertical-align: top;padding-left:10px;margin: 0;} .sm-left{float:left;width:45%;margin:0 20px 0px 20px;font-size:14px;tex-align:justify} .sm-right{float:right;width:45%;;margin:0 20px 0px 20px;font-size:14px;tex-align:justify} p.smtitle {border-bottom:1px dotted #789;clear:both;color: #2554C7;font-family:Century Gothic;font-size:25px;padding:10px 50px 5px 0;text-align:right;text-shadow:2px 2px 1px #789;text-transform:lowercase;} #content-wrapper{display:none} </style> </b:if>

Tùy chỉnh:

• Bạn chú ý phần màu xanh mình đã thêm vào để làm cho site map đẹp hơn với các nhãn có nhiều bài đăng sẽ xuất hiện thanh cuộn. 
• 
  
• màu đỏ là hiệu ứng nền khi chưa dê chuột.
• màu cam là hiệu ứng khi dê chuột vào. 
• Các bạn có thể thay chúng thành mã màu của bạn. (xem mã màu tại đây)
• Chú ý thuộc tính display:none để ẩn đi một số ID và CLASS cần thiết. Tải 2 file icon về áp dụng cho blogspot của bạn, tránh dùng chung file: iconslist.gif (file ảnh khi chưa dê chuột vào tiêu đề bài viết) và iconslisthover.png (file ảnh khi dê chuột vào tiêu đề bài viết) .

    6- Bấm Lưu Mẫu lại.

    7- Tìm dòng:

<div id='content-wrapper'>

- Đặt trước nó bằng đoạn code bên dưới.

<b:if cond='data:blog.url == "URL_trang_Sitemap"'> <div id='sitemap'> <div class='sm-left'> <p class='smtitle'> <a href='/search/label/Nhãn 1?max-results=10'>Tiêu đề Nhãn 1</a></p> <script src='/feeds/posts/summary/-/Nhãn 1?max-results=500&alt=json-in-script&callback=allpostslist'/> <p class='smtitle'> <a href='/search/label/Nhãn 2?max-results=10'>Tiêu đề Nhãn 2</a></p> <script src='/feeds/posts/summary/-/Nhãn 2?max-results=500&alt=json-in-script&callback=allpostslist'/> <p class='smtitle'> <a href='/search/label/Nhãn 3?max-results=10'>Tiêu đề Nhãn 3</a></p> <script src='/feeds/posts/summary/-/Nhãn 3?max-results=500&alt=json-in-script&callback=allpostslist'/> </div> <div class='sm-right'> <p class='smtitle'> <a href='/search/label/Nhãn A?max-results=10'>Tiêu đề Nhãn A</a></p> <script src='/feeds/posts/summary/-/Nhãn A?max-results=500&alt=json-in-script&callback=allpostslist'/> <p class='smtitle'> <a href='/search/label/Nhãn B?max-results=10'>Tiêu đề Nhãn B</a></p> <script src='/feeds/posts/summary/-/Nhãn B?max-results=500&alt=json-in-script&callback=allpostslist'/> <p class='smtitle'> <a href='/search/label/Nhãn C?max-results=10'>Tiêu đề Nhãn C</a></p> <script src='/feeds/posts/summary/-/Nhãn C?max-results=500&alt=json-in-script&callback=allpostslist'/> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"> <a href="http://namkna.blogspot.com/2011/08/tao-sitemap-ep-cho-blogspot.html" target="_blank">Add to your blogspot ?</a></p> </div> </div> <div style='clear: both;'/> </b:if>

Tùy chỉnh!

• Phần nằm sau thẻ <div class='sm-left'> là cột chứa các nhãn bên trái,
• Phần nằm sau thẻ <div class='sm-right'> là cột chứa các nhãn bên phải.
• Tùy theo số lượng nhãn và số lượng bài viết trên blogspot mà bạn phân phối và bố trí thêm bớt các nhãn sao cho cân đối, theo định dạng như trên.
• Thay các phần Nhãn 1,2,3 và Nhãn A,B,C thành tên các nhãn.
• Thay Tiêu đề Nhãn 1,2,3 và Tiêu đề Nhãn A,B,C thành phần mô tả của các nhãn tương tứng.

Lưu ý: Blog của bạn phải đăng ký nguồn cấp dữ liệu của feedbune để lấy dữ liệu nha. Nếu chưa đăng ký thì xem bài này: Cách đăng ký và sử dụng FeedBurner cho Blogspot

8- Bấm Lưu Mẫu lại. .
- Giờ bạn trở lại blog và vào bài viết bạn tạo ở bước 2 để xem thành quả nhé.Chúc bạn thành công!

Nguồn: internet