Cara Membuat Sitemap Blogger untuk Blog AMP

Cara Membuat Sitemap Blogger - Cara membuat sitemap blogger atau daftar isi blog khusus untuk blog yang menggunakan template AMP yang diperuntukkan bagi smartphone. Jika Anda tidak memakai blog untuk halaman mobile yang dipercepat baiknya skip saja artikel yang membahas seputar cara membuat daftar isi blog AMP ini.

Namun sebelum lebih jauh lagi membahas langkah pembuatan sitemap blogspot ini,tidak ada salahnya Anda ketahui dulu apa fungsi dan manfaat sitemap atau peta situs bagi blog.

Pengertian Sitemap Blog

Secara gampangnya mengenai pengertian sitemap ini adalah daftar isi atau peta situs dari sebuah blog. Sitemap sendiri berupa kode script yang akan menampilkan file teks untuk menyediakan semua informasi menyeluruh dari sebuah Blog atau website.

Cara membuatnya pun cukup mudah. Karena nanti Anda hanya butuh meletakkan kode script sitemap yang sudah tersedia dalam artikel ini. Teruskan membaca agar Anda mendapat penjelasan secara gamblang.

Manfaat Membuat Sitemap Untuk Sebuah Blog

Manfaat dari sitemap untuk sebuah blog adalah memudahkan search engine Google untuk meng-crawl atau merayapi seluruh blog atau website Anda. Meski bukan jaminan bahwa situs Anda akan mendapat peringkat terbaik di hasil pencarian Google,setidaknya situs Anda sudah terbaca oleh mesin pencari tersebut.

Selain itu,dengan adanya sitemap atau daftar isi di dalam blog,pengunjung akan lebih mudah mengobrak-abrik informasi yang sudah  Anda posting. Hal ini karena sebuah sitemap akan mengorganisir konten berdasarkan label atau kategori artikel layaknya daftar isi dalam sebuah buku pada umumnya.

Penampakannya akan seperti ini. atau live preview nya silahkan lihat halaman sitemap blog Saya.

Cara Membuat Sitemap Blogger di Blog AMP

Cara membuat sitemap blog accelerated mobile pages ini ada sedikit perbedaan dengan blog non AMP. disini Anda tidak dapat boleh langsung meletakkan kode javascript nya di blog. Karena jika itu dilakukan akan menyebabkan  masalah atau error dengan blog AMP Anda.

Oleh sebab itu,agar blog tetap lolos uji AMP Validator,maka Anda harus menghosting javascript berikut juga kode CSS nya terlebih dahulu di github.com.

Kemudian memanfaatkan bantuan AMP IFRAME untuk menampilkan sitemap tersebut di blog halaman mobile dipercepat Anda.

Tapi tenang saja,disini Anda tidak perlu melakukan itu semua karena Saya akan memberikan kode script instan yang Anda bisa memakainya secara langsung di blog tanpa harus ribet dengan masalah hosting kode tersebut.

Ok,sekarang saatnya Anda ikuti cara membuat sitemap blogger untuk blog AMP HTML berikut ini :

1. Login ke Akun Blogger Anda terlebih Dahulu.

Untuk membuat daftar isi Blog Amp ini,Anda harus membuat halaman baru seperti biasanya. Sebelumnya pilih dulu Blog Amp Anda mana yang ingin membuat sitemap ini.

Setelah itu,langkah selanjutnya adalah membuat halaman baru. Anda bisa membuat halaman dengan judul sitemap atau daftar isi.

Agar lebih ramah SEO, pastikan permalinknya nanti berupa https://namasitusanda.com/p/sitemap.html

2. Meletakkan Kode Script di Halaman Sitemap Blog

Langkah selanjutnya untuk membuat daftar isi blogger ini adalah dengan meletakkan kode script iframe khusus AMP HTML berikut ini :

<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>

Copy kode tersebut dan paste kan ke dalam Template AMP HTML Anda. Cari kode </head> dan pastekan kode AMP IFRAME tepat di atasnya.

Kemudian pastekan kode script sitemap berikut ini ke dalam halaman sitemap yang sudah Anda buat sebelumnya.

<amp-iframe width="500" height="600" layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups" allowfullscreen frameborder="0" src="https://cdn.rawgit.com/w4hyou/host/f475d7e9/5itemap.html?url=//kutueblog.blogspot.com"><br /> <amp-img layout="fill" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj81EOx29RcWoNGSdPoF4HKIj5F0ZlO1g_nQ8GNczKGos1zR8JL6nau1KlHmRcdf2h4eEFHp_dtOvDWa423tBqeAfakxRxO249ny4KK3dt3J1xW5QdAJoocvElOjTEydZp3jRMOIntZ80k/s1600/sitemap.jpg" placeholder></amp-img><br /> </amp-iframe>

Kemudian Anda harus mengganti nama URL bercetak tebal di atas dengan URL Blog Anda.

Jika sudah selesai,Anda harus menyimpannya terlebih dengan cara klik SIMPAN atau SAVE.

Setelah langkah-langkah membuat sitemap blogger untuk AMP HTML tersebut di atas sudah selesai. Maka Anda pun sudah memiliki sitemap atau daftar isi untuk blog AMP Anda. untuk mengetahui apakah ini sudah valid AMP HTMLatau belum,silahkan Anda memeriksanya di AMP VALIDATOR .