BLANTERORBITv102

    Cara Membuat Sitemap HTML Blogspot Ramah SEO

    9.9.21
    Sitemap atau Peta Situs agar semua postingan kita terindexs oleh google. Fokus kepada pembahasan, teks berwarna ungu adalah kode html untuk image. tinggal kalian ganti alamat image yang berwarna biru dengan image kalian dan dapat merubah ukuran sesuai dengan layout blog kalian.
    sedangkan yang berwarna merah adalah kode html untuk peta situs tersebut.

    Berikut langkah-langkahnya:
    • masuk ke akun blog kalian.
    • pilih halaman - lalu pilih halaman baru.
    • di kolom kosong kalian ganti ke tampilan html.
    • lalu copy paste script di bawah ini.

    <div class="separator" style="clear: both; text-align: center;">
    <a href="https://2.bp.blogspot.com/-F2Z8HEz7uHw/Xar1Y0d9bTI/AAAAAAAABqc/RmdfvFGHGvILrlCK9WnXjuSeLpEz8l86gCPcBGAYYCw/s1600/728x90%2Bbanner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="177" data-original-width="1600" height="44" src="https://2.bp.blogspot.com/-F2Z8HEz7uHw/Xar1Y0d9bTI/AAAAAAAABqc/RmdfvFGHGvILrlCK9WnXjuSeLpEz8l86gCPcBGAYYCw/s400/728x90%2Bbanner.png" width="400" /></a></div>


    <div class="separator" style="clear: both; text-align: center;">
    <a href="https://4.bp.blogspot.com/-VZNf5fLm_jU/XaoHE_YXwGI/AAAAAAAABps/D0nheDEmViQ2eCJ5CtiUOrO89IF0phj5gCPcBGAYYCw/s1600/728x90%2Bbanner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="177" data-original-width="1600" height="71" src="https://4.bp.blogspot.com/-VZNf5fLm_jU/XaoHE_YXwGI/AAAAAAAABps/D0nheDEmViQ2eCJ5CtiUOrO89IF0phj5gCPcBGAYYCw/s640/728x90%2Bbanner.png" width="640" /></a></div>
    <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: #3498DB;
    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{text-transform:uppercase;}
    .new{color:#FF5F00;font-weight:bold;font-style:italic;}
    .postname{font-weight:normal;background:#fff;margin-left: 35px;}
    .postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
    </style>
    <br />
    <div id="toc">
    <script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
    <script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script></div>
    • jika tidak ingin menyertakan image, cukup copy paste script merah.
    • beri nama halaman di kolom entri dengan site map/peta situs, atau di kosongkanpun boleh.
    • lalu publikasikan.
    • pratinjau jika perlu.
    • maka tampilan sitemap akan seperti hasil di blog saya ini.


    sebenanya sitemap tersebut saya pakai untuk halaman beranda/home di blog saya agar pengunjung bisa lebih leluasa melihat postingan di semua kategori. 

    di postingan selanjutnya saya akan jelaskan cara mengirim sitemap melalui google search console agar semua postingan yang ada di blog bisa terindexs google.


    Author

    Rendi Adetia Sapoetra

    kilaskerja.com || rasapoetra || usulin.com