Seting Google AMP di Situs Blogger / Blogspot

Selasa, Februari 05, 2019

Apakah Anda ingin Tambah / setup Google AMP di situs Blogger / Blogspot? Blogger halaman seluler yang dipercepat atau AMP untuk blogger adalah cara untuk membuat situs Blogger Anda memuat lebih cepat pada perangkat seluler. Situs web pemuatan cepat menawarkan pengalaman pengguna yang lebih baik dan dapat meningkatkan lalu lintas Anda. Pada artikel ini, kami akan menunjukkan kepada Anda cara mengatur Google AMP di situs Blogger.

AMP Akan Meningkatkan kecepatan situs Anda.

Seting Google AMP di Situs Blogger / Blogspot

Panduan bertahap untuk Tambah / Pengaturan Google AMP di Situs Blogger

· Login ke Blog Blogger Anda.

· Arahkan ke Desain dan Klik Edit Template.

· Ubah tag yang ada untuk disinkronkan dengan tag berformat AMP. Ganti kode yang adadengan kode yang dimodifikasi.

· Simpan template.

· AMP Anda dikonfigurasi di Blogger sekarang. Anda dapat memvalidasisitus web Anda.

Kode yang Dimodifikasi untuk Menambahkan / Mengatur AMP di Blogger / Blogspot

Ganti contoh kode di bawah ini dan Anda akan siap dengan AMP di Blogger. Ini benar-benar gratis. Catatan untuk membuat cadangan blog Anda sebelum Anda melanjutkan.

· Langkah 1: Buat AMP HTML

Cadangkan Template Blogger Anda agar aman dari segala jenis masalah. Sekarang Pergi ke Dasbor Blogger Anda -> Templat -> Edit Templat.

Ganti kode <html> dengan kode berikut:

<html amp = 'amp'>

· Langkah 2: Tambahkan Tag Meta Charset dan Viewport:

Cari dan Periksa tag meta dan viewport viewport. Jika tidak ada, salin dan tempel kode berikut setelah tag <head>:

· Langkah 3: Tambahkan Tag Canonical:

Buat blog Anda dapat ditemukan menggunakan tag kanonik. Periksa tag tautan kanonik. Jika tidak ada, tambahkan tautan kanonik seperti ini <link rel = ”canonical” href = ”http://example.blogspot.in/article-metadata.html” /> yang hanya akan menunjuk ke dirinya sendiri.

Salin dan tempel kode berikut setelah tag viewport:

<link expr:href=’data:blog.url’ rel=’canonical’/>

· Langkah 4: Atur AMP CDN:

Rekatkan kode ini tepat di atas tag </head>:

· Langkah 5: Atur Gambar AMP:

Ubah tag gambar menjadi tag amp-gambar seperti kode contoh berikut:

<amp-img src=”AmpImage.jpg” alt=”amp-img” height=”500″ width=”500″></amp-img>

Sekarang semuanya sudah selesai.

Apa itu AMP?

AMP atau Google AMP adalah Laman Seluler yang Dipercepat . Seperti namanya, ini membantu mempercepat pemuatan situs di perangkat internet yang lebih lambat. Ini adalah inisiatif sumber terbuka yang didukung oleh perusahaan teknologi seperti Google dan Twitter. Meskipun itu mengurangi pengalaman pengguna situs. Ini memfilter data skrip berat yang membuat situs memuat lebih cepat. Jika Anda OK untuk berkompromi dengan pengalaman pengguna, Anda dapat mencoba Google AMP. Anda dapat dengan mudah menambahkan Google AMP di Blogger. Dengan cara ini Anda dapat mengatur Google AMP di Blogger.

Memvalidasi Google AMP di Blogger

Untuk Memvalidasi Halaman Google AMP Anda di Blogger, Anda dapat mengunjungi situs web resmi Google AMP. JIKA ada kesalahan, validator akan melempar kesalahan.

Berikut adalah URL untuk memvalidasi halaman AMP Blogger / Google Blogspot

https://validator.ampproject.org/

Selamat menikmati, Anda akan menyukai kinerja situs Anda sekarang.

Ringkasan

Cara Mengatur Google AMP di Situs Blogger / Blogspot

Apakah Anda ingin Tambah / setup Google AMP di situs Blogger / Blogspot? Blogger halaman seluler yang dipercepat atau AMP untuk blogger adalah cara untuk membuat situs Blogger Anda