AMP It Up! Mengapa dan Bagaimana Drupal AMP (Dan apa yang dapat dilakukannya pada situs web Anda)

Ketika proyek Accelerated Mobile Pages (AMP) open-source diluncurkan pada Oktober 2015, Google AMP sering dibandingkan dengan Artikel Instan Facebook. Meskipun demikian, kedua raksasa teknologi tersebut memiliki tujuan yang sama – untuk membuat halaman web dimuat lebih cepat. Sementara AMP dapat dijangkau dengan URL web, Artikel Instan Facebook hanya ditujukan untuk mengurangi rasa sakit bagi pengguna aplikasi mereka. Bekerja sama dengan beberapa mitra peluncuran yang kuat di sektor penerbitan dan teknologi, Google AMP bertujuan untuk memengaruhi masa depan distribusi konten di perangkat seluler.

Maju cepat ke hari ini, dan Google AMP adalah hal terpanas di internet. Dengan lebih dari 25 juta domain situs web yang telah menerbitkan lebih dari 4 Miliar halaman AMP, tidak butuh waktu lama untuk proyek ini menjadi sukses besar. Terdiri dari dua fitur utama; Kecepatan dan Dukungan untuk Monetisasi Objek, implikasi AMP jauh menjangkau bisnis perusahaan, pemasar, e-niaga, dan setiap organisasi besar dan kecil lainnya. Dengan fitur-fitur hebat dan fakta bahwa asalnya sebagai Inisiatif Google, tidak mengherankan bahwa halaman AMP ditampilkan di Google SERP lebih menonjol.

Apa itu AMP?

Dengan lonjakan pengguna seluler yang cepat, kebutuhan untuk memberikan pengalaman pengguna seperti situs web tidak hanya memotongnya. Saat ini pengguna ponsel hadir dengan rentang perhatian yang lebih kecil dan kecepatan internet yang bervariasi. Bisnis dapat memenuhi setiap tantangan ini dengan memuat cepat, ringan, dan situs web seperti aplikasi dengan Google AMP.

AMP adalah kerangka kerja sumber terbuka yang menyederhanakan HTML, menyederhanakan aturan CSS, membatasi penggunaan Javascript (dapat menggunakan pustaka komponen AMP) dan mengirimkan halaman melalui cache Google AMP (Jaringan Pengiriman Konten berbasis proxy).

Kenapa AMP??

Berdampak pada arsitektur teknis aset digital, inisiatif open source Google bertujuan untuk menyediakan halaman web yang disederhanakan ke browser seluler dan aplikasi lain.

Ini Cepat, seperti Sangat Cepat

Google AMP memuat sekitar dua kali lebih cepat dari halaman seluler normal yang sebanding dan latensinya kurang dari sepersepuluh. Ditujukan untuk memberikan pengalaman tercepat bagi pengguna seluler, pelanggan akan dapat mengakses konten lebih cepat, dan mereka cenderung tetap berada di halaman untuk melakukan pembelian atau menanyakan tentang layanan Anda, karena mereka tahu itu tidak akan memakan waktu lama.

Peningkatan Organik

Kelayakan untuk carousal AMP yang berada di atas hasil pencarian lain di Google SERP, menghasilkan peningkatan substansial dalam hasil organik dan lalu lintas merupakan dorongan besar untuk visibilitas organisasi. Meskipun tidak bertanggung jawab untuk meningkatkan otoritas halaman dan otoritas domain, Google AMP memainkan peran kunci dalam mengirimkan lebih banyak lalu lintas ke arah Anda.

ROI

Fakta bahwa AMP memanfaatkan dan tidak mengganggu infrastruktur web situs web yang ada, membuat biaya adopsi AMP jauh lebih rendah daripada teknologi pesaing. Sebagai imbalannya, Google AMP memungkinkan pengalaman pengguna yang lebih baik yang diterjemahkan ke tingkat konversi yang lebih baik pada perangkat seluler.

Drupal & AMP

Dengan keterlibatan pengguna yang lebih baik, waktu tunggu yang lebih tinggi, dan navigasi yang mudah di antara manfaat konten, bisnis pasti akan mendorong lebih banyak lalu lintas dengan halaman yang ramah AMP dan meningkatkan pendapatan mereka. Modul AMP sangat berguna bagi pemasar karena merupakan tambahan yang bagus untuk mengoptimalkan upaya SEO Drupal mereka.

AMP menghasilkan HTML yang membuat web menjadi tempat yang lebih cepat. Menerapkan modul AMP di Drupal sangat sederhana. Cukup unduh, aktifkan, dan konfigurasikan!
Sebelum Anda mulai dengan integrasi modul AMP dengan Drupal, Anda perlu -
Modul AMP : Modul AMP terutama menangani konversi halaman HTML biasa Drupal ke halaman keluhan AMP.

Dua komponen utama modul AMP:

Modul AMP : Modul AMP terutama menangani konversi halaman HTML biasa Drupal ke halaman keluhan AMP.
Dua komponen utama modul AMP:

Tema AMP: Saya yakin Anda telah menemukan HTML AMP dan standarnya. Salah satu yang bertanggung jawab agar konten Anda terlihat efektif dan berkinerja baik di seluler. Tema Drupal AMP menghasilkan mark up yang diperlukan oleh standar ini untuk situs web yang ingin berkinerja baik di dunia seluler. Selain itu, tema AMP memungkinkan pembuatan halaman AMP yang dibuat khusus.

Library AMP PHP: Terdiri dari tema dasar AMP dan sub-tema ExAMPle, Library PHP AMP Drupal menangani koreksi terakhir. Pengguna juga dapat membuat subtema AMP mereka sendiri dari awal, atau memodifikasi subtema ExAMPle default untuk kebutuhan spesifik mereka.

Bagaimana cara mengatur AMP dengan Drupal?

Sebelum Anda mengintegrasikan AMP dengan Drupal, Anda perlu memahami bahwa AMP tidak menggantikan seluruh situs web Anda. Sebagai gantinya, pada intinya, modul AMP menyediakan mode tampilan untuk jenis konten, yang ditampilkan saat browser meminta versi AMP.

Unduh Modul AMP

Dengan lokal Anda disiapkan, ketik perintah terminal berikut:

drush dl amp, amptheme, composer_manager

Perintah ini akan mengunduh modul AMP, tema AMP, dan modul Composer Manager (misalkan jika Anda belum memiliki Composer Manager).

Jika Anda telah menjadi pengguna Drupal 8, Anda mungkin akrab dengan Composer dan fungsinya sebagai alat pengemasan untuk PHP yang menginstal dependensi untuk suatu proyek. Komposer digunakan untuk menginstal pustaka PHP yang mengubah HTML mentah menjadi HTML AMP. Juga, komposer akan membantu perpustakaan itu bekerja dengan Drupal.

Namun, karena modul AMP tidak secara eksplisit memerlukan Composer Manager untuk dependensi, alur kerja alternatif dapat menggunakan file Composer modul tanpa menggunakan Composer Manager.

Selanjutnya, aktifkan item yang diperlukan untuk memulai:

drush en composer_manager, amptheme, ampsubtheme_example

Sebelum mengaktifkan modul AMP itu sendiri, subtema AMP harus diaktifkan. Konfigurasi default untuk modul AMP menyetel Tema AMP ke 'Subtema ExAMPle'.

Bagaimana Mengaktifkan Modul AMP?

Modul AMP untuk Drupal dapat diaktifkan menggunakan Drush. Setelah modul diaktifkan, Composer Manager akan menangani download library AMP lain dan dependensinya.

drush en amp

Konfigurasi

Setelah semuanya diinstal dan diaktifkan, AMP perlu dikonfigurasi menggunakan antarmuka web sebelum halaman AMP Drupal dapat ditampilkan. Pertama, Anda perlu memutuskan jenis konten mana yang harus memiliki versi AMP. Anda mungkin tidak membutuhkannya untuk semuanya. Aktifkan jenis konten tertentu dengan mengklik tautan "Aktifkan AMP di Pengaturan Tampilan Kustom". Pada halaman berikutnya, buka bidang "Pengaturan Tampilan Kustom". Centang kotak AMP, lalu klik Simpan.

Menyetel Tema AMP

Setelah modul AMP dan jenis konten dikonfigurasi, sekarang saatnya memilih tema untuk halaman AMP dan mengonfigurasinya. Modul tampilan dan pemformat bidang dari modul AMP Drupal menangani konten utama halaman. Tema Drupal AMP, di sisi lain, mengubah mark-up di luar area konten utama halaman.

Selain itu, tema AMP Drupal memungkinkan Anda membuat gaya khusus untuk halaman AMP Anda. Pada halaman konfigurasi AMP utama, pastikan pengaturan untuk tema AMP disetel ke Subtema ExAMPle atau subtema AMP kustom yang Anda buat.