Google AMP di Situs Blogger / Blogspot | Share Info Bloging & Wisata Kuliner ~ @ Blogspot.Com Google AMP di Situs Blogger / Blogspot - Share Info Bloging & Wisata Kuliner ~ @ Blogspot.Com

Breaking

Minggu, 16 Juni 2019

Google AMP di Situs Blogger / Blogspot

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.
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>:
<meta charset=”utf-8″>
<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>
·         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

2 komentar: