Seting 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 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>:
<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

Komentar

  1. Yeezy Shoes
    Yeezy
    Adidas Yeezy
    Yeezy Slides
    Yeezy
    Yeezy Slides
    Yeezy
    Yeezys
    Yeezy Slides
    Yeezy
    Yeezy Supply
    Yeezy Supply
    Yeezy Shoes
    Yeezy
    Yeezy Shoes
    Yeezy
    Nike Store
    Nike
    Nike Shoes
    Nike Outlet
    Nike Shoes
    Nike Outlet
    Ray Ban Sunglasses
    Ray ban Sale
    Ray Ban Outlet
    Coach
    Coach outlet
    Gucci Outlet
    Louis Vuitton Outlet
    Louis Vuitton Outlet
    Rolex Watches
    Rolex Watches
    Rolex Watches
    Rolex
    Rolex
    Rolex
    North Face Outlet
    North Face
    The North Face
    Nike Outlet
    Nike Shoes
    Nike Outlet Store
    Nike Outlet Store Online Shopping
    Nike Outlet Online
    Yeezy Slides
    Yeezy Shoes
    Yeezy
    Yeezy Shoes
    Yeezy
    Adidas Yeezy
    Yeezy Supply
    Yeezy Supply Website
    Adidas Yeezy
    Yeezy Shoes
    Yeezy
    Yeezy Shoes
    Adidas Yeezy
    Yeezy Shoes
    Yeezy
    Adidas Yeezy
    Burberry Sale
    Burberry Outlet
    Cheap Burberry Bags
    Discount Burberry Bags
    The North Face
    North Face Outlet
    North Face
    Yeezy Supply
    Yeezy
    Pandora Necklace
    Pandora
    Michael Kors Outlet
    Black Friday
    Michael Kors Outlet Online
    Off White Outlet Factory
    Off White Shoes
    Off White Shoes Outlet
    Off White Shoes
    Off White Nike
    Off White Shoes Outlet
    Moncler Outlet
    Moncler Factory
    Moncler Outlet Factory
    Moncler Jackets
    Moncler Outlet
    Moncler Down Jackets
    Moncler Vest
    Moncler
    Moncler Outlet
    Moncler Coat
    Burberry Outlet Online
    Michael Kors Outlet
    Michael Kors Bags
    Michael Kors Outlet Store

    BalasHapus
  2. IVF Pakistan is a process where an embryo is created from the egg, sperm or artificial (donated) eggs and sperm. In the case of frozen embryos, the couple undergoing treatment has the option of freezing their embryos for the future use. This helps to control family size, improve family care and provide financial security

    BalasHapus
  3. It is one of the biggest dreams of every woman to have babies. This wish may even seem impossible for a lot of people because they are suffering from a number of medical conditions. IVF Success Stories, there are different ways you can use to make sure that your efforts would not go in vain and that someone else would be having your baby. One of those methods is artificial insemination where doctors can extract an egg from your ovary and then fertilize it with your partner's sperm.

    BalasHapus
  4. Great post! Thanks for the valuable information shared with clarity. I have read your blog, which is very helpful, if someone wants to know more about social media marketing services

    BalasHapus
  5. It’s a great visual reminder for kids. This blog is very helpful for road trip.

    BalasHapus
  6. As it often happens, it is difficult to single out a universal and only correct option. Unless, perhaps, Anti-plagiarism. But access to this https://www.paytowritepaper.com/ resource is limited and available only to teachers. How to be? "Run" the text through all sorts of best services. We offer 4 options. Copywriting exchange with its own verification system and text analysis.

    BalasHapus
  7. this is so very excited for me

    BalasHapus
  8. this is so very excited for mee

    BalasHapus
  9. You know your projects stand out of the herd. There is something special about them. It seems to me all of them are really brilliant! And check our best quart of transmission fluid.

    BalasHapus
  10. thanks for the tips and information..i really appreciate it.. Its a very again used yacht for sale florida.

    BalasHapus
  11. idm crack is a software program that helps people download files from the internet.

    BalasHapus
  12. I got what you mean , thanks for posting .Woh I am happy to find this website through google. Check the best oil lubrication.

    BalasHapus
  13. Hi there! Nice stuff, do keep me posted when you post again something like this!
    Artificial Grass Coventry

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Jenis – Jenis Indeks Saham