Beberapa hal lebih membuat frustrasi daripada mengunjungi situs web hanya untuk menemukan bahwa berandanya membutuhkan waktu lama untuk dimuat^{(homepage takes ages to load)} . Lebih buruk lagi, adalah ketika gambar berkualitas buruk dan tata letak tidak dioptimalkan dengan baik.

Faktanya, sebuah penelitian Google^{(Google study)} menemukan bahwa 53 persen orang meninggalkan situs yang gagal dimuat dalam tiga detik atau kurang, yang mengarah pada rasio pentalan yang tinggi dan penurunan pendapatan.

Untuk mengatasi masalah ini, Google membuat Accelerated Mobile Pages ( AMP ). AMP tidak hanya mempercepat waktu pemuatan situs Anda, tetapi juga membantu Anda mendesain situs yang menarik^{(design a compelling site)} , pengalaman seluler yang mendebarkan, dan peningkatan rasio klik-tayang ( RKT^(CTR) ) rata-rata.

Dalam panduan ini, kami akan menjelaskan mengapa Google AMP adalah format pilihan Google untuk halaman seluler, dan bagaimana Anda dapat menerapkan AMP untuk WordPress .

Apa Itu Google AMP?^{(What Is Google AMP?)}

Google AMP adalah kerangka kerja komponen web yang diluncurkan pada Oktober 2015^{(October 2015)} untuk membantu membuat dan membangun situs web ringan yang mengutamakan pengguna. Inisiatif seluler dirancang untuk mempercepat web dengan menyajikan versi laman web Anda yang telah dipreteli.

Banyak perusahaan besar termasuk WordPress , Pinterest , Washington Post , dan Reddit telah mengadopsi AMP dan mengalami peningkatan pengunjung unik bulanan^{(increase in monthly unique visitors)} .

Saat halaman web Anda disajikan kepada pengguna seluler melalui AMP di Google , halaman web Anda akan terlihat dasar dan sederhana, sehingga mencapai tujuan AMP untuk memberikan pengalaman yang cepat, dinamis, dan kegunaan yang lebih baik.

Apakah Anda Membutuhkan AMP di Situs WordPress Anda?^{(Do You Need AMP on Your WordPress Site?)}

AMP memang cepat, tetapi ini bukan satu-satunya cara untuk membuat halaman web dimuat lebih cepat atau meningkatkan kecepatan situs Anda^{(increase your site speed)} .

Ada banyak studi kasus yang menunjukkan dampak positif AMP pada penayang, bisnis, dan industri lainnya, tetapi ada juga banyak studi kasus yang gagal. Ini berarti tidak ada keputusan yang jelas apakah AMP untuk semua situs atau tidak.

Yang benar adalah bahwa keberhasilan AMP bergantung pada beberapa faktor keputusan. Misalnya, jika pengguna Anda terutama dari desktop, AMP bukan untuk Anda karena halaman AMP tidak ditampilkan dengan banyak fitur di desktop, dan halaman tersebut tidak ditayangkan dari AMP Cache sehingga pengguna mungkin tidak menikmati manfaat ini.

Aturan utamanya adalah AMP direkomendasikan terutama untuk penerbit yang menjalankan situs berita dan blog. Hal lain seperti situs portofolio atau halaman arahan tidak selalu membutuhkan AMP .

Selain itu, jika halaman non- AMP Anda dapat dimuat dalam atau di bawah standar 2,5 detik, Anda mungkin tidak perlu menginstal atau memelihara AMP .

Cara Menerapkan AMP di Situs WordPress^{(How to Implement AMP on a WordPress Site)}

Membuat versi AMP halaman web Anda di WordPress mungkin terlihat seperti tugas yang hanya dapat ditangani oleh pengembang, tetapi dengan sedikit pengetahuan dan beberapa panduan, Anda dapat melakukannya sendiri.

Google memiliki proses alur kerja yang memandu Anda saat membuat halaman AMP , mengintegrasikan dan mengoptimalkan halaman, menyiapkan pelacakan analitik^{(set up analytics tracking)} , lalu mendesain halaman untuk kebutuhan situs Anda.

Untuk memulai, Google akan memberi Anda kode template, yang dapat Anda salin dan simpan ke ekstensi .html, lalu tambahkan mark-up yang diperlukan. Ini akan mengubah halaman menjadi dokumen HTML AMP^{(AMP HTML)} yang bisa diterapkan .

Sebelum mempublikasikan, Anda dapat menyertakan gambar, mengubah tata letak, mengoptimalkan halaman untuk SEO^{(optimize the page for SEO)} , melihat pratinjau, dan menyelesaikan halaman menggunakan petunjuk yang disediakan di bilah sisi.

Jika mau, Anda dapat bereksperimen dengan AMP di beranda amp.dev sebelum mencobanya di situs WordPress Anda sendiri .

Cara Memasang Google AMP di WordPress^{(How to Install Google AMP on WordPress)}

Menyiapkan dan menginstal Google AMP secara manual di situs ^{(Google AMP)}WordPress Anda rumit. Namun, Anda dapat menggunakan plugin seperti plugin AMP resmi untuk WordPress^{(official AMP plugin for WordPress)} , AMP for WP , atau AMP WP untuk mempermudah prosesnya.

Untuk panduan ini, kami akan menunjukkan cara menyiapkan dan menginstal AMP di situs WordPress menggunakan plugin AMP WordPress^{(WordPress AMP)} resmi .

Cara Menggunakan Plugin AMP WordPress untuk Menginstal AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Untuk memulai, instal dan aktifkan plugin AMP WordPress di situs ^{(WordPress AMP)}WordPress Anda . Masuk ke dashboard WordPress , pilih ^(WordPress)Plugins > Add New .

1. Ketik plugin AMP di kotak pencarian, dan pilih Install Now untuk menginstal plugin.

Catatan^(Note) : Jika Anda menggunakan WordPress.com , Anda harus meningkatkan ke paket Bisnis^(Business) untuk menginstal plugin apa pun^{(install any plugins)} .

1. Buka Plugins > Installed Plugins , temukan AMP dan pilih tautan Activate untuk mengaktifkan plugin AMP dan membuatnya berfungsi di situs Anda.

1. Setelah Anda mengaktifkan plugin, sesuaikan pengaturan untuk menyesuaikan halaman AMP . Untuk mengonfigurasi plugin, buka AMP > Settings dan gunakan wizard untuk mengonfigurasi setelan halaman AMP Anda.^(AMP)

1. Pilih tombol Terbitkan^{(Publish )} setelah Anda selesai menyesuaikan pengaturan. Situs Anda tidak akan terlihat oleh pengunjung atau dapat ditemukan oleh Google , tetapi Anda dapat memilih apakah Anda ingin halaman, postingan, atau keduanya ditampilkan di situs AMP Anda . Untuk melakukannya, buka AMP > Settings > Advanced Settings, dan hapus centang pada kotak Supported Templates untuk mendapatkan lebih banyak opsi.

1. Pilih opsi^(options) yang Anda inginkan, lalu pilih Simpan Perubahan^{(Save Changes)} .

1. Anda juga dapat mengintegrasikan Yoast SEO ke dalam pengaturan AMP Anda dengan masuk ke ^(AMP)Plugins > Add New lalu cari Yoast SEO & AMP . 
2. Pilih Instal Sekarang^{(Install Now)} , dan Aktifkan^(Activate) plugin. Setelah diaktifkan, buka SEO dan pilih AMP untuk mendapatkan opsi penyesuaian lebih lanjut untuk halaman Anda, lalu pilih Simpan Perubahan^{(Save Changes)} . 
3. Sebelum memublikasikan, pratinjau situs AMP Anda dengan menambahkan amp di akhir setiap postingan atau URL halaman yang Anda inginkan . Misalnya, Anda dapat pergi ke https://yourwebsite.com/blog-post-title/amp/

Cara Memvalidasi AMP WordPress^{(How to Validate WordPress AMP)}

Dengan AMP terpasang di situs WordPress Anda , langkah selanjutnya adalah menguji apakah AMP berfungsi dengan benar. Tidak hanya itu, validasi juga memastikan bahwa platform yang didukung dapat mengakses dan menautkan ke situs Anda, dan Anda dapat menemukan kesalahan ^{(errors for troubleshooting)}AMP untuk pemecahan masalah .

Anda dapat memvalidasi AMP WordPress^{(WordPress AMP)} secara manual atau menggunakan alat Pengujian AMP Google^{(Google’s AMP Testing tool)} .

Cara Memvalidasi AMP WordPress Secara Manual^{(How to Validate WordPress AMP Manually)}

1. Untuk melakukannya, buka halaman AMP , lalu tambahkan #development=1 di akhir URL untuk halaman web yang Anda validasi.

1. Buka browser Anda dan buka konsol alat pengembang^{(developer tools console)} . Jika Anda menggunakan Firefox , pilih menu > Web Developer > Web Console . Jika ada kesalahan pada halaman AMP , kesalahan tersebut akan ditandai dengan warna merah.

Kesalahan validasi dapat disebabkan oleh kode yang salah, awalan yang tidak valid, atau tag yang tidak diizinkan, tetapi Anda akan melihat penjelasan penyebabnya di sebelah kesalahan.

Cara Memvalidasi AMP WordPress Menggunakan Alat Pengujian AMP Google^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Buka halaman alat Pengujian AMP Google^{(Google AMP Testing tool)} , masukkan URL situs, postingan, atau halaman Anda, lalu pilih URL Tes^{(Test URL)} . Anda juga dapat menempelkan kode situs dan memilih Uji URL^{(Test URL)} .

1. Googlebot akan menganalisis situs Anda dan jika valid, Anda akan melihat pratinjau bagaimana halaman AMP Anda dapat muncul di SERP Google^{(Google SERPs)} .

Dengan alat Pengujian AMP Google^{(Google AMP Testing)} , Anda dapat mengidentifikasi kesalahan AMP dan melihat kode penyebab masalah di situs Anda. Anda juga dapat memilih tombol Bagikan^(Share) untuk berbagi analisis dengan rekan kerja Anda.

Anda juga dapat menggunakan alat Validator AMP Google^{(Google AMP Validator)} untuk memastikan bahwa kode Anda divalidasi, atau menggunakan ekstensi AMP Chrome^{(Chrome AMP extension)} , yang juga memvalidasi halaman, dan menampilkan peringatan atau kesalahan apa pun.

AMP ke Situs WordPress Anda^{(AMP up Your WordPress Site)}

Google AMP adalah perubahan besar untuk situs mana pun, terutama jika Anda sudah memiliki banyak lalu lintas seluler. Jika Anda menjalankan situs dengan konten berita, mungkin masuk akal untuk segera menginstal AMP , tetapi untuk bisnis lain, Anda dapat merusak konversi jika salah.

Sebaiknya uji AMP di beberapa halaman dengan lalu lintas tinggi untuk melihat apakah Anda mendapatkan hasil positif atau negatif sebelum membuat keputusan untuk menggunakannya di seluruh situs Anda.

Sudahkah Anda mencoba AMP di situs WordPress Anda ? Apakah Anda memiliki tips lain untuk dibagikan tentang penggunaan AMP untuk WordPress ? Bagikan dengan kami di komentar.

What Is AMP for WordPress and How To Install It

Few things are more frustrating than visitіng a website only to find that its homepage takes ages to load. Worse still, is when the images are of poor quality and layouts aren’t well optimized.

In fact, a Google study found that 53 percent of people leave sites that fail to load in three seconds or less, which leads to high bounce rates and decreased revenues.

To deal with these issues, Google created the Accelerated Mobile Pages (AMP). Not only does AMP accelerate your site’s loading time, but it also helps you design a compelling site, thrilling mobile experience, and increase in average click-through rate (CTR).

In this guide, we’ll explain why Google AMP is Google’s preferred format for mobile pages, and how you can implement AMP for WordPress.

What Is Google AMP?

Google AMP is a web component framework launched in October 2015 to help create and build lightweight, user-first websites. The mobile initiative is designed to speed up the web by serving up a stripped down version of your webpage.

Many large companies including WordPress, Pinterest, Washington Post, and Reddit have adopted AMP and experienced an increase in monthly unique visitors.

When your webpage is served to mobile users via AMP in Google, it’ll look basic and simplistic, thus achieving AMP’s goal of lightning fast, dynamic experiences and better usability.

Do You Need AMP on Your WordPress Site?

AMP is fast, but it’s not the only way to make web pages load faster or increase your site speed.

There are many case studies that demonstrate AMP’s positive impact on publishers, businesses, and other industries, but there are also many case study failures.  This means there’s no clear-cut decision as to whether AMP is for all sites or not.

What rings true though is that the success of AMP depends on some decision factors. For example, if your users are primarily from desktop, AMP isn’t for you because AMP pages don’t display with rich features on desktop, and they’re not served from the AMP Cache so users may not enjoy these benefits.

The golden rule is that AMP is recommended primarily for publishers running news sites and blogs. Anything else like a portfolio site or landing pages doesn’t necessarily need AMP.

Plus, if your non-AMP pages can load within or below the 2.5-second standard, you probably don’t need to install or maintain AMP.

How to Implement AMP on a WordPress Site

Creating an AMP version of your web page on WordPress may look like a task only developers can handle, but with a little knowledge and some guidance, you can do it on your own.

Google has a workflow process that guides you as you build an AMP page, integrate and optimize the page, set up analytics tracking, and then design the page for your site’s needs.

To get started, Google will provide you with a template code, which you can copy and save to a .html extension, and then add the required mark-up. This will turn the page into a workable AMP HTML document.

Before you publish, you can include images, modify the layout, optimize the page for SEO, preview, and finalize the pages using instructions provided on the sidebar.

If you want, you can experiment with AMP on the amp.dev homepage before trying it out on your own WordPress site.

How to Install Google AMP on WordPress

Manually setting up and installing Google AMP on your WordPress site is complicated. However, you can use plugins like the official AMP plugin for WordPress, AMP for WP, or AMP WP to make the process simpler.

For this guide, we’ll show you how to set up and install AMP on a WordPress site using the official WordPress AMP plugin.

How to Use the WordPress AMP Plugin to Install AMP

1. To get started, install and activate the WordPress AMP plugin on your WordPress site. Go to the WordPress dashboard, select Plugins > Add New.

1. Type AMP plugin in the search box, and select Install Now to install the plugin.

Note: If you’re using WordPress.com, you have to upgrade to the Business plan to install any plugins.

1. Go to Plugins > Installed Plugins, find AMP and select the Activate link to activate the AMP plugin and make it work on your site.

1. Once you activate the plugin, adjust the settings to customize the AMP pages. To configure the plugin, go to AMP > Settings and use the wizard to configure your AMP page settings.

1. Select the Publish button once you’re done adjusting the settings. Your site won’t be visible to your visitors or discoverable by Google, but you can choose whether you want the pages, posts, or both to be shown on your AMP site. To do this, go to AMP > Settings > Advanced Settings, and deselect the Supported Templates checkbox to get more options.

1. Select the options you want and then select Save Changes.

1. You can also integrate Yoast SEO into your AMP setup by going to Plugins > Add New and then search for Yoast SEO & AMP. 
2. Select Install Now, and Activate the plugin. Once activated, go to SEO and select AMP to get further customization options for your page, and then select Save Changes. 
3. Before publishing, preview your AMP site by adding amp to the end of any post or page URL you want . For example, you can go to https://yourwebsite.com/blog-post-title/amp/

How to Validate WordPress AMP

With AMP installed on your WordPress site, the next step is to test that it works correctly. Not only that, but validation also ensures that supported platforms can access and link to your site, and you can find AMP errors for troubleshooting.

You can validate WordPress AMP manually or using Google’s AMP Testing tool.

How to Validate WordPress AMP Manually

1. To do this, open an AMP page, and then add #development=1 to the end of the URL for the web page you’re validating.

1. Go to your browser and open the developer tools console. If you’re using Firefox, select the menu > Web Developer > Web Console. If there are any errors on the AMP page, they’ll be highlighted in red.

Validation errors can be caused by incorrect code, invalid prefixes, or disallowed tags, but you’ll see an explanation of the causes next to the error.

How to Validate WordPress AMP Using Google’s AMP Testing Tool

1. Open the Google AMP Testing tool page, enter the URL of your site, post, or page, and then select Test URL. You can also paste the site’s code and select Test URL.

1. The Googlebot will analyze your site and if valid, you’ll see a preview of how your AMP pages could appear on Google SERPs.

With the Google AMP Testing tool, you can identify AMP errors and see the problem-causing code on your site. You can also select the Share button to share the analysis with your colleagues.

You can also use Google AMP Validator tool to make sure that your code validates, or use the Chrome AMP extension, which also validates the pages, and shows any warnings or errors.

AMP up Your WordPress Site

Google AMP is a major change for any site, especially if you already have lots of mobile traffic. If you run a site with newsy content, it may make sense to install AMP right away, but for other businesses, you could hurt your conversions if you get it wrong.

We recommend testing AMP on a few high-traffic pages to see if you get positive or negative results before making the decision to use it across your entire site.

Have you tried AMP on your WordPress site? Do you have any other tips to share about using AMP for WordPress? Share with us in the comments.

Related posts

• Bagaimana memindahkan WordPress site dari satu host ke yang lain

• Cara Memasang & Setup WordPress pada Microsoft Azure

• Bagaimana menjalankan blazingly cepat WordPress di Microsoft Azure

• Cara mengkonfigurasi Privacy di WordPress dan mengapa ini penting

• Bagaimana menginstal WordPress di Google Cloud Platform

• Bagaimana menambahkan Terapung Sidebar di Wordpress

• Cara Melindungi Halaman dengan Kata Sandi di Situs WordPress Anda

• Cara Mengatur WordPress Secara Manual di Domain

• Cara Memasang Situs Uji WordPress di Komputer Anda

• 11 Plugin Podcast WordPress Terbaik

• 8 Tema Premium WordPress Gratis untuk Menginstal

• Cara Melakukan Tes Split yang Efektif Di WordPress

• Cara Transisi Dari Editor WordPress Klasik Ke Gutenberg

• Cara Menghapus Malware Dari Situs WordPress Anda

• Must Have WordPress Yoast SEO Settings 2021

• WordPress Jetpack: Apa Itu dan Apakah Layak Diinstal?

• Cara Menggunakan Lumen5 Untuk Mengubah Posting Blog Anda Menjadi Video

• Cara Mengatur Situs Web Seperti Twitter Anda Sendiri Menggunakan Tema P2 WordPress

• Cara menggunakan WP Super Cache di blog WordPress

• Cara Melacak Broken Links dengan Google Webmaster Tool