Skip to main content

Cara Membuat Postingan Valid AMP Dengan Mudah Dan Cepat

PopularMassage.Net - Hallo sobat blogger seperti biasa ketika sudah menjelang sore hari tepatnya pukul 15.30 waktu indonesia barat saya bermain - main didepan laptob, pada kesempatan kali ini saya akan sedikit mengulas tentang postingan agar valid AMP, semata - mata tulisan ini saya buat untuk diri saya sendiri, tapi bila ada dari sebagian sobat yang ingin tahu tentang membuat postingan agar vali AMP bisa menggunakan cara yang saya terapkan selama ini.

Baiklah biar tidak terlalu lama basa basinya mari kita simak cara agar postingan valid amp, tapi sebelum itu perlu kita tahu apa yang di maksud dengan amp ? AMP adalah singkatan dari accelerated mobile pages dimana biasanya disebut dengan amp dan ini adalah termasuk teknologi untuk perangkat lunak seperti smartphone sebagian manfaatnya untuk mempercepat loding pada sebuah situs, dalam hitungan detik saja maka semua isi artikel akan langsung tampil keseleruhannya terkecuali loding pada sebuah iklan baik iklan adsense ataupun iklan lainnya, google amp ini di luncurkan pada bulan februari tahun 2016 yang lalu.

So ketika postingan halaman kita sudah valid amp dan terindex oleh google maka dalam hasil pencarian google akan di tandai oleh logo petir yang sering kita temui di beberapa situs orang lain, termasuk situs popularmassage.net ini.

Oke.. Sudah mengerti akan arti dari amp itu sendiri, kini kita kembali kempembahasan awal cara membuat postingan agar valid amp.

Membuat postingan yang valid amp memang tidak semudah membuat postingan biasa pada umumnya (Non AMP) ada beberapa kode yang tidak boleh di gunakan di dalam blog atau postingan amp. Bagi para pemula yang mengenal amp pasti akan merasa kesulitan untuk membuat suatu blog / postingan agar valid amp tapi sobat jangan khawatir ketika kita sudah terbiasa maka semuanya akan menjadi mudah.

Kode Yang Tidak Boleh di Gunakan Dalam AMP


Salah satu kode yang tidak boleh di gunakan secara paten adalah kode yang berupa tag HTML atau CSS inline seperti style biasanya ketika kita menulis artikel postingan kita tidak akan luput dari kode <div dir="ltr" style="text-align: left;" trbidi="on"> kode ini pasti akan muncul di awal postingan dan maka agar supaya postingan valid amp dan tidak eror maka anda hapus kode tersebut.

Dan kode serupa seperti diatas juga akan muncul di bagian paragraf tertentu dan jika kode diatas muncul di bagian paragraf lainnya anda hanya cukup  merubahnya menjadi <div> atau bila tidak dibutuhkan sobat bisa menghapus keseluruhan kode tersebut termasuk <div> dan </div> karena untuk postingan blog amp kode <div> dan </div> akan lebih baik bila dibuang saja semuanya karena memang tidak terlalu di butuhkan dalam membuat postingan yang valid amp.

Dulu kode <div> atau </div> memang menjadi salah satu penyebab tidak valid amp nya sebuah potingan, akan tetapi untuk sekarang kode tersebut sudah tidak bermasalah lagi.

Membuat Gambar Thumbnail Postingan AMP

Gambar thumbnail yang akan di pasang di dalam postingan gunanya agar supaya gambar itu terlihat di luar postingan, biasanya akan muncul di hompage atau pun di related post. Cara membuatnya agar valid amp dengan menggunakan kode yang ada di bawah ini.

<noscript><img alt="Judul Gambar" width="600" height="338" src="URL GAMBAR" title="Judul Gambar" /></noscript>

Keterangan: judul gambar ganti dengan judul postingan atau kata kunci dan ganti url gambar dengan url gambar anda sendiri, Lebih tepatnya jika script diatas sobat pasang di paling atas sebelum tulisan artikel.

Membuat Gambar Dalam Postingan AMP

Lanjut ke cara memasang atau mengupload gambar di dalam postingan valid amp, cara cukup mudah, sobat tinggal kopi kode yang ada di bawah ini.

<amp-img alt="Judul Gambar" height="300" layout="responsive" src="URL GAMBAR" width="430"></amp-img>

Keterangan: ganti judul gambar dengan judul postingan atau dengan kata kunci, dan ganti url gambar dengan url gambar yang akan di masukkan. Jangan lupa sesuaikan ukuran gambar dengan ukuran aslinya, Untuk script kode ini sobat bisa pasang dimana saja sesuai keinginan selera.

Memasang Video Dalam Postingan Valid AMP

Sobat jangan lupa bila sobat mempunyai sebuah video youtube yang kebetulan kontennya sama dengan konten artikel yang sobat tulis maka pasanglah video tersebut di postibgan amp, karena dengan memasang video didalam postingan itu juga sangat di anggap penting dalam kredibilitas postingan artikel kita.

Untuk pemasangan video baik itu video biasa ataupun video youtube sobat juga tidak perlu repot cukup pakai kode yang ada di bawah ini.

<amp-youtube
data-videoid="ID VIDEO YOUTUBE"
height="270"
layout="responsive"
width="480"></amp-youtube>

Keterangan: Ganti id video youtube dengan id video yang ingin sobat masukkan.
Untuk mengecek valid amp atau tidak situs halaman sobat, silahkan masuk ke url berikut: https://search.google.com/test/amp. Caranya salin url postingan di tempat yang sudah di tentukan.

***
Ok sobat mungkin sampai disini saja keterangan singkat tentang Cara Membuat Postingan Valid AMP Dengan Mudah Dan Cepat semuga bermanfaat dan salam hangat dari kami selaku admin popularmassage.net sukses selalu.

Sampai jumpa dan bila ingin mendapatkan postingan artikel terupdate setiap harinya silahkan ikuti blog ini melalui email. So... Terimakasih and buy buy.
Info: Konten yang ada di dalam blog ini murni tulisan dari time PopularMassage.Net - sangat tidak di perkenankan bila melakukan copy paste terhadap isi artikel yang ada di dalam blog ini.

Comment: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar