Cara Membuat Postingan Blog Valid AMP kususnya Template VioMagz versi AMP

Cara Membuat Postingan Blog Valid AMP kususnya Template VioMagz versi AMP
Bagikan :
Dalam beberapa kasus kususnya di tahun 2018 ini, secara resmi Google menyarankan untuk semua situs untuk lebih memperhatikan lagi tampilan beserta kecepatan untuk versi mobile.

Karena untuk saat ini yang namanya kenyamanan pengguna beserta kepuasan pengguna yang suka mencari informasi di Google sangat di utamakan bagi Google dari pada hanya sekedar tampilan beserta konten blog yang miskin informasi.

AMP Tips

Lalu seperti apa yang menjadikan blog Anda agar lebih memuaskan penguna? Menurut informasi yang saya kumpulkan, jika situs yang sangat disukai Google untuk tahun 2018 ini adalah situs web yang mudah diakses (Fast Load) dan juga kaya informasi.

Jadi jika blog Anda masih ada kekurangan, ada baiknya diperbaiki dulu, mulai dari tampilan kenyaman navigasi beserta kecepatan web Anda sangat di anjurkan untuk lebih cepat di akses kususnya untuk perangkat mobile.

Demi meningkatkan porma kecepatan web Anda jika diakses lewat Handphone, maka blog Anda sangat di anjurkan menggunakan template yang simple dan juga fastloading. Namun kini Google juga sudah memperkenalkan Accelerated Mobile Pages atau yang lebih dikenal dengan nama AMP. 

Di halaman ini, saya akan membahas tentang apa itu AMP, bagaimana cara kerjanya, cara membuat postingan blog valid AMP dan apa saja keuntungannya jika kita menggunakan template valid AMP.

Apa itu AMP?


AMP adalah singkatan dari Accelerated Mobile Page. Diperkenalkan pada tahun 2016, AMP merupakan sebuah program open-source dari Google yang dibuat dengan tujuan memberikan mobile internet yang lebih cepat dan lebih baik.

Tujuan dibuatnya halaman website versi ini adalah memberikan halaman website yang memang sudah dioptimasi agar loading lebih cepat untuk versi mobile. Halaman AMP memiliki waktu loading yang lebih cepat dibanding dengan halaman website yang non-AMP.


Jadi bisa kita simpulkan jika template yang valid AMP untuk blogspot memiliki potensi lebih baik dimata Google dari pada blog yang menggunakan template non-AMP. karena untuk dari segi kecepatan loading, Blog valid AMP memiliki keunggulan tersendiri dari segi kecepatan.

Cara Kerja AMP


Lalu bagaimana cara kerjanya? AMP akan me-render halaman website Anda menggunakan kode HTML yang sudah dioptimasi. Halaman-halaman ini diharapkan loadingnya lebih cepat karena tag kode HTML yang dianggap bisa memperlambat proses loading sudah dihilangkan. Kalau halaman Anda menggunakan kode-kode JavaScript yang tidak disarankan untuk digunakan, maka scriptnya tidak akan dirender untuk halaman AMP.


Ada beberapa hal yang perlu Anda perhatikan agar halaman AMP Anda bisa berjalan dengan normal di blogspot. Dengan menggunakan template valid AMP, Saat ini sudah banyak template blogger yang valid AMP dan juga tersedia versi gratis dan premium, Anda bisa mendapatkan template blogger valid AMP pada Kompi Ajaib yang banyak membahas masalah template AMP atau juga bisa menggunakan template VioMagz AMP yang sudah ada pada Mas sugeng.

Selain itu, agar website AMP Anda bekerja, Anda perlu membuat postingan blog yang valid AMP, Tidak disarankan untuk blog yang sudah lama, Karena Anda akan kewalahan untuk mengedit postingan blog Anda satu-peratu agar Valid AMP. Alangkah baiknya anda coba membuat blog baru jika ingin mencoba blog valid AMP.

Keuntungan Menggunakan AMP


Anda pasti tahu bahwa ada hubungan tentang kecepatan dan juga kepada pengguna, Jika blog Anda mudah diakses dan ringan, tentu akan mengurangi bounce rate pada Website Anda, tentu ini akan menambah point penting kepada blog Anda untuk posisi hasil pencarian search engine result page (SERP).

5 keuntungan jika Anda menggunakan template valid AMP:

  • Waktu loading yang lebih cepat
  • Meningkatkan ranking SEO
  • Visibilitas yang lebih tinggi
  • AMP mendukung Ads
  • Analytics untuk pengunjung AMP

Cara Membuat Postingan Blogspot Valid AMP


Dibawah ini adalah tutorial cara membuat postingan Anda yang ada di blogspot agar bisa valid AMP, jadi yang perlu Anda perhatikan adalah template blog yang Anda gunakan harus sudah mendukung AMP, Jika template blog Anda bukan versi AMP maka cara ini tidak berfungsi untuk membuat halaman web Anda menjadi valid AMP.

Dibawah ini adalah halaman contoh yang valid AMP menggunakan template VioMagz AMP dari blogspot, untuk link demo silahkan klik disini

Jika Blog Anda valid AMP, Maka untuk tampilan nya lewat mesin penelusuran Google akan ada icon petir kecil yang berada dibagian depan nama alamat blog Anda.

Cara Membuat Postingan Blog Valid AMP kususnya Template VioMagz versi AMP

Dan perlu diperhatikan, jika dalam langkah membuat postingan baru di blogspot Anda tidak boleh menggunakan kode yang berbau Style seperti ini contohnya <div style="text-align: left;" >  atau memberi warna pada tulisan postingan Anda.

Maka Anda disini sangat dianjurkan dalam membuat postingan blog agar valid AMP dengan cara menulis menggunakan mode HMTL dikolom posting jangan menggunakan Compase yang nantinya bisa membuat kode Style dalam postingan.

Dan untuk bagian gambar dalam postingan juga sedikit berbeda dari pada template yang non AMP. jika sebelumnya kita membuat gambar postingan seperti ini kode contohnya.
<div class="separator" style="clear: both; text-align: center;">
<img alt="alt gambar" border="0" src="https://www.ampproject.org/static/img/home/home_hero_phone.png" title="title gambar" /></div>
Maka agar gambar bisa menjadi Valid AMP, Anda harus menggunakan kodenya seperti ini.
<noscript>
<img alt="alt gambar" width="650" height="350" src="https://www.ampproject.org/static/img/home/home_hero_phone.png" title="title gambar" />
</noscript>
Menyisipkan gambar di dalam postingan agar valid AMP.
<amp-img
alt="alt gambar "
title="title gambar "
width="650"
height="350"
layout="responsive"
on="tap:lightbox1"
role="button"
src="
https://www.ampproject.org/static/img/home/home_hero_phone.png"
tabindex="0">
</amp-img>
Demi memberi Anda kemudahan, Anda cukup salin kode dibawah ini dan mempastenya di bagian postingan Mode HMTL
<noscript>
<img alt="alt gambar "
title=" title gambar "
width="650"
height="350"
src="https://www.ampproject.org/static/img/home/home_hero_phone.png"/>
</noscript>

TULISAN ARTIKEL ANDA

<amp-img
alt="alt gambar "
title="title gambar "
width="650"
height="350"
layout="responsive"
on="tap:lightbox1"
role="button"
src="https://www.ampproject.org/static/img/home/home_hero_phone.png"
tabindex="0">
</amp-img>

TULISAN ARTIKEL ANDA..
Dan untuk memasukan video dalam postingan, Anda harus menyalin kode script dibawah ini. Biasanya jika template sudah valid AMP kode ini sudah ada dalam template tersebut, Namun untuk template VioMagz AMP ternyata belum terpasang untuk bagian kode script ini. Silahkan kamu salin dulu kode dibawah ini.
<script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>
Dan paste dibagian kode atau dalam mode edit HMTL tema. Dan dibawah ini adalah kode buat Anda yang ingin memasukan video kedalam postingan agar valid AMP.
<amp-youtube
data-videoid="ID VIDEO YOUTUBE"
height="270"
layout="responsive"
width="480"></amp-youtube>
Anda juga bisa untuk medownload contoh script yang saya kemas dalam mode text disini. Karena untuk script diatas sudah saya pasang anti copas untuk menghindari pencurian konten. Jika ada pertanyaan silahkan Anda kirim komentar.

Jangan lupa untuk Berlangganan update artikel terbaru via email:

0 Response to "Cara Membuat Postingan Blog Valid AMP kususnya Template VioMagz versi AMP"

Post a Comment

Note :
- Di larang pasang link aktif di kolom komentar
- Komentar akan disetujui jika tidak mengandung promosi
- Komentar boleh menggunakan bahasa banjarmasin
- Dilarang komentar yang berisi pornografi
- Jangan harap komentar yang berisi link aktif akan disetujui

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel