membuat-sitemap-di-halaman-static-blogger-amp
membuat-sitemap-di-halaman-static-blogger-amp

Membuat Sitemap Di Halaman Static Blogger AMP

Diposting pada

Membuat Sitemap Di Halaman Static Blogger AMP. Sitemap menjadi salah satu unsur dalam blog yang penting. Bahkan menurut banyak mastah blogger, sitemap termasuk salah satu bagian SEO pada sebuah blog.

Sitemap yang dimaksud adalah sebuah halaman statis yang yang berisi daftar isi suatu blog. Tujuan dibuatnya sitemap atau talbe of content (TOC) atau daftar isi adalah agar rekan-rekan pengunjung blog menjadi lebih mudah untuk membaca dan atau mencari artikel tertentu di sebuah blog.

Salah satu cara yang bisa dilakukan seorang blogger untuk menampilkan satu daftar isi atau sitemap blognya adalah dengan memakai script tertentu. Namun perlu diketahui bawa untuk menampilkan table of content pada halaman statis tidak bisa secara langsung disimpan dalam halaman Blogger AMP HTML. Jika dipaksakan maka akan menjadikan halaman tersebut error AMP.

Membuat Sitemap Di Halaman Static Blogger AMP Dengan amp-iframe

Agar tidak terjadi kesalahan, sahabat blogger dapat menggunakan amp-iframe. Namun perlu diketahui bahwa agar bisa menampilkan sitemap dalam halaman static Blogger AMP, sahabat blogger perlu melakukan meng-hosting script sitemap di situs pihak ketiga, seperti github dan staticaly agar dapat dimuat dengan script amp-iframe.

Disamping itu, sahabat blogger juga perlu mengetahui bahwa agar bisa menampilkan amp-iframe harus disimpan dengan posisi 70% dari tepi atas layar. Bila tidak dengan cara tersebut maka amp-iframe tidak akan bisa dimuat dalam blog.

Membuat Sitemap Di Halaman Static Blogger AMP Dengan Trik KompiAjaib

Untungnya, Kang Adhy Suryadi sebagaimana ditulis dalam blognya KompiAjaib, menemukan cara aman untuk bisa memuat amp-iframe dengan mengabaikan batas tepi atas layar agar bisa menyimpan amp-iframe. Dengan trik dari KompiAjaib tersebut maka sahabat blogger dapat memunculkan sitemap pada halaman static Blogger AMP HTML dengan memakai amp-iframe yang diletakkan di halaman static Blogger AMP.

Baca juga: Aplikasi Smartphone Pendeteksi Diabetes

Cara aman yang digunakan Kang Adhy Suryadi untuk menampilkan amp-iframe dengan mengabaikan batas sebesar 70% dari tepi atas layar adalah dengan memanfaatkan image sebagai placeholder. Image ini kemudian menekan iframe sehingga geser lebih ke bawah.

Trik tersebut sudah dicoba dalam blog Sodikin.com. Trik tersebut berjalan dengan sangat proper. Demo sitemap di halaman static Blogger AMP HTML dengan memakai script amp-iframe dapat dilihat dengan klik tombol di bawah ini:

Dan, bila sahabat blogger mau membuat Sitemap atau daftar isi pada halaman static Blogger AMP HTML, silahkan gunakan script di bawah ini dengan cara copy dan paste di mode HTML halaman static yang dibuat untuk Sitemap.


<amp-iframe title="Sitemap" src="https://cdn.staticaly.com/gh/sodikinm/daftarisi/94ce5691/daftarisi.html?url=https://www.sodikin.com/" 
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>

Silahkan ganti URL https://www.sodikin.com/ dengan URL blog yang sahabat blogger miliki. Satu hal yang harus diketahui adalah blog sobat harus sudah menggunakan fitur HTTPS.

Baca juga: Printer Foto Mini Canon yang Bisa Masuk Kantong

Menurut Kang Adhy Suryadi, trik ini dapat juga menampilkan apa saja di halaman dengan script amp-iframe.

Di samping digunakan di blogspot AMP, trik ini bisa juga digunakan di template non AMP. Caranya cukup mudah, cukup buang kode AMP dari AMP-IFRAME sehingga tingga IFRAME saja.

Demikian Info Blogger tentang Membuat Sitemap Di Halaman Static Blogger AMP.

Gambar Gravatar
Seorang blogger pemula. Suka berbagi hal-hal yang diketahui dan dianggap perlu. Motto hidupnya dalah: sekecil apapun, hidup harus memberi manfaat. Blog ini adalah upaya memberi manfaat kepada orang lain melalui blog.