Membuat Sitemap Daftar Isi Pada Blog Amp Pada Halaman Static
Cara Membuat Sitemap Daftar Isi Pada Blog AMP Pada Halaman Static - Setelah ganti template kemarin semua isi blog ini jadi acak - acakan, mulai dari widget, isi artikel dan halaman static terutama pada Sitemap, mungkin lantaran sitemap sebelumnya memakai code dari template sebelumnya alhasil begitu template di ganti susunan - susunanya pun otomatis berubah dan tidak responsive padahal aku memakai theme blogger responsive, hasilnya mau tidak mau sayapun mencari cara membuat sitemap di blog amp yang aku gunakan ini untuk membuat daftar isi otomatis di blog amp ini. sehabis mencari cari hasilnya aku menemukan sitemap yang tidak terlalu berat dan fast load milik kompi gila yang di share disitusnya.
Pada dasarnya, AMP ialah halaman HTML yang didesain biar lebih ringan dibanding dengan halaman website biasa dan bisa loading dalam waktu yang lebih cepat. Untuk mencapai ini, ada beberapa tags HTML yang tidak bisa Anda gunakan. Tidak hanya itu, Anda juga perlu memakai CSS yang lebih efisien. Memang Anda bisa memakai kebanyakan isyarat CSS tetapi tentunya isyarat yang memberatkan tidak bisa Anda gunakan. JavaScript juga tidak disarankan untuk dipakai di AMP. Kalau memang Anda ingin memakai JavaScript, Anda perlu memanfaatkan library JavaScript yang memberi Anda aneka macam pilihan isyarat yang bisa Anda gunakan pada halaman website AMP.
Pertumbuhan pengguna Smartphone atau ponsel yang terus meningkat telah mempengaruhi sifat mereka ketika mengakses konten di internet. Itulah sebabnya, lebih dari 25% pengunjung blog atau situs akan meninggalkan platform tersebut apabila diakses lebih dari 6 detik. Jika sudah demikian, maka pemilik blog tentu bakalan rugi. Untungnya, semenjak tahun 2016, Google menyadari fakta ini.
Mereka kemudian membuat sebuah solusi untuk membuat sebuah situs web atau blog bisa diakses lebih cepat. Proyek ini dikenal sebagai sebuah proyek Halaman Mobile yang dipercepat atau dalam bahasa Inggris disebut Accelerated Mobile Page (AMP). Teknologi AMP dipercaya sanggup memuat halaman web diakses dalam waktu kurang dari 1 detik serta bisa meminimalisir penggunaan data 10 kali lebih sedikit ketimbang halaman web biasa. AMP sendiri dibangun memakai elemen HTML sederhana yang dibentuk dengan ringan meskipun agak tidak rapi.
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 ibarat kita ketahui bahwa menampilkan amp-iframe harus disimpan 70% dari tepi atas layar, kalau 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 memakai amp-iframe yang disimpan di atas postingan halaman static Blogger tanpa 70% dari tepi atas layar.
Apabila teman tertarik dan ingin menerapkan padablognya silahkan eksklusif saja gunakan isyarat berikut ini dan paste pada mode HTML halaman static untuk Sitemap.
Langkahnya cukup mudah, ibarat Sobat membuat halaman biasa secara umum.
Login ke Blogger.com, kemudian klik Halaman, terus pilih Halaman Baru.
Silakan Sobat pilih mode HTML, kemudian Copy dan Paste isyarat dibawah ini kedalamnya
Silahkan ganti URL https://hot-news01.blogspot.com/ dengan URL blog sobat.
Pastikan blog yang teman gunakan untuk memakai Sitemap ini sudah memakai atau mengaktifkan fiture HTTPS Guna mencegah terjadinya error atau Sitemap yang tidak muncul
Apa itu AMP?
AMP ialah abreviasi dari Accelerated Mobile Page. Diperkenalkan pada tahun 2016, AMP merupakan sebuah kegiatan open-source dari Google yang dibentuk dengan tujuan memperlihatkan mobile internet yang lebih cepat dan lebih baik. Tujuan dibuatnya halaman website versi ini ialah memperlihatkan halaman website yang memang sudah dioptimasi biar loading lebih cepat pada mobile. Halaman ini mempunyai waktu loading yang lebih cepat dibanding dengan halaman website biasa. Kenapa bisa begitu?Pada dasarnya, AMP ialah halaman HTML yang didesain biar lebih ringan dibanding dengan halaman website biasa dan bisa loading dalam waktu yang lebih cepat. Untuk mencapai ini, ada beberapa tags HTML yang tidak bisa Anda gunakan. Tidak hanya itu, Anda juga perlu memakai CSS yang lebih efisien. Memang Anda bisa memakai kebanyakan isyarat CSS tetapi tentunya isyarat yang memberatkan tidak bisa Anda gunakan. JavaScript juga tidak disarankan untuk dipakai di AMP. Kalau memang Anda ingin memakai JavaScript, Anda perlu memanfaatkan library JavaScript yang memberi Anda aneka macam pilihan isyarat yang bisa Anda gunakan pada halaman website AMP.
Pertumbuhan pengguna Smartphone atau ponsel yang terus meningkat telah mempengaruhi sifat mereka ketika mengakses konten di internet. Itulah sebabnya, lebih dari 25% pengunjung blog atau situs akan meninggalkan platform tersebut apabila diakses lebih dari 6 detik. Jika sudah demikian, maka pemilik blog tentu bakalan rugi. Untungnya, semenjak tahun 2016, Google menyadari fakta ini.
Mereka kemudian membuat sebuah solusi untuk membuat sebuah situs web atau blog bisa diakses lebih cepat. Proyek ini dikenal sebagai sebuah proyek Halaman Mobile yang dipercepat atau dalam bahasa Inggris disebut Accelerated Mobile Page (AMP). Teknologi AMP dipercaya sanggup memuat halaman web diakses dalam waktu kurang dari 1 detik serta bisa meminimalisir penggunaan data 10 kali lebih sedikit ketimbang halaman web biasa. AMP sendiri dibangun memakai elemen HTML sederhana yang dibentuk dengan ringan meskipun agak tidak rapi.
Cara Memasang Sitemap Di Blog AMP
Apabila teman tertarik dan ingin menerapkan padablognya silahkan eksklusif saja gunakan isyarat berikut ini dan paste pada mode HTML halaman static untuk Sitemap.
Langkahnya cukup mudah, ibarat Sobat membuat halaman biasa secara umum.
Login ke Blogger.com, kemudian klik Halaman, terus pilih Halaman Baru.
Silakan Sobat pilih mode HTML, kemudian Copy dan Paste isyarat dibawah ini kedalamnya
src="https://cdn.rawgit.com/WebsiteMini/html/master/sitemaps-amp.html?url=https://teknisi-blogger.blogspot.com/"
height="750"
layout="fixed-height"
frameborder="0"
sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTnoml_3eOWVf4JjqGIsMKfosgf52i5p5R4c-UQByxzOrmzKHhnA4Azr0MM6EefZpJqh6Bg5X3mtyEZEd8n313rw7DqH3cU2TlMyq_VFrph7x9_hF9QYE8tYd1hpzh0XXTRGgLN3FDEfE/s1600/placeholder.png"
layout="fixed-height"
height="360"
width="auto"
placeholder>
</amp-img>
</amp-iframe>
Silahkan ganti URL https://hot-news01.blogspot.com/ dengan URL blog sobat.
Pastikan blog yang teman gunakan untuk memakai Sitemap ini sudah memakai atau mengaktifkan fiture HTTPS Guna mencegah terjadinya error atau Sitemap yang tidak muncul
Mungkin itu saa yang bisa aku bagikan pada postingan kali ini semoga bermanfaat
0 Response to "Membuat Sitemap Daftar Isi Pada Blog Amp Pada Halaman Static"
Post a Comment