Oct 28, 2017

Cara Memasang Search Box Di Template Blog AMP HTML

Search Box Google

Ini adalah updated postingan dari yang pernah di bahas sebelumnya, ada banyak penjelasan dan cara memasang Search Box pada blog. Namun di kesempatan ini akan kita bahas kembali pemasangan Search Box untuk Template Blog AMP HTML agar tidak terdeteksi Error dan dapat Valid AMP.  

Trik ini sangat memudahkan bagi pengguna AMP HTML karena cukup hanya menambahkan kode script Search Box dan diletakkan ditempat yang diinginkan. Didalam kode script ini kita memanfaatkan kode yang berasal dari Google Search. Cara ini dapat berjalan dengan syarat Postingan dalam blog wajib sudah terindex oleh Google.

Langsung saja bagi sobat yang mau mencoba memasangnya silahkan salin kode di bawah ini lalu letakkan ditempat yang sobat inginkan, biasanya di Header.

<form action="//www.google.com/search" method="get" target="_blank" novalidate="">
  <input class="query" name="q" type="text"/>
  <input name="as_sitesearch" type="hidden" value="www.dibalikseo.com"/>
  <button type="submit">Search</button>
</form>

Perhatikan kode yang dtandai www.dibalikseo.com silahkan ganti dengan URL blog sobat punya.

Sebagai contoh hasilnya silahkan coba DEMO Search Box dibalikseo dengan kata kunci AMP HTML.



Perhatikan langkah penerapan kodenya dan pastikan kembali semua postingan sudah terindex di google dengan mensubmitnya pada Webmaster Google search Console. Dan Selesai selamat mencoba.

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.