Tag: Google AMP

Cara Install Google Accelerated Mobile Pages Pada WordPress
Bagaimana caranya menggunakan google Accelerated Mobile Pages pada website yang menggunakan aplikasi atau CMS WordPress ? jika kalian sedang berencana untuk memasang google AMP , maka kalian berada pada artikel yang tepat karena kali ini NGELAG.com akan memberikan tutorial lengkap tentang cara mengaktifkan Accelerated Mobile Pages pada website kalian .

[section label=”Alasan Menggunakan Google AMP HTML” anchor=”alasan_menggunakan_google_amp_html”]

Kenapa saya harus menggunakan Accelerated Mobile Pages ?

Sebelum memasang Google AMP , ada baiknya kalian mengetahui manfaat dari project google ini . Seperti yang sudah kita bahas pada artikel sebelumnya , google amp akan memberikan pengalaman terbaik bagi para pencari berita yang menggunakan google search melalui smartphone atau perangkat mobile lainnya .

Baca Juga : Apa Itu Accelerated Mobile Pages ? Semua Yang Perlu Diketahui

Dengan mengaktifkan accelerated mobile pages pada sebuah website , maka besar kemungkinan artikel yang terdapat pada website tersebut muncul pada baris pertama hasil pencarian google for mobile.

Selain itu , google AMP juga akan memberikan peningkatan kecepatan loading website saat diakses melalui perangkat mobile.

[section label=”Cara Menggunakan Google AMP HTML Pada WordPress” anchor=”cara_menggunakan_google_amp_html_wordpress”]

Cara Menggunakan Accelerated Mobile Pages Pada WordPress

Pada tutorial kali ini ada beberapa point yang perlu kalian pahami sebelum melanjutkan ke langkah-langkah selanjutnya : 1 . WordPress yang digunakan adalah WordPress 2 . Self-Hosting dan Kalian Perlu Mengakses FTP

Jika kedua point diatas sudah kalian pahami , maka lanjut ke proses berikutnya .
- Download dan Install Plugin AMP Download
  AMP merupakan Plugin yang dibuat khusus untuk WordPress agar bisa mengaktifkan AMP pada websitenya
- Setelah instalasi selesai jangan lupa untuk mengaktifkan plugin AMP.
Plugin AMP langsung bekerja dan berpengaruh sesaat setelah plugin diaktifkan , tidak ada pengaturan yang perlu dilakukan oleh pengguna plugin ini , untuk mengecek apakah plugin ini berfungsi dengan semestinya adalah dengan membuka sebuah url dengan ditambahkan /amp/ pada path terakhir url , contoh :

http://ngelag.com/cara-install-google-accelerated-mobile-pages-pada-wordpress/amp/

Plugin AMP ini merupakan plugin dasar yang harus kalian gunakan agar website kalian memiliki tampilan website Accelerated Mobile Pages , untuk melakukan kustomisasi atau personalisasi , ikuti langkah-langkah berikutnya .

[section label=”Cara Merubah Style Google AMP HTML” anchor=”cara_merubah_style_google_amp_html”]

Cara Merubah Style Pada Accelerated Mobile Pages

Tentu tampilan website kalian yang memakai HTML versi AMP , akan terlihat sangat minimal , pucat dan kadang tidak sesuai dengan apa yang kalian inginkan . Untungnya ada cara mudah untuk melakukan perubahan style pada AMP dengan wordpress , yaitu menggunakan plugin PageFrog . Berikut ini cara menggunakannya :
- Download plugin PageFrog . Download
Plugin PageFrog juga memberikan dukungan pada aplikasi Facebook Instant Articles
- Lakukan Aktifasi Plugin , lalu buka pengaturan pada Menu Mobile Format > Setup lalu pilih Google AMP HTML dan ikuti perintah yang muncul pada layar .
- Setelah setup berhasil , buka Menu Mobile Format > Styling untuk melakukan perubahan seperti jenis dan ukuran font , dan logo branding website yang menggunakan Google AMP HTML .
[quads id=”2″]

Jika semua langkah diatas sudah kalian lakukan , jangan lupa untuk melakukan penyimpanan pada pengaturan Permalinks (Settings > Permalink) hal ini dilakukan dengan hanya menekan tombol Save yang gunanya untuk memastikan tidak terdapat kesalahan pada permalink seperti 404 not found.

Kalian juga bisa melakukan monetasi dengan memasang iklan Adsense dan kalian juga bisa mengaktifkan google analytic dengan menggunakan plugin PageFrog .

Jika kalian sudah memasang kedua buah Plugin yang disebutkan diatas dan mengikuti seluruh langkah-langkah diatas dengan benar , ini artinya website kalian sudah mendukung Google Accelerated Mobile Pages HTML . Lalu bagaimana memastikan bahwa Google AMP sudah terpasang dengan benar pada website saya ? untuk menjawab pertanyaan tersebut , ikuti langkah – langkah dibawah ini :

[section label=”Cara Memastikan Google AMP HTML Berfungsi” anchor=”cara_memastikan_google_amp_html_berfungsi”]

Memastikan Google AMP HTML Berfungsi Dengan Benar
- Buka sebuah artikel pada website kalian , lalu tambahkan /amp/ diakhir url path artikel kalian Contoh : http://domain.com/artikel-test-amp-html/amp/ . Jika artikel kalian terbuka pada browser dengan tampilan yang minimalis , maka kalian sudah berhasil mengaktifkan Accelerated Mobile Pages.
- Lakukan validasi pada halaman AMP caranya buka sebuah artikel dengan menambahkan url path /amp/#development=1 pada akhir url artikel dengan menggunakan brower chrome , lalu tekan tombol Ctrl+Shift+I untuk membuka console , pastikan tidak ada peringatan (!) atau error (x) yang tampil pada console , contoh :
  Contoh AMP HTML yang valid
[section label=”Langkah Opsional” anchor=”langkah_opsional”]

Langkah Apa Lagi Yang Harus Saya Lakukan ?
- Teruslah menerbitkan artikel yang berkualitas agar peringkat di search engine google terus meningkat.
- Lakukan Fetch menuju artikel yang sudah menggunakan AMP . Meskipun google akan dengan otomatis mendeteksi adanya halaman yang menggunakan AMP pada website kalian , tapi tidak ada salahnya melakukan fetch agar google melakukan crawl pada website kalian .
Itulah tadi tutorial dari NGELAG.com yang membahas mengenai cara mengaktifkan AMP HTML pada website wordpress , terus pantau semua perkembangan dari google AMP HTML projects dengan membaca artikel – artikel tips trik website NGELAG.com.

Jika kalian memiliki pertanyaan , silahkan berkomentar atau melalui social media NGELAG.com :
- https://www.facebook.com/ngelagcom/
- https://twitter.com/ngelagdotcom
Oktober 31, 2024
Apa Itu Accelerated Mobile Pages ? Semua Yang Perlu Diketahui

Apa itu Accelerated Mobile Pages ? pertanyaan ini pasti muncul didalam benak kalian terutama para developer website yang mengetahui Google AMP baru-baru ini muncul pada menu web master tools , untuk kalian yang masih bingung , jangan khawatir karena pada artikel kali ini NGELAG.com akan coba membasa semua yang perlu kalian ketahui tentang Google Accelerated Mobile Pages Project .

[section label=”Apa itu Accelerated Mobile Pages ?” anchor=”amp_adalah”]

Apa itu Accelerated Mobile Pages ?

Google Accelerated Mobile Pages pada iPhone

Google Accelerated Mobile Pages adalah sebuah inisiatif dan inovasi dalam bentuk aplikasi open source yang muncul dari diskusi antara publisher dengan perusahaan teknologi mengenai pentingnya meningkatkan seluruh ekosistem konten ponsel untuk semua orang termasuk publisher, konsumen, pencipta, dan pengguna.

Sekarang , banyak sekali harapan akan sebuah konten berita dan informasi dapat diakses dengan sangat cepat . Tapi kenyataanya banyak halaman website yang dibutuhkan oleh konsumen terbuka dalam beberapa detik saat konsumen atau pembaca mengaksesnya melalui pencarian google . Jadi pada intinya Accelerated Mobile Pages adalah halaman web yang dirancang khusus agar dapat dimuat dalam perangkat mobile dalam waktu yang sangat cepat , hal ini tentu merupakan sebuah kemajuan bagi sistem mobile web yang berdampak besar .

Baca Juga : Cara Install Google Accelerated Mobile Pages Pada WordPress

[section label=”Manfaat Accelerated Mobile Pages ?” anchor=”manfaat_amp”]

Apa Manfaat Dari Accelerated Mobile Pages ?

Kecepatan adalah dambaan setiap orang . Sebuah penelitian menunjukkan bahwa bounce-rate dapat mencapai 58% pada halaman web yang memuat dalam waktu 10 detik. Dengan menggunakan AMP diharapkan akan membuat bounce-rate mengecil dan meningkatkan interaksi pembaca dengan website yang menggunakan AMP . AMP bukan soal kecepatan dan kinerja saja . Google dan teamnya juga menjanjikan pendistribusian konten yang lebih baik agar website dapat diakses dengan sangat cepat melalui platform dan aplikasi apapun , tentunya dengan pendistribusian konten yang lebih baik oleh google akan meningkatkan pendapatan website kita bukan ?

[section label=”Cara Kerja Accelerated Mobile Pages ?” anchor=”cara_kerja_amp”]

Bagaimana Cara Kerja Accelerated Mobile Pages ?

Google AMP sebenarnya sama saja dengan halaman HTML lainnya , hanya saja pada AMP ada beberapa fungsi yang dibatasi namun tetap dalam lisensi Open-Source . Accelerated Mobile Pages dapat diakses melalui semua browser terbaru atau app webview lainnya . Tujuannya agar pembaca / pengakses website lebih puas karena halaman website yang mereka inginkan dapat muncul dengan cepat sehingga informasi lebih mudah didapat.

[section label=”Kapan AMP Beroperasi ?” anchor=”kapan_amp_beroperasi”]

Kapan Accelerated Mobile Pages dikenalkan dan kapan akan diaktifkan ?

Awalnya AMP rilis pada 7 Oktober 2015 dengan mengumumkan spesifikasi teknis pada GitHub , contoh penggunaannya sudah pernah diperlihatkan sebelumnya (akan dibahas pada artikel ini) .

Kapan akan diaktifkan serentak ? sejak tanggal 24 Februari kemarin , google AMP Projects telah diaktifkan , melalui blog resmi google , David Besbris yang merupakan VP Engineering dari google search menuliskan sebuah artikel yang mengumumkan jika google accelerated mobile pages telah diaktifkan pada hasil pencarian google mobile .

[section label=”Untuk Siapa Accelerated Mobile Pages ?” anchor=”untuk_siapa_amp”]

Jadi Untuk Siapa Sebenarnya Accelerated Mobile Pages ?

Tentu saja untuk kalian para pemain website professional , masyarakat , dan para penulis artikel web . Google juga sudah mengumpulkan beberapa platform website untuk ikut mendemonstrasikan AMP ini pada website nya , platform tersebut antara lain : Twitter , Google , ChartBeat dan WordPress . Selain platform google juga menggandeng beberapa publisher berita seperti : Vox, The New York Times, The Guardian dan Globo .

[trending included_categories=”456″ title=”BACA JUGA !” disabled_filters=”heat,liked,viewed,reviewed,rated,commented” targeted=”true”]

[section label=”Apakah AMP Bisa Di Monetize?” anchor=”amp_monetize”]

Apakah Accelerated Mobile Pages Mendukung Iklan Dan Monetasi ?

Justru tujuan utama dari google AMP salah satunya adalah untuk memberikan pengalaman terbaik bagi pengunjung web dan pemilik web dalam pengiklanan atau monetasi yang lebih efektif . Maksudnya adalah nantinya penempatan iklan , jarak dan teknologi dari iklan sendiri akan dioptimalkan pada tampilan melalui perangkat mobile .

[section label=”Mendukung Analytic ?” anchor=”dukungan_analytic”]

Bagaimana Dengan Dukungan Analytic ?

Google sedang bekerja sama dengan beberapa provider analytic untuk mengintegrasikan layananya dengan AMP , namun sepertinya jika hanya menggunakan Google Analytics tentu tidak akan ada masalah yang muncul .

Semua pertanyaan dan jawaban diatas juga bisa kalian dapatkan secara lengkap melalui website Accelerated Mobile Pagess .

[section label=”Demo Accelerated Mobile Pages” anchor=”demo_amp”]

Seperti Apa Tampilan Accelerated Mobile Pagess ?

Tentu hal ini juga menjadi sebuah pertanyaan besar dan mengganjal bagi kalian semua para developer web , untungnya google telah merilis sebuah demo url yang bisa kalian coba sendiri melalui link ini (buka melalui mobile phone) atau jika kalian sudah tidak sabar untuk melihat seperti apa tampilan hasil pencarian AMP bisa kalian lihat pada video berikut ini :

https://www.youtube.com/watch?v=QZUKynbpzeY

[section label=”Memasang Accelerated Mobile Pages ” anchor=”memasang_amp”]

Bagaimana Cara Mengaktifkan Accelerated Mobile Pages pada website saya ?

Meskipun Google AMP belum efektif berjalan pada seluruh google search for mobile , namun tidak ada salahnya untuk mencoba dan mempersiapkan diri untuk menyambut Trend Search Engine yang nampaknya akan sebentar lagi booming ini . Kalian bisa mencobanya dengan mengikuti tutorial pada artikel berikut ini .

Pada artikel tutorial tersebut , kalian akan mendapatkan penjelasan mengenai alasan menggunakan Google AMP HTML , keuntungan , hingga cara memastikan Google AMP HTML berjalan dengan benar .

Jika ada pertanyaan dari kalian , jangan ragu untuk menulis komentar pada kolom yang disediakan dibawah artikel yang sedang kalian baca ini .

Oktober 31, 2024