Một blog tốt là một blog giúp khách truy cập dễ dàng tìm thấy nội dung phù hợp mà họ đang tìm kiếm. Điều này có thể thực hiện được bằng cách thêm một trang sơ đồ trang trên blog của bạn. Sơ đồ trang web chỉ đơn giản là một danh sách các trang của một trang web mà cả người dùng và công cụ tìm kiếm đều có thể truy cập được.
Blogger đã có sơ đồ trang web XML cho blog của bạn, sơ đồ này hữu ích cho các công cụ tìm kiếm và các trình thu thập thông tin web khác để thu thập dữ liệu trang web của bạn nhanh hơn và hiệu quả hơn. Sơ đồ trang XML này nằm trong thư mục gốc của blog của bạn tại /sitemap.xml Địa chỉ.
Sơ đồ trang web cũng quan trọng đối với khách truy cập cũng như đối với các công cụ tìm kiếm. Thật không may, sơ đồ trang web XML không thể được sử dụng cho khách truy cập vì nó không có giao diện người dùng để hiển thị nội dung động. Bạn phải tạo một trang sơ đồ trang HTML cho blog của mình.
Không giống như XML, sơ đồ trang HTML là một trang HTML thông thường hiển thị các bài đăng trên blog của bạn một cách có tổ chức. Hướng dẫn này sẽ hướng dẫn bạn cách thêm trang sơ đồ trang web tùy chỉnh trên blog Blogger của bạn.
Tại sao bạn nên thêm trang sơ đồ trang trên blog của mình?
Trước tiên, hãy thảo luận về lý do tại sao cần thêm trang sơ đồ trang trên blog của bạn. Đây là một số lý do –
- Improve site navigation – Sơ đồ trang web giúp khách truy cập của bạn điều hướng qua tất cả các bài đăng trên blog của bạn một cách dễ dàng.
- Improve user engagement – Bằng cách đặt tất cả các bài đăng trên blog của bạn trên một trang duy nhất, bạn đang thu hút khách truy cập bằng nội dung của mình.
- Increase page views – Sơ đồ trang web cũng sẽ tăng lượt xem trang của bạn và nếu bạn đang kiếm tiền từ blog của mình, bạn có thể hy vọng doanh thu của mình cũng tăng lên.
Các tính năng của trang sơ đồ trang Blogger này
Dưới đây là một số tính năng của trang sơ đồ trang HTML mà chúng tôi sẽ thêm vào blog Blogger của bạn –
- Label-based posts – Tất cả các bài đăng trên blog của bạn được sắp xếp dựa trên nhãn mà chúng được gắn thẻ.
- Tag for new posts – Các bài đăng trên blog mới nhất được gắn thẻ MỚI! nhãn dán.
- Automatic updating – Khi bạn đăng các bài đăng blog mới, chúng sẽ được tự động thêm vào trang sơ đồ trang.
Cách thêm trang sơ đồ trang web tùy chỉnh trong Blogger
Hướng dẫn từng bước này sẽ chỉ cho bạn cách thêm trang sơ đồ trang web tùy chỉnh trên blog Blogger của bạn –
- Đăng nhập vào Trang tổng quan Blogger của bạn và đi tới Pages.
- Nhấp chuột New Page.
- Bây giờ gõ Sitemap trong hộp tiêu đề trang. Hãy nhớ đọc hướng dẫn này về cách thêm URL liên kết cố định tùy chỉnh trong các trang Blogger.
- Chuyển sang chế độ HTML và dán mã sau vào trình soạn thảo văn bản:
<style> p.labels a{color:#242424;text-transform:uppercase;font-size:15px;} a.post-titles {color:#32A4D6;} ol li{list-style-type:decimal;line-height:25px;} </style> <script> //<![CDATA[ var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+=" <tr>";h+='<td >';h+='<a href="https://www.graphguide.org/2019/01/javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td >';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td >';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td >';h+="Read all";h+="</td>";h+="</tr> ";for(var g=0;g<postTitle.length;g++){if(a==""){h+=' <tr><td ><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td >'+postDate[g]+'</td><td >'+postLabels[g]+'</td><td ><a href="'+postPublished[g]+'">Read</a></td></tr> ';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+=' <tr><td ><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td >'+postDate[g]+'</td><td >'+postLabels[g]+'</td><td ><a href="'+postPublished[g]+'">Read</a></td></tr> ';l++}}}h+="</table> ";if(l==postTitle.length){var f="<span >Show All "+postTitle.length+" Posts<br/></span>"}else{var f="<span >Show "+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p > <a href="//www.graphguide.org/search/label/'+temp1+'">'+temp1+"</a></p> <ol>");firsti=a;do{document.write(" <li>");document.write('<a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li> ");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol> ");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle('toc-result','blind');">?? Display Table of Contents</a> <img src="https://1.bp.blogspot.com/-_VZwBpHw_SI/UrXvLbFxacI/AAAAAAAAFiQ/ZGqWZUZesCI/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}}; //]]> </script> <script src="https://www.your-blog-url.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>Đảm bảo thay thế your-blog-url bằng URL của blog của bạn.
- Trong Cài đặt Trang, bạn có thể thêm mô tả tìm kiếm của trang này. Để tắt nhận xét, chỉ cần nhấp vào Don’t allow trong tùy chọn Nhận xét của người đọc.
- Cuối cùng, hãy nhấn vào Publish để đăng trang. Đó là nó.
Khi bạn đã tạo trang sơ đồ trang, hãy chuyển đến Layout và thêm liên kết sơ đồ trang web trong menu điều hướng đầu trang hoặc chân trang của blog của bạn.
Vì vậy, đó là cách bạn có thể thêm trang sơ đồ trang HTML tùy chỉnh trên blog Blogger của mình. Nếu bạn muốn hỏi điều gì đó về hướng dẫn này, hãy chia sẻ nó trong phần bình luận.
