Minggu, 21 Januari 2018

Updated, Edit Postingan Agar Valid AMP Via Andoid


Sukaraja.com- Bagaimana sih Cara Mengedit Postingan Blog Agar Valid AMP Via Android,
Sebenarnya tulisan ini sudah pernah Risna publis beberapa saat lalu, tapi ada yang belum sempat saya jelasin waktu itu, dan InsyaAlloh kali ini akan saya tulis.

Jika masih ada yang belum tau apa amp silhkan baca  Migrasi tema ke amp nah tanpa panjang lebar langsung aja kita bahas.

Sebagai info saja Google saat ini  merubah prioritas index pencarian menjadi "mobile index first", apaan tu ris? Begini masbrur dengan di terapkannya mobile index first jadi prioritas otomatis pencarian dari mobile atau hp akan  diutamakan dibanding  pencarian desktop atau komputer. Baca Juga: Membuat Site Map Valid AMP

Susah Tidak Mengedit Postingannya agar Valid? Nah Susah tidaknya relatif masbrur, karna yang kita bahas via hp/android jadi butuh kesabaran ekstra, yang jelas kalau tidak di lakuin ya dak slesai.

Bagaimana Caranya?
Seperti biasa pastikan masbrur sudah memasang quick edit atau app edit html di hp masbrur. Selanjutnya klik edit postingan, pilih compos blok semua tulisan lalu klik simbol T bergaris bawah, lihat gambar.



Kalau sudah klik html di samping compost dan blok semua lalu cut. Setelah di cut, buka quick edit dan paste kan di sana. Kenapa tidak diedit langsung di html yah kalau sanggup sih dak papa masbrur.

Lalu copy kode dibawah ini dan paste di awal tulisan, di ahir tulisan juga boleh.

 <noscript> <img height="337" width="600" alt="alt image" title="judul image" src="url image" /></noscript> 

Ganti yang warna kuning diatas dengan url gambar yang mau dimunculin dalam postingan. Lihat gambar dibawah.


Sekedar referensi kode-kode amp, silahkan lihat ke sini https://www.ampproject.org/docs/reference/components

Selanjutnya replace atau ganti css style pada tag div seperti
 <div style="text-align: justify;"> 
dengan <div>
Caranya klik tanda titik tiga pada pojok kanan atas quick edit pilih cari lalu copy <div style="text-align: justify;"> di cari teks, ganti dengan isi <div> lalu centang kasus sensitif dan membungkus disekitar. Klik ganti semua. Lihat gambar.



Setelah selesai copy semua teks nya dan cut dari quick edit, terahir paste di html postingan. dan Simpan, Jika waktu di preview jarak antar paragraf terlalu jauh hapus saja.

Setelah menambah noscipt ... /NoScript tadi postingan masbrur belum valid amp, sebelum masbrur edit juga image atau gambar. Biasanya setelah kita upload format gambar jika dilihat di mode html akan jadi seperti ini

 <a href="https://1.bp.blogspot.com/-JVTn-8YQ9Ko/Wl0A8MTeT9I/AAAAAAAABUQ/ixq34AaeXP4ck_KMTuaRdY6tKWYDCxtEACLcBGAs/s1600/20180116_022646_rmedited.jpg" imageanchor="1"><img border="0" data-original-height="379" data-original-width="480" height="158" src="https://1.bp.blogspot.com/-JVTn-8YQ9Ko/Wl0A8MTeT9I/AAAAAAAABUQ/ixq34AaeXP4ck_KMTuaRdY6tKWYDCxtEACLcBGAs/s200/20180116_022646_rmedited.jpg" width="200" /></a> 

Format seperti itu tidak akan valid di amp, jika di cek di https://search.google.com/test/amp   pun pasti akan ada eror. Solusinya bagaimana? sebelum dan sesudah url gambar (yang warna kuning) hapus saja. Lalu paste kode dibawah ini didalam postingan atau di atas url gambar barusan.

 <div class="img-width-600 img-center">
<amp-img alt="nama gambar" height="490" layout="responsive" src="Https" title="judul gambar" width="640">
</amp-img>
</div>

Ganti atau replace https yang diwarnai kuning dengan url gambar yang di buang kode sebelum dan sesudahnya tadi, cut saja. jadinya seperti dibawah ini.
 <div class="img-width-600 img-center">
<amp-img alt="nama gambar" height="490" layout="responsive" src="https://1.bp.blogspot.com/-JVTn-8YQ9Ko/Wl0A8MTeT9I/AAAAAAAABUQ/ixq34AaeXP4ck_KMTuaRdY6tKWYDCxtEACLcBGAs/s1600/20180116_022646_rmedited.jpg" title="judul gambar" width="640">
</amp-img>
</div>
Simpan dan copy url postingan yang baru diedit dan cek apakah sudah valid atau belum.
Biasanya sih langsung valid.
Nah itulah tadi masbrur untuk cara edit postingan blog agar valid amp via android, selamat mencoba ya.

Trimakasih