Skip to main content

Membuat Sitemap Untuk Blog AMP Pada Halaman Static

Membuat Sitemap Untuk Blog AMP Pada Halaman Static - Setelah tadi blogwalking saya menemukan artikel dari blog Kompi Ajaib, yang membahas tentang Menampilkan Sitemap Pada Halaman Static Blogger AMP HTML.

Akhirnya membuat saya tertarik untuk memasangnya di blog Saya. Setelah berhasil memasang Saya ingin berbagi kepada sobat blogger yang juga ingin membuat sitemap AMP ini di blog sobat.

Sitemap/Daftar isi atau bisa di bilang Peta Situs ini memang Penting untuk kita buat/terapkan di situs/blog kita. Dengan banyak tujuan yang kita dapatkan, sitemap akan memudahkan pengunjung yang ingin menjelajahi semua isi dari situs/blog kita.

Namun seperti kita ketahui bahwa menampilkan amp-iframe harus disimpan 70% dari tepi atas layar, jika tidak maka amp-iframe tidak akan tampil di blog.

Tetapi, dengan cara ini amp-iframe akan tampil tanpa harus ada batas tinggi untuk menyimpan amp-iframe. Sehingga dengan begitu kita bisa menampilkan sitemap di halaman static Blogger dengan menggunakan amp-iframe yang disimpan di atas postingan halaman static Blogger tanpa 70% dari tepi atas layar.
Baca juga: Membuat Contact Form Untuk Blog AMP Pada Halaman Static

Untuk Demonya silahkan klik pada tombol demo dibawah ini.


Nah jika Anda juga ingin mencoba Membuat Sitemap Untuk Blog AMP Pada Halaman Static, silahkan gunakan kode berikut ini dan paste pada mode HTML halaman static untuk Sitemap.


<amp-iframe title="Sitemap"
              src="https://cdn.rawgit.com/WebsiteMini/html/master/sitemaps-amp.html?url=https://www.websitemini.net/"
              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.websitemini.net/ dengan URL blog Anda. Namun blog Anda harus sudah menggunakan HTTPS. Jika belum, silahkan baca artikel saya sebelumnya tentang Cara Akifkan HTTPS Untuk Custom Domain untuk mengaktifkan HTTPS pada blog Anda.

You Might Also Like:

Buka Komentar