Cara Membuat Sitemap di Halaman Static Blogger AMP HTML – Cara Membuat Daftar Isi atau sitemap pada Halaman Static Blogger sebenarnya sangat mudah dan cepat, namun berbeda apabila sitemap tersebut ingin di pasang pada blog yang valid AMP.
Sebab, pada blog yang memakai template AMP tidak boleh menggunakan javascript dan CSS sembarangan salah satunya dalam hal membuat sitemap atau sering di kenal dengan daftar artikel.
Untuk mengatasi hal tersebut, pada kesempatan kali ini kami akan mengulas tentang cara memasang sitemap di blog AMP supaya tidak error dan valid AMP. Bagaimana caranya? Langsung saja simak ulasan lengkapnya di bawah ini.
Tentang Sitemap
Sitemap ialah salah satu unsur di blog yang berguna cukup penting dan juga merupakan salah satu unsur SEO pada sebuah blog. Sitemap yang dimaksud di sini yaitu sebuah halaman yang menampilkan peta situs atau daftar isi artikel yang disediakan untuk para pengunjung blog sehingga akan memudahkan mereka melihat atau mencari konten yang ada di blog.
Sebenarnya untuk menampilkan sitemap di blog dapat dengan menggunakan script, namun untuk Blog AMP sitemap tidak dapat disimpan langsung di laman Blogger AMP HTML dikarenakan akan menimbulkan error AMP pada halaman.
Maka dari itu, salah satu cara untuk menampilkan sitemap pada halaman static Blogger agar Valid AMP HTML ialah dengan menggunakan amp-iframe dengan catatan harus meng-hosting sitemap dahulu di pihak ketiga agar bisa di muat menggunakan amp-iframe.
Namun perlu kita ketahui juga, bahwa untuk dapat menampilkan amp-iframe diharuskan menyimpannya kurang lebih 70% dari tepi atas layar halaman, jika tidak begitu maka amp-iframe tidak akan tampil di blog. Untuk cara aman menampilkan amp-iframe tanpa harus disimpan 70% dari tepi atas layar, kita dapat menggunakan image atau gambar sebagai placeholder yang nantinya menekan iframe menjadi lebih agak ke bawah.
Untuk itu bagi kalian yang ingin membuat sitemap pada halaman AMP HTML pada kesempatan kali ini kami akan share kode serta tutorialnya agar kalian bisa dengan mudah menampilkan sitemap tanpa harus menghosting kode maupun membuat iframe sendiri.
Jika kalian ingin mencoba membuat Sitemap blog di halaman static Blogger AMP HTML, kalian bisa menggunakan kode dibawah. Silahkan taruh kodenya di mode HTML bukan Compose halaman static untuk Sitemap.
<amp-iframe title="Sitemap"
src="https://cdn.statically.io/gh/dulbjn/Html/1923591c/sitemaps-amp/?url=https://genyo.id/"
height="750"
layout="fixed-height"
frameborder="0"
sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
<amp-img src="https://2.bp.blogspot.com/-rRo__E6FsPs/Ws7U-IT8KNI/AAAAAAAAw_Q/qCwa6vKHgTIB-ytesdA4FlKrXMRYt5NMACLcBGAs/s1600/placeholder.png"
layout="fixed-height"
height="360"
width="auto"
placeholder>
</amp-img>
</amp-iframe>
Keterangan:
Silahkan ganti kode atau URL https://www.genyo.id yang di tandai di atas dengan URL blog kalian. Dan dengan catatan blognya harus sudah menggunakan SSL HTTPS.
Selesai. Demikianlah untuk artikel kali ini tentang Cara Membuat Sitemap di Halaman Static Blogger AMP HTML. Semoga bermanfaat untuk teman-teman semuanya!.