Tuy đã có nhiều bài viết hướng đẫn làm sitemap cho Blogger-BlogSpot trên mạng nhưng hầu hết đều không đầy đủ , rõ ràng và đặc biệt là thiếu hay gặp lỗi phổ biền là lỗi sau:
- Số post tối đa mà google đánh chỉ mục(index) dựa vào feed được mặc định chỉ là 25 post. Có nghĩa là sitemap trang blog của bạn chỉ bao gồm 25 entries mới nhất(tại thời điểm google index blog của bạn). Vậy thì những entries còn lại của bạn thì sao? Tất nhiên chúng chẳng được index bởi Google sitemap!
Bài viết này VnTim™sẽ hướng đãn bạn add sitemap một cách chuẩn mực
Bước 1 – Đăng nhập vào Google Webmaster Tools với tào khoản Google của bạn (Gmail) 
Bước 2 – Click vào nút ‘Add a site…’ như hình dưới 
Bước 3 – Nhập địa chỉ blog cua bạn ví dụ blog của mình là http://vntim.blogspot.com/ 
Bước 4 – Xác minh quyền sở hữu tên miền của bạn bằng cách chọn xác minh bằng thẻ meta
Chú ý: Bạn có thể chọn cách xác minh qua việc upload file html nếu bạn có hosting riêng 
Bước 5: Đăng nhập vào Blogger tại đây
rồi vào mục ‘Layout / Thiết kế’ –> Edit HTML/ Chỉnh sửa HTML (nếu bạn dùng giao diện tiếng việt)
Bước 6 – Chèm đoàn mã Meta bạn vừa copy vào phía dưới thẻ <head> như hình dưới 
Bước 7 Quay lại trang Google Webmaster Tools Click vào nút Verify (xác minh) như hình dưới 
Bước 8 quan trọng nhất
Copy đoạn mã trong dấu sau - atom.xml?redirect=false&start-index=1&max-results=500 
Bước 9 – Trở lại trang Google Webmaster Tools rồi vào ‘Site Configuration’ –> ‘Sitemaps’ –> ‘Submit a Sitemap’. Paste đoạn mã atom.xml?redirect=false&start-index=1&max-results=500vào trong ô text rồi click ‘submit’ như hình dưới 
Chú ý thêm nếu blog của bạn có nhiều hơn 500 bài viết thì bạn add thêm link sau:
atom.xml?redirect=false&start-index=1&max-results=100
atom.xml?redirect=false&start-index=101&max-results=100
atom.xml?redirect=false&start-index=201&max-results=100
atom.xml?redirect=false&start-index=301&max-results=100
atom.xml?redirect=false&start-index=401&max-results=100
atom.xml?redirect=false&start-index=501&max-results=100
atom.xml?redirect=false&start-index=601&max-results=100
atom.xml?redirect=false&start-index=701&max-results=100
Quy tắc: atom.xml?redirect=false&start-index=701&max-results=100
thì trong đó 701 là số thứ tự bài viết bắt đầu được index còn 100 là số bài viết sẽ được index bạn có thể tự thay ddeeer phù hợp với blog của mình
=======================================================================
Sơ đồ site (sitemap) rất quan trọng cho một website cũng như cho webblog. Nó giúp người lướt web dễ dàng tìm đến những chuyên mục trong toàn site để tìm một bài viết nào đó, ngoài ra còn giúp cho webmaster quản lý chặt chẽ nội dung site. Đối với cộng đồng Blogger, lâu nay các blogspotter vẫn hay dùng Table of Contentsbằng script của Abu Farhan. Kiểu sitemap này có một điểm yếu là liệt kê tất cả các nhãn trên blogspot. Tuy nhiên các blogspotter thì lại thích liệt kê bài viết của một số nhãn nào đó (tức là nếu không thích liệt nhãn nào thì nhãn đó sẽ không nằm trong Sitemap, điểm này rất cần thiết). Giải pháp tối ưu là phải làm sao có một sitemap đáp ứng được nhu cầu tùy biến của blogspotter. Sau khi nghiên cứu vấn đề này, mình đã nghĩ ra ý tưởng vận dụng cách liệt kê các bài viết của một nhãn, một script rất phổ biến trên cộng đồng Blogger, để tạo ra Sitemap, kết hợp CSS tạo hai cột, vừa tiết kiệm không gian web, vừa giúp người dùng dễ dàng tùy biến theo ý thích, như Sitemap của Thủ thuật Blogger vậy.
Để tạo Sitemap như vậy, bạn hãy thực hiện như sau.
Bước 1. Đăng nhập Blogger, vào Posting (Đăng bài viết) để 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 cho trang Sitemap.
Bước 2. Vào Design >> Edit HTML. Đặ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 li {list-style: disc url(/iconslist.gif) inside; vertical-align: top; padding-left:10px;margin: 0;}#sitemap ul li:hover {list-style: disc url(/iconslisthover.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>
Trong đoạn CSS ở trên, 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 và iconslisthover.png.
Lưu Template.
Bước 3. Tìm dòng <div id='content-wrapper'> và đặ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'>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'>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'>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'>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'>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'>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://www.huynh-nhat-ha.blogspot.com/2011/04/sitemap-for-blogspot.html" target="_blank">Add to your blogspot ?</a></p></div></div><div style='clear: both;'/></b:if>
Chú ý: Ở đây phần nằm sau thẻ <div class='sm-left'> là cột bên trái, phần nằm sau thẻ<div class='sm-right'> là cột 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.
Lưu Template là OK. :47)
Khoa Nguyễn tổng hợp
0 nhận xét:
Đăng nhận xét