Share Info
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.
Siapkan Google AMP di Situs Blogspot Blogger
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 ada
dengan kode yang dimodifikasi.
·
Simpan template.
·
AMP Anda dikonfigurasi di Blogger sekarang. Anda dapat memvalidasi
situs web Anda.
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>:
<meta
charset=”utf-8″>
<meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1″>
<meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1″>
·
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>:
<style
amp-boilerplate=’amp-boilerplate’>body{-webkit-animation:-amp-start 8s
steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1
normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start
8s steps(1,end) 0s 1 normal both}@-webkit-keyframes
-amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes
-amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes
-amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes
-amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes
-amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style
amp-boilerplate=’amp-boilerplate’>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async=’async’ src=’https://cdn.ampproject.org/v0.js’></script>
<script async=’async’ src=’https://cdn.ampproject.org/v0.js’></script>
·
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.
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
va disability help
BalasHapusva disability help
BalasHapus