Dec 31, 2016

Cara Edit Templated Blog Amp

AMP Blog
Sekarang ini sudah banyak blog yang sudah menerapkan Templated amp, apalagi amp sudah sangat disarankan penggunaannya oleh mesin pencari atau search engine. Raksasa internet Google khususnya sebagai pelopor penerapan teknologi amp pada website atau blog sangat menyarankan pengunaannya. Namun masih banyak para Blogger yang masih bingung dalam penerapannya, termasuk blog saya ini sudah menggunakan amp namun masih banyak errornya, karena pada kode htmlnya masih banyak yang harus di sesuaikan secara manual yang membuat lumayan pusing dan mumet juga harus mengeditnya satu persatu.

Namun hal ini tidak membuat saya menyerah, alhamdulillah setelah tanya sana sini ke para pakar saya menemukan solusi Cara Edit Templated Blog Amp yang masih error. Seperti yang sudah kita ketahui bersama, penerapan amp ini memang difokuskan bagi pengguna mobile atau smart phone, seperti pembahasan saya sebelumnya.


Untuk Sobat yang sudah mencoba penerapan AMP HTML di blog barunya tentu tidak akan mengalami kendala karena secara otomatis saat posting sudah valid HTMLnya, akan terjadi masalah jika sebelumnya kita menggunakan templated yang belum AMP, sudah di pastikan akan banyak terjadi error, apalagi jika postingannya sudah banyak sekali tentu hal ini akan sangat merepotkan dan pastinya membuat kepala pusing karena akan mengedit secara manual satu persatu kode scriptnya agar valid AMP. Tidak ada cara lain jika ingin tetap mengunakan templated Blog AMP yang memang harus mengedit semua postingannya satu persatu.

Ada banyak pertanyaan dari teman-teman Blogger, kenapa harus mengeditnya ? toh itu juga bukan menjadi hal yang mutlak penilaian search engine. Jadi begini Sobat memang benar SEO web atau blog atau Valid AMP bukan faktor penentu sebuah blog bagus dimata search engine, gambarannya adalah seperti ini ibarat kita naik motor Ninja terbaru tapi dibawanya cuma kecepatan 20 km/jam jadi hanya menang gaya saja tapi kecepatan tidak dimaksimalkan.

Apalagi google pun sudah menyarankan untuk Blog yang sudah menerapkan AMP ini hukumnya wajib harus Valid AMP karena pada tampilan mobile akan diberi tanda petir sebagai tanda bahwa blog tersebut sudah valid AMP nah kalau sudah seperti itu Google pun senang dan secara otomatis akan sangat disukai oleh Search engine terutama Google.

Nah sekarang timbul lagi pertanyaan, bagaimana caranya kita yang sudah terlanjur ganti templated amp dan bagaimana caranya membuat valid amp pada blog kita, sesuai dengan judul postingan saya diatas, disini akan saya coba bahas penerapannya Cara Edit Templated Blog Amp, berikut pembahasannya.

Pastikan sobat sudah masuk ke Edit HTML pada blognya, lalu lanjut ke langkah berikutnya.

Langkah Pertama
Sobat coba buat semacam kamus edit postingan di notepad tujuan agar memudahkan kita untuk mengingat kode-kodenya saat mengcopy, misalnya seperti kode yang diperlukan <nonscript> untuk kode thumbnail, amp-iframe, amp-img, amp-youtube dan sejenisnya yang nantinya akan diperlukan dalam postingan blog sobat.

Untuk memudahkan sobat berikut link referensi kode-kode amp, silahkan sobat kunjungi
https://www.ampproject.org/docs/reference/components


Langkah Ke Dua
Langkah ini mulai membuat kita repot dan pastinya pusing jika tidak terbiasa dengan kode script amp karena kita harus memvalidasi postingan AMP yang ada pada blog kita. Karena akan banyak kode seperti css style inline yang ada pada tag div misalnya <div style="text-align: justify;"> dan banyak lagi. Langkah ini seperti yang saya sampaikan diatas akan cukup banyak menguras otak dan tenaga ditambah lagi pusing jika terdapt error, jadi harus fokus dan telaten karena harus mengedit satu persatu kode <div style="text-align: justify;"> menjadi <div> hanya dalam sekali klik saja. 

Ada masalah yang timbul karena di editor post pada blogger tidak ada alat atau fitur search and replace, saya menyarankan agar sobat saat mengeditnya menggunakan browser Google Chrome lalu sobat instal extensi search and replace tujuannya nanti lebih memudahkan kita untuk mengganti kode-kode <div style="text-align: justify;"> menjadi <div> hanya dalam sekali klik saja.

Untuk menginstal extensi search and replace cukup mudah silahkan sobat buka browser Google Chrome lalu instal extensinya nanti setelah diinstal otomatis akan muncul dipojok kanan atas browser chrome sobat.


templated AMP
Google Chrome Extension


Setelah terinstal silahkan sobat input kode yang akan dirubah di kotak Search for dan untuk kode penggantinya ada di kotak Replace With setelah selesai centang Match Case? lalu input fields only kemudian klik Replace All.

Baiklah sobat mungkin ini saja postingan saya semoga bermanfaat saya pun juga masih banyak mempelajari namun tidak ada salahnya kita salaing berbagi pengetahuan agar tidak ketinggalan dan selalu updated perkembangan khususnya Teknologi Blogger. Terima kasih sudah berkunjung jika ada yang ingin menambahkan dan berbagi pengalamannya seputar Artikel ini dapat mengisi kolom komentar dibawah ini

Artikel Terkait

Halo Sobat, sedikit cerita mengenai diri saya, saya adalah hanya seorang penulis amatiran yang mencoba berbagi pengetahuan dari apa yang saya dapat sehari-hari. Pengalaman ini saya tuangkan di tulisan dengan tujuan baik agar pengetahuan dan pengalaman saya ini dapat bisa di pergunakan dan bermanfaat khususnya untuk diri saya pribadi dan umumnya untuk orang lain, sehingga saya beri nama Web saya ini dibalikseo.com yang filosofinya adalah dibalik pengetahuan yang saya dapat.