How to make an SEO and Responsive Sitemap on the Latest Blogger
Show to make an SEO and Responsive Sitemap on the Latest Blogger - Sitemap is a Table of Contents, Sitemap is very important to give readers the information to know the entire contents of the article from the blog.
In essence, a Sitemap is a map of a blog, with the Sitemap on your blog making it easy for Google to crawl your blog, so that Google can index and make your blog on Google's page one. How to make a sitemap that I use, the code comes from a blog
arlinadzgn.com
First, open your blogger> Then you select 'Page' or 'Page' after that click the Page / New Page button.
Second, give the title with the name Sitemap or the table of contents you can also fill in according to your wishes, the sitemap that I discussed this time is SiteMap + Full Page, so the display is better and certainly cooler.
Then, copy all the Source Code Sitemaps below, then click a publication.
<style scoped = "" type = "text / css"> # comments, # sidebar-wrapper {display: none;} # post-wrapper {float: none; width: 100%; margin: 0 auto; max-width: 100%;} </ style> <div dir = "ltr" style = "text-align: left;" trbidi = "on"> <style scoped = "" type = "text / css">. table-of-content {background-color: #fff; color: # 444; font-family: Verdana, Geneva, Tahoma, Arial , Sans-serif; font-size: 13px; font-weight: 400; overflow: hidden; border-radius: 4px; box-shadow: 0 0 10px rgba (0,0,0, .2)}. Table-of -content .toc-header {color: # 444; font-family: inherit; font-weight: 400; font-size: 14px; background-color: #fff; margin: 0; padding: 15px; overflow: hidden; cursor : pointer; border-bottom: 1px solid #ccc; transition: initial} .table-of-content .toc-header: hover {background-color: #fdfdfd} .table-of-content .toc-header: before {content : ''; width: 0; height: 0; position: absolute; top: 22px; right: 15px; border: 5px solid transparent; border: color: #aaa transparent transparent; transition: all .3s ease} .table-of -content .toc-header.active {color: # fc4f3f} .table-of-content .toc-header.active: before {border-color: # 666 transparent transparent; top: 16px; -webkit-transform: rotate (- 180deg); - moz-transform: rotate (-180deg); - ms-transform: rotate (-180deg); - o-transform: rotate (-180deg); transform : rotate (-180deg)}. table-of-content. downloading {display: block; padding: 15px; text-decoration: blink}. table-of-content ol {margin: 0; padding: 0; list-style: none; transition: initial} .table-of-content li {line-height: normal! important; margin: 0! important; padding: 8px 8px 8px 15px! important; white-space: nowrap; text-align: left; overflow : hidden: background: # 444359! important; transition: initial} of-content a {color: # d9d9d9; text-decoration: none; font-size: 86%; transition: initial} .table-of-content a: visited {color: # a2a2a9; transition: initial}. table-of-content a: hover, .table-of-content a: visited: hover {color: # ffc937; text-decoration: none; transition: initial} post ol li: before {display: none} </ style> <div class = "table-of-content" id = "table-of-content"> <span class = "loading"> Loading content ... < / span> </ div> <script> var toc_config = {url: 'https://carapermana.blogspot.com', containerId: 'table-of-content', showNew: 2, newText: '<strong style = " font-weight: normal; font-style: normal; color: #fff; font-size: 11px; background: # 5c5a78 ; padding: 1px 6px 3px 6px; line-height: normal; float: right; border-radius: 3px; "> new </ strong> ', sortAlphabetically: {thePanel: true, theList: true}, maxResults: 9999, activePanel : 1, slideSpeed: {down: 400, up: 400}, slideEasing: {down: null, up: null}, slideCallback: {down: function () {}, up: function () {}}, clickCallback: function () {}, jsonCallback: '_toc', delayLoading: 0}; </ script> <script src = "https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-tea.js "> </ script> </ div>
Finally, click Publish and finally you see the results.
Change url: 'https://carapermana.blogspot.com' with your blog url so that the contents of the Sitemap contain articles from your blog.
Similarly, how to create an SEO and Responsive Sitemap on Blogger that Admin can Permanently submit, don't forget to share if the article is in CARAPERMANA.BLOGSPOT.COM. Useful for all of you.
Terjemah Kedalam Bahasa Indonesia
Cara membuat Sitemap SEO dan Responsive di Blogger Terbaru - Sitemap adalah Daftar Isi, Sitemap sangat penting untuk memberi para pembaca informasi agar mengetahui seluruh isi artikel dari blog tersebut.
Dalam intinya, Sitemap adalah peta dari sebuah blog, dengan adanya Sitemap di blog mu memudahkan google untuk merayapi/meng-'crawl' blogmu, dimana agar google bisa mengindex dan menjadikan blogmu berada di page one Google. Cara membuat sitemap yang saya gunakan, kodenya berasal dari blog
arlinadzgn.com
Pertama, buka blogger kamu > Lalu kamu pilih 'Laman' atau 'Halaman' setelah itu klik tombol Laman/Halaman Baru.
Kedua, beri judul dengan nama Sitemap atau Daftar isi juga bisa kalian isi dengan sesuai keinginan kalian, sitemap yang saya bahas kali ini adalah SiteMap+Full Page jadi tampilan lebih baik, dan lebih keren pastinya.
Lalu, salin semua Source Code Sitemap di bawah ini, lalu klik publikasi.
Yang terakhir, klik Publikasikan dan terakhir anda lihatlah hasilnya.<style scoped="" type="text/css"> #comments,#sidebar-wrapper {display:none;} #post-wrapper {float:none;width:100%;margin:0 auto;max-width:100%;}</style><div dir="ltr" style="text-align:left;" trbidi="on"><style scoped="" type="text/css">.table-of-content{background-color:#fff;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2)}.table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ccc;transition:initial}.table-of-content .toc-header:hover{background-color:#fdfdfd}.table-of-content .toc-header:before{content:'';width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;transition:all .3s ease}.table-of-content .toc-header.active{color:#fc4f3f}.table-of-content .toc-header.active:before{border-color:#666 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}.table-of-content .loading{display:block;padding:15px;text-decoration:blink}.table-of-content ol{margin:0;padding:0;list-style:none;transition:initial}.table-of-content li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#444359!important;transition:initial}.table-of-content a{color:#d9d9d9;text-decoration:none;font-size:86%;transition:initial}.table-of-content a:visited{color:#a2a2a9;transition:initial}.table-of-content a:hover,.table-of-content a:visited:hover{color:#ffc937;text-decoration:none;transition:initial}.post ol li:before{display:none}</style><div class="table-of-content" id="table-of-content"><span class="loading">Memuat konten...</span></div><script>var toc_config = {url: 'https://carapermana.blogspot.com',containerId: 'table-of-content',showNew: 2,newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#5c5a78;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">baru</strong>',sortAlphabetically: {thePanel: true,theList: true},maxResults: 9999,activePanel: 1,slideSpeed: {down: 400,up: 400},slideEasing: {down: null,up: null},slideCallback: {down: function() {},up: function() {}},clickCallback: function() {},jsonCallback: '_toc',delayLoading: 0};</script><script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-tea.js"></script></div>
* Pesan : Ganti url: 'https://carapermana.blogspot.com' dengan url blogmu agar isi Sitemap berisi artikel dari blog anda.
Demikian cara membuat Sitemap SEO dan Responsive di Blogger yang Admin Permana bisa sampaikan, jangan lupa di share apabila artikel di CARAPERMANA.BLOGSPOT.COM. Bermanfaat bagi kalian semua.
DONASI VIA OVO Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk membeli domain www.caraperdana.com. Terima kasih.
0 Response to "How to make an SEO and Responsive Sitemap on the Latest Blogger"
Post a Comment