Cara Menciptakan Sitemap Keren Dan Seo Friendly Di Blog
Sitemap atau sering disebut peta situs kurang lebihnya yakni sesuatu yang menggambarkan ihwal peta dari website atau blog Anda. Sitemap yakni cara sederhana bagi para webmaster/wapmaster untuk menginformasikan kepada search engine ( Google contohnya ) ihwal halaman-halaman pada situs mereka yang sanggup di crawl. Makara sudah jelaskan kalau Sitemap ini dimaksudkan semoga mesin pencari ( search engine ) sanggup dengan gampang mencari isi dari sebuah website. Selain itu sitemap berkhasiat juga untuk memudahkan pengujung mencari keseluruhan isi blog Anda, terutama konten Anda.
Bentuk paling sederhana Sitemap yakni berupa file XML yang berisi daftar URL sebuah situs beserta metadata-nya masing-masing. Metadata contohnya : kapan terakhir di-update, seberapa sering URL biasanya berubah, dan tingkat relatif keutamaannya terhadap URL lainnya. Metadata ini akan membantu search engine sehingga lebih gampang membaca dan menge-crawl situs.
Sitemap sangatlah penting dari sisi SEO, oleh alasannya itu memasang sitemap juga penting. Tapi yang perlu diperhatikan lagi bahwa menambahkan sitemap tidaklah akan menghipnotis peringkat website Anda di mesin pencari. Namun, jikalau terdapat beberapa halaman di website Anda tidak ter-index oleh mesin pencari termasuk google maka sitemap akan sanggup membantu Anda dalam memberitahu mesin pencari terkait halaman tersebut sehingga akan sanggup ter-index dengan baik. Nah kali ini aku akan membagikan cara menciptakan sitemap atau daftar isi yang benar dan seo friendly, kemudian bagaimana caranya yuk simak artikelnya dibawah ini.
2. Lalu pergi Laman atau Pages → pilih Laman baru/ Newpage
3. Setelah itu pada halaman posting pilih Mode HTML
4. Lalu Copy kode dibawah ini dan pastekan pada halaman postingan ke dalam Mode HTML tadi, kemudian beri nama Sitemap dan Simpan/Save
A. Sitemap Style 1
<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCyeinKw6w7n8J2ovoL3_0RvqfducF0ML9JKf-0lsv0a3jn6aBimRuod1T8OE9YpuhhTh4AYyr8QczcvAiJiKdn4v5BygfeOiWoUz0Kvq_Q741EbqMXIsaXhBlUPnvVSYC3JOf_Jnp6_lY/s1600/DAFTAR-ISI.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Sitemap Keren dan SEO Friendly di Blog Cara Membuat Sitemap Keren dan SEO Friendly di Blog" border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCyeinKw6w7n8J2ovoL3_0RvqfducF0ML9JKf-0lsv0a3jn6aBimRuod1T8OE9YpuhhTh4AYyr8QczcvAiJiKdn4v5BygfeOiWoUz0Kvq_Q741EbqMXIsaXhBlUPnvVSYC3JOf_Jnp6_lY/s400/DAFTAR-ISI.png" title="Cara Membuat Sitemap Keren dan SEO Friendly di Blog" width="400" /></a></div> <div id="bp_toc" style="max-height: 1800px; overflow-x: auto; overflow: scroll;"> </div> <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script> <style scoped="" type="text/css"> #comments,#Label1,#FollowByEmail1 {display:none;} #HTML3 {visibility:hidden;} /* CSS Full Sitemap */ #bp_toc{background:#31a2db;color:#666;margin:0 auto;padding:4px;} span.toc-note{padding:20px;margin:0 auto;display:block;text-align:center;color:rgba(255,255,255,.5);font-size:1.6rem;text-transform:uppercase;font-weight:700;line-height:normal} .toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;} .toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;} .toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;} #bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:0;border-bottom:1px solid rgba(0,0,0,0.1);} #bp_toc tr:nth-child(1) a {color:#666;} #bp_toc td.toc-header-col1{background-color:#fff;} #bp_toc td.toc-header-col2{background-color:#fff;} #bp_toc td.toc-header-col3{background-color:#fff;} #bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:0} #bp_toc td.toc-entry-col1{background-color:#fff;font-weight:700} #bp_toc tr:nth-child(odd) td.toc-entry-col1{background-color:#f8f8f8} #bp_toc td.toc-entry-col2{background-color:#fff;} #bp_toc tr:nth-child(odd) td.toc-entry-col2{background-color:#f8f8f8} #bp_toc td.toc-entry-col3{background-color:#fff;} #bp_toc tr:nth-child(odd) td.toc-entry-col3{background-color:#f8f8f8} #bp_toc td a{color:#666;} .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px; text-decoration:none;color:#aaa;font-family:'Roboto';font-weight:700;letter-spacing: 0.5px;} .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {text-decoration:none;} .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%} .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;} .toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#cdb280;} #bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;} .toc-entry-col1 {counter-increment:rowNumber;} #bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;} </style></div> Langsung Simpan sajaB. Sitemap Style 2
<style type="text/css"> #toc{ width:99%; margin:5px auto; border:1px solid #2D96DF; -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); } .labl{ color:#FF5F00; font-weight:bold; margin:0 -5px; padding:1px 0 2px 11px; background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%); background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE)); border:1px solid #2D96DF; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb; -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block; } .labl a{ color:#fff; } .labl:first-letter{t ext-transform:uppercase; } .new{ color:#FF5F00; font-weight:bold; font-style:italic; } .postname{ font-weight:normal; background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%); background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE)); } .postname li{ border-bottom: #ddd 1px dotted; margin-right:5px } </style> <div id="toc"> <script src="https://sites.google.com/site/faizlivestream/blog_js/sitemap_style.js" type="text/javascript"></script> <script src="http://www.yourBlogdomain.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script></div> Perhatian!!! Silahkan diganti URL YourBlogdomain ini menjadi URL blog atau situs AndaC. Sitemap Style 3
<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://stylingseo.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>Perhatian!!! Silahkan diganti URL blog ini menjadi URL blog atau situs Anda
D. Sitemap Style 4
<div id='show-cat'> </div> <div id='show-post'> <script type='text/javaScript'> var cat_home='http://stylingseo.blogspot.com';cat_numb=11;cat_pre='Prev';cat_nex='Next'; var cat_name;var cat_start;var cat_class; function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="Cara Membuat Sitemap Keren dan SEO Friendly di Blog">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="Cara Membuat Sitemap Keren dan SEO Friendly di Blog">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="Cara Membuat Sitemap Keren dan SEO Friendly di Blog">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' – '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="Cara Membuat Sitemap Keren dan SEO Friendly di Blog">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>'); </script> </div> <style scoped="" type="text/css"> #show-cat{float:left;margin:20px 2% 20px 0;width:25%;height:389px;overflow-x:hidden;overflow-y:auto;line-height:normal;border:1px solid rgba(0,0,0,0.1)} #show-cat ul{margin:0;border-top:0 solid rgba(0,0,0,0.1);padding:0} #show-post ul li{list-style-type:none;margin:0 0 0 -25px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.1)} #show-post ul li:hover{margin-right:10px;border-color:#fcd3d3} #show-cat ul li a{display:block;padding:10px;border-bottom:1px solid rgba(0,0,0,0.1);transition:initial} #navi-cat a:hover{color:#fff!important} #show-cat ul li:last-child a{border-bottom:none} #show-cat ul li a,#navi-cat a{background:#fff;color:#555;font-weight:bold;text-decoration:none} #show-cat ul li a,#navi-cat a,#navi-cat span{font-size:13px} #show-cat ul li a:hover,#navi-cat a:hover{background:#666;color:#fff} #show-post{float:left;width:69%;line-height:1.6em} #show-post a{color:#333;font-size:14px} #show-post a:hover{color:#f14b4b} #navi-cat{padding:20px 0} #navi-cat a{padding:5px 10px;background:rgba(0,0,0,0.7);margin:0 5px 0 0;color:#fff;border-radius:3px;} #navi-cat a:nth-child(2){background:#f14b4b;margin:0 10px 0 0;color:#fff} #navi-cat span{float:right;padding:5px 0;font-size:12px;color:rgba(0,0,0,0.5);font-weight:700} #show-cat::-webkit-scrollbar{width:8px;height:8px} #show-cat::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);} #show-cat::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)} #show-cat::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);transition:all 400ms ease-in-out} @media screen and (max-width:768px){#show-cat{width:35%}#show-post{width:59%}} @media screen and (max-width:480px){#show-cat{width:100%;margin:20px 0}#show-post{width:100%}} </style> Perhatian!!! Silahkan diganti URL blog ini menjadi URL blog atau situs AndaNah itulah beberapa cara memasang sitemap di blog atau situs kita, dan ada beberapa style yang bisa Anda pilih, dan aku sudah mencoba semuanya dan dijamin work. Demikianlah postingan kali ini jikalau ada yang ingin Anda tanyakan atau ingin menambahkan silahkan komentar dibawah ini terima kasih.
