Inilah Kelebihan dan Kekurangan Template Blogger AMP

Inilah Kelebihan dan Kekurangan Template Blogger AMP - Apakah Anda ingin menerapkan Accelerated Mobile Pages (AMP) di Blogger? Atau Anda ingin mengetahui kelebihan dan kukurangan menggunkan Template Blogger AMP? Jika jawaban Anda adalah iya, maka tepat sekali, karena artikel ini akan membahas tentang itu. Sebelum membuat situs Anda siap untuk AMP, coba simak mengapa sebagian perusahaan besar belum mengadopsi AMP.

Kelebihan dan Kekurangan Template Blogger AMP

Apa itu Mobile Accelerated Pages (AMP)?

AMP HTML adalah proyek open source oleh Google untuk menyediakan konten yang dioptimalkan untuk seluler yang dapat dimuat langsung di mana saja. Singkatnya, AMP membuat situs Anda dimuat lebih cepat seperti peluru yang melaju kencang di smartphone namun dengan mengorbankan sebagian besar pendapatan iklan dan JavaScript pihak ketiga Anda.

Tapi AMP adalah platform yang independen, sehingga penerbit dapat mengoptimalkan konten untuk seluler dan membuatnya dapat diakses oleh semua perangkat melalui browser web. Ini memiliki beberapa keuntungan tapi beberapa kontra, yang perlu dicatat sebelum Anda memilih AMP.

Berikut adalah beberapa pembatasan AMP :

1. Hanya mengijinkan skrip asinkron
2. Ukuran all resources statically
3. Jangan biarkan mekanisme ekstensi memblokir rendering
4. Menjaga semua JavaScript pihak ketiga keluar dari jalur kritis (the critical path)
5. Semua CSS harus inline dan ukurannya kurang dari 50.000 byte
6. Pemberian font harus efisien
7. Minimalkan style recalculations
8. Prioritaskan pemuatan sumber daya

Dapatkah Anda Menggunkan AMP di Blogger?

Ya, Anda bisa tapi sebagian! Tim Blogger secara resmi belum menerapkan AMP di blog Blogger. Template Blogger XHTML saat ini tidak mendukung tag HTML AMP.

Desainer yang menerapkan AMP di blogspot secara paksa menghapus tag XML penting dari template yang tidak disarankan dan akan sangat mempengaruhi blog Anda dalam jangka panjang.

Tindakan paksa ini membuat template blogger AMP sama seperti jika Anda memasang mesin Mercedes di dalam mobil dengan anggaran rendah dan berharap bisa melaju dengan cepat. Ya, mobil itu bisa dipaksa untuk menjalankan mesin Mercedes tapi tanpa dukungan untuk fitur terbaiknya. Dengan demikian menyia-nyiakan seluruh usaha Anda!

Anda pasti bisa membuat Template Blogger AMP untuk blog blogspot Anda tapi dengan mengorbankan beberapa fitur penting Blogger dan tampilan template. AMP singkatnya akan mengubah blog Anda menjadi desain Flat CSS/HTML yang buruk tanpa membiarkan efek fancy jQuery dan JS

Kelebihan dan Kekurangan Template Blogger AMP

AMP hanya menggunakan beberapa tag HTML khusus yang perlu dimasukkan ke dalam tema blogger agar AMP divalidasi. Setelah divalidasi, Google akan menambahkan ikon AMP di samping blog blogspot Anda di hasil pencarian. Anda bisa mengharapkan lalu lintas yang lebih baik tapi dengan mengorbankan pendapatan iklan dan tampilan blog.

Perbedaan antara AMP dan Template Responsif

AMP = Template Responsif + Tag HTML Khusus

Sebelum mengubah template menjadi AMP, pertama-tama harus dibuat responsif dengan menambahkan kueri media dan beberapa breakpoint.

AMP pada dasarnya adalah versi yang disederhanakan / dioptimalkan dari template responsif Anda dengan menambahkan beberapa tag HTML khusus.

Template AMP lebih cepat dari pada template yang responsif?

Halaman AMP secara teoritis harus memuat lebih cepat daripada halaman responsif normal namun jika sebuah halaman tidak dikodekan dengan benar daripada halaman AMP yang sama dapat dimuat lebih lambat dibandingkan dengan halaman responsif mobile.

Template Responsif menampilkan sidebar, footer, dan menjalankan semua JavaScript pihak ketiga. Tema blogger yang responsif hanyalah versi tema desktop yang kompatibel dengan ponsel dengan fitur, widget, plugin, dan elemen web lainnya yang hampir sama.

Dalam Template AMP, Anda tidak dapat menggunakan stylesheet lebih dari 50.000 byte, Anda juga tidak dapat menggunakan widget pihak ketiga seperti tombol add-to-cart atau tombol berbagi media sosial pilihan Anda. AMP akan mengubah tampilan desktop profesional Anda menjadi desain datar hanya dengan Logo, Menu, Post Body dan footer.

Bila Anda berkorban begitu banyak untuk waktu muat, maka tentu saja, halaman AMP ringan akan tampil dan memuat lebih cepat dibandingkan dengan halaman yang responsif.

Kelebihan dan Kekurangan Template Blogger AMP

Berikut adalah kelebihan dan kekurangan penting dari penggunaan Template Blogger AMP:

Kelebihan Template Blogger AMP
1 .Template AMP memuat lebih cepat
- Halaman AMP memuat lebih cepat dibandingkan dengan template blogger yang responsif.

2. Template AMP Meningkatkan Peringkat
 - AMP meningkatkan peringkat SERPs dan lalu lintas organik The Washington Post sebesar 23%

3. Tampilan halaman Blog Anda akan meningkat.
- Blog Pages akan langsung dimuat sehingga memberikan pengalaman pengguna yang lebih baik sejauh menyangkut kecepatan.

4. Template AMP paling sesuai untuk blog berita.

Kekurangan  Template Blogger AMP
1. AMP Sangat Mempengaruhi Pendapatan Iklan Anda.
 - Anda tidak akan menghasilkan uang sebanyak yang Anda dapatkan dengan full mobile website

2. Anda Tidak Bisa Menggunakan JavaScript sama sekali!
- Semua widget dan plugin interaktif yang membuat blog Anda terlihat keren tidak diperbolehkan. Anda harus menggunakan perpustakaan JavaScript off-the-shelf yang disediakan Google.

- Namun Anda dapat menggunakan iframe AMP tapi akan dimuat perlahan dengan kondisi yang iframe minimal 600px atau 75% dari area first viewport away dari atas.

3. Anda tidak dapat menggunakan Komentar Blogger.
- Namun Anda dapat menggunakan plugin Facebook / Disqus / Google + comment namun karena komentar resmi oleh Blogger menggunakan iframe yang tidak dapat diedit sehingga tidak diizinkan.

4. Anda Tidak Bisa Menggunakan Blogger Template Editor
- Anda tidak dapat menyesuaikan template Anda di Editor Template. Tag <b: skin> dan tag <b: template-skin> dihapus atau dikomentari.

5. Semua Gambar yang Harus Diedit
- Anda perlu mengedit <img> tag dari semua gambar di dalam posting blog Anda satu per satu dengan tag didukung amp <amp-img>. Yang tentu saja memakan waktu di blogger jika punya lebih dari 100 posting.

6. Anda tidak bisa menggunakan Widget di Sidebar
AMP tidak mengizinkan JavaScript pihak ketiga. Jika Anda ingin menggunakan widget yang berjalan pada JavaScript maka Anda tidak dapat menggunakannya.

Beberapa widget yang tersedia di bagian tata letak yang menggunakan text+image hanya didukung setelah kode mereka diedit di dalam bagian template agar kompatibel.

7. Anda Tidak Bisa Menjual Barang di Blog Anda
 - Tombol Add-to-Cart tidak diperbolehkan

8. Semua Video dan Audio yang disematkan di dalam Pos Harus Diedit
 - Anda perlu mengedit semua video YouTube / Facebook / Video Anda, semua klip audio soundcloud Anda melalui tag embed yang berbeda.

9. Semua tag iframe yang digunakan di dalam Pos harus diedit
- Anda dapat menampilkan iframe di halaman Anda hanya melalui elemen amp-iframe.

10. Formulir Langganan Email Tidak Bisa Digunakan
- Atribut onclick, action, onsubmit, onfocus, onblur tidak diperbolehkan di AMP tanpa Anda tidak dapat membuat form berlangganan untuk pembaca blog Anda kecuali jika Anda menggunakan iframe.

11. AMP mendukung Jaringan Iklan terbatas.
- BuySellAds saat ini tidak mendukung AMP. Anda akan sangat menderita dalam pendapatan BSA jika Anda pergi ke AMP. Saat ini hanya iklan AdSense yang didukung dengan benar.

12. Atribut XMLNS harus dihapus
- Atribut xmlns ditambahkan di dalam tag <html> pembuka jika blog Anda memberi informasi penting ke browser web tentang teknologi web yang digunakan oleh blog Anda.

- AMP meminta Anda untuk menghapus semua atribut tersebut dan hanya menambahkan atribut amp = "amp".

- Blog Anda tidak akan divalidasi oleh http://w3.org jika atribut xmlns yang menentukan the xml name space untuk dokumen tidak ada.

Kesimpulan

Jujur saja AMP bukanlah pilihan terbaik dari semua publisher. Bahkan blog berita korporat seperti Washington Post dan CNN yang menggunakan AMP sebelumnya dan secara terbuka didukung tahun lalu, nampaknya enggan mendukungnya di tahun 2017. Anda dapat melihat dengan jelas tag AMP yang dihapus oleh kedua situs ini dan mereka tidak mendukungnya lagi.

AMP mempercepat situs Anda namun dengan mengorbankan pendapatan Iklan Anda dan sedikit kebebasan dalam hal penyesuaian. Tanpa kebebasan penyesuaian UI, tidak ada teknologi yang bisa bertahan.

Sebuah artikel oleh Wall Street Journal mengungkapkan kekhawatiran serius publisher yang tidak menemukan AMP sangat membantu dalam meningkatkan pendapatan iklan mereka. Beberapa bahkan mengeluh bahwa tampilan halaman AMP saat ini menghasilkan sekitar setengah dari pendapatan sebanyak tampilan halaman di situs full mobile responsive mereka.

AMP bukanlah pilihan bagus untuk platform Blogger, karena saat ini tidak ada dukungan resmi. Secara paksa mengubah kode template menjadi AMP hanya akan membuatnya menjadi sakit kepala bagi orang-orang yang tidak berpengalaman dengan kode tweaker (termasuk saya)

Saya akan merekomendasikan agar Anda menunggu dan membiarkan tim Blogger memberikan dukungan CMS untuk menerapkan AMP di tema Blogger. Sama seperti Blogger yang memberikan dukungan untuk https saat kita mengajukan pertanyaan tentang bagaimana blog Blogger akan menyelesaikan masalah url gambar mutlak di https.

Saya sendiri kurang tertarik dengan blog menggunakan Template AMP, khususnya pengguna Blogger, dan jujur saya tidak mengeti dengan isi Template Blogger AMP, dari mulai cara mengedit, atau mengutak atik template AMP. Mungkin saya akan belajar menggunakan template AMP jika Blogger benar-benar mendukung AMP secara penuh.

Bagi pengguna Wordpress, ada sebuah plugin bernama AMP For Wordpress yang bisa Anda gunakan untuk mengonversi situs WP Anda menjadi situs AMP, namun seperti yang saya sebutkan, ya Anda akan mendapatkan waktu buka yang cepat namun dengan mengorbankan pendapatan iklan dan sedikit kebebasan.

Namun, itu semua terserah pada diri masing-masing. Mungkin sebagian orang menyukai template AMP dan sebagian lagi lebih suka template responsive biasa. Tapi saya sudah jatuh cinta dengan template responsive biasa, yang simple dan mudah untuk di edit.

Demikian artikel tentang Kelebihan dan Kekurangan Template Blogger AMP. Semoga artikel ini bermanfaat.

Artikel Terkait

Saya hanyalah seorang newbie yang senang untuk berbagi informasi yang bermanfaat

2 komentar

Menggunakan AMP dapat membuat website lebih cepat ketika diakses melalui mobile device. tapi ada dampaknya, terutama pada design nya.

Sbenernya sih mas kalau menurut saya, bnyak yang dibatasi klau untuk AMP pada blogger, karena blogger sendiri belum mendukung secara penuh AMP pada host nya. terima kasih mas sudah berkunjung

Silahkan berkomentar dengan sopan dan tidak meninggalkan link aktif. Terima kasih.
EmoticonEmoticon