Type something and hit enter

author photo
By
Untuk membuat postingan blog menjadi valid AMP ternyata tidak dilakukan seperti membuat postingan daripada biasanya, seperti pada blog-blog yang belum di-optimasi menggunakan fitur AMP.

Oleh karenanya sangat dikhususkan bagi kita, bila nanti ingin pasang gambar di posting blog AMP milik kita. Maka ada kode khusus yang perlu kita terapkan sehingga postingan blog nantinya bisa menjadi valid AMP.

Sebagaimana kita sendiri tahu, bahwa blog AMP akan mendapatkan penelusuran khusus di google mobile yang dapat membuat loading blog menjadi super cepat.

Tetapi, jika ternyata postingan tidak menjadi valid terhadap AMP. Maka hal tersebut akan menyulitkan mesin telusur menemukan artikel kita yang belum valid AMP.

Sebab itulah, bagi teman-teman yang saat ini sudah menggunakan Template blog AMP, maka sangat disarankan untuk turut serta membuat tulisan atau postingan blognya supaya bisa mendukung AMP dan menjadi valid AMP pada hasil penelusuran google.

Nah, karena itulah pada postingan kali ini saya akan memberikan ulasan penting mengenai cara membuat tulisan dan memosting gambar yang valid AMP di dalam postingan blog.

Langkah 1
Lakukan penulisan artikel ke dalam postingan blog seperti biasanya melalui format penulisan "Compose" 


Langkah 2
Setelah menyelesaikan tulisan, selanjutnya silakan untuk menyisipkan gambar ke dalam postingan blog. Lakukan seperti biasa...

Perhatian...
Dalam postingan blog AMP biasanya gambar utama ditempatkan sebagai "thumbnail" dan satunya lagi gambar ditempatkan di tengah postingan sebagai sebuah ilustrasi artikel (postingan).

Langkah 3
(Menyisipkan Gambar Thumbnail)

Untuk menyisipkan gambar thumbnail di dalam postingan AMP saya bisanya menyisipkan gambar paling atas tulisan. Lalu masuk melaui format penulisan "HTML" dan menutupnya dengan kode </noscript> menjadi seperti berikut:



Untuk mempermudah, berikut kode lengkap yang terpasang di atas tulisan kita.

 <noscript><img alt='gambar' src='url-gambar-anda'/></noscript>  

Langkah 4 
(Menyisipkan Gambar Ke dalam 'tengah - akhir' Postingan AMP)

Masih sama seperti menyisipkan gambar utama sebagai "thumbnail". Yang berbeda hanyalah penyisipan gambar berikut ini nantinya akan dimunculkan ke dalam postingan blog, biasanya di tengah maupun di akhir postingan.

Caranya kita cukup mengubah kode gambar yang biasa menjadi seperti berikut:

 <amp-img src="url-gambar-anda"  
   width="1080"  
   height="720"  
   layout="responsive"  
   alt="AMP HTML"></amp-img>  

Catatan Penting:
Kode di atas digunakan bila kita ingin menyisipkan dan menampilkan gambar di dalam postingan blog valid AMP, oleh karenanya setiap gambar yang disisipkan seperti biasa diubah dengan kode di atas. Selain itu silakan menyesuaikan sendiri lebar dan tinggi gambar yang diinginkan dengan mengubah nilai width dan height.

Setelah melakukan cara tersebut, preview halaman terlebih dahulu, kemudian silakan publikasikan postingan anda.

Langkah selanjutnya kita hanya perlu melakukan cek postingan kita. Apakah sudah mendukung penelesuruan AMP atau belum melalui AMP Test dari Google.



Apabila halaman postingan blog kita telah dinyatakan valid AMP dan memenuhi syarat untuk fitur penelusuran AMP di hasil pencarian google. Maka selamat, berarti kita telah sukses menerapkan cara di atas.

Selain itu, bila ternyata masih terdapat error, maka silakan perbaiki error yang ada! Bisanya masih terdapat kode gambar tidak valid di dalam postingan yang belum dihapus atau struktur template blog yang belum AMP.

Saya pikir sekian! Semoga bermanfaat...

0 komentar

Mohon tidak berkomentar dengan link aktif, termasuk berpromosi jasa dan lain-lain. Karena akan langsung dihapus