一个好的博客可以让访问者轻松找到他们正在寻找的正确内容。 这可以通过在博客上添加站点地图页面来实现。 站点地图只是用户和搜索引擎都可以访问的网站的网页列表。
Blogger 已经拥有您博客的 XML 站点地图,这对于搜索引擎和其他网络爬虫更快、更高效地爬行您的网站非常有用。 此 XML 站点地图位于您博客的根目录中:/站点地图.xml地址。
站点地图对于访问者和搜索引擎同样重要。 遗憾的是,XML 站点地图无法供访问者使用,因为它没有用于显示动态内容的用户界面。 您必须为您的博客创建一个 HTML 站点地图页面。
与 XML 不同,HTML 站点地图是一个常规的 HTML 页面,它显示您的有组织地进行。 本教程将指导您如何在 Blogger 博客上添加自定义站点地图页面。
为什么应该在博客上添加站点地图页面?
我们首先讨论为什么需要在博客上添加站点地图页面。 这些是一些原因——
- 改进网站导航– 站点地图可帮助您的访问者轻松浏览您的所有博客文章。
- 提高用户参与度– 通过将所有博客文章放在一个页面上,您可以吸引访问者与您的内容。
- 增加页面浏览量– 站点地图还会增加您的页面浏览量,如果您正在通过博客获利,您也可以希望看到收入有所增加。
此 Blogger 站点地图页面的功能
以下是我们将添加到您的 Blogger 博客上的 HTML 站点地图页面的一些功能 –
- 基于标签的帖子– 您的所有博客文章均根据其所标记的标签进行排列。
- 新帖子的标签– 最新的博客文章带有新标签! 贴纸。
- 自动更新– 当您发布新的博客文章时,它们将自动添加到站点地图页面。
本分步指南将向您展示如何在 Blogger 博客上添加自定义站点地图页面 –
- 登录您的 Blogger 控制面板并转至页数部分。
- 点击 ”新一页“ 按钮。
- 现在输入“网站地图” 在页面标题框中。 请务必阅读本指南,了解如何。
- 切换到 HTML 模式并将以下代码粘贴到文本编辑器中:
<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 class="header1">';h+='<a href="javascript:toggleTitleSort();" >'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" >'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" >'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr> ";for(var g=0;g<postTitle.length;g++){if(a==""){h+=' <tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr> ';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+=' <tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr> ';l++}}}h+="</table> ";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">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 class="labels"> <a href="//lirong.digitalixy.com/tech/keva/search/label/'+temp1+'">'+temp1+"</a></p> <ol>");firsti=a;do{document.write(" <li>");document.write('<a class="post-titles" 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>
确保更换你的博客网址以及您博客的 URL。
- 在页面设置下,您可以添加该页面的搜索描述。 要禁用评论,只需单击“不允许”读者评论选项中的按钮。
- 最后,点击“发布”按钮来发布页面。 就是这样。
创建站点地图页面后,转到布局部分并在博客的页眉或页脚导航菜单中添加站点地图链接。
这就是您在 Blogger 博客上添加自定义 HTML 站点地图页面的方法。 如果您想询问有关本教程的问题,请随时在评论部分分享。
内容营销人员兼创始人@Geek Instructor。凭借十多年的经验,我撰写了 1500 多篇涵盖广泛主题的文章。 我热衷于与他人分享我的技术知识。 就我个人而言,我喜欢旅行和制作 YouTube 视频。