AMP HTML atau Accelerated Mobile Pages HTML menjadi salah satu pilihan bagi webmaster agar bisa merancang halaman web yang loading cepat, tanpa banyak pengaruh JS atau lainnya.
Blog dengan AMP HTML tidak memperbolehkan terdapat javascript eksternal sehingga dalam membuat widget tertentu diperlukan trick dan cara khusus untuk mengatasinya.
Sitemap adalah salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan peta situs di dalam website. Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halaman yang ada di dalamnya.
Sitemap yang dimaksud pada postingan kali ini berupa halaman blog yang berisi daftar artikel yang telah dipublikasikan oleh blog tersebut. Sitemap menjadi salah satu navigasi yang dapat memudahkan pengunjung dalam mencari artikel di blog anda.
Bagaimana membuat sitemap di Blog template AMP?
Setelah mencari cara membuat sitemap/daftar isi pada blog template AMP dan tidak menemukannya, akhirnya saya mencari cara dengan mengadopsi javascript milik blog DTE dan menyimpannya di hosting gratis serta memanfaatkan query url blog untuk memanggil sitemap agar muncul pada halaman seperti contoh berikut ini.
Bagi anda yang menggunakan blog AMP HTML, cukup dengan copy code di bawah kemudian pastekan pada halaman yang ingin dijadikan sebagai halaman sitemap / daftar isi.
<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=//info-kmu.blogspot.co.id'>
<amp-img layout="fill"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCEjVoc5h_m4n_gfCUpKGySd3y26GKhHd8kJ2qVNnRX3cF-0Z_CrF0Ni2u1eRxAwoWP3asjdkViKzPDOoUMflt-fWy5XcAcJmZQwA2UsmFudxzTTuyxS7ME3YMaIf3hvnin0m6QLEMJZA/s1600/sitemap.jpg"
placeholder></amp-img>
</amp-iframe>
Langkah-langkah
- Pilih dan Buka Tata Letak>
- Tambah Gadget
- Tambah widget HTML/JavaScript
- Copi Kode di atas
- Ganti kode yang ditandai dan berwarna
abu-abu
dengan url blog anda - Buat Posting/Laman baru
- Pastekan kode yang dicopy tadi
- Publikasikan