Cara Untuk Membuat Google SiteLink di Blogger 2017

Posted by Admin Ganteng on
Ketika kalian mencari suatu blog atau website kalian pasti pernah menemukan website yang mempunyai search box sendiri dan link-link kategori di Google search kan? Pasti semua blogger menginginkan tampilan seperti tersebut di google search, tapi apakah kamu tahu cara untuk menampilkan searchbox di google search?

Jadi hari ini saya akan mencoba untuk berbagi cara Cara Untuk Membuat Google SiteLink di Blogger. Cara ini agar google menampilkan Search box di bawah nama domain kita dan menampilkan juga link kategori yang sering di cari.

Bagaimana cara untuk mengaktifkan fitur tersebut?
Kamu hanya perlu sedikit javascript dan microdata di template untuk menampilkan informasi blog kamu di google search.
Langkah pertama, kamu login ke blogger
Langkah kedua, Masuk ke menu Tema lalu Edit HTML
Langkah ketiga, nah disini saya ada dua metode untuk menampilkan info blog kamu di google, pertama dengan menggunakan JSON-LD dan MICRODATA.

#1 JSON-LD
Salin kode berikut dan tempatkan tepat sebelum kode </head>

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "url": "https://www.example.com/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://query.example.com/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>

Ganti url yang di block biru dengan url blog kamu. lalu simpan template.

#2 MICRODATA
Jika kamu ingin menggunakan MICRODATA silahkan gunakan kode berikut, lalu tempatkan kode nya sebelum </head>

<Div itemscope itemtype = "http://schema.org/WebSite"> 
  <meta itemprop = "url" content = "http: // www.example.com /" /> 
  <form itemprop = "potentialAction" itemscope itemtype = "Http://schema.org/SearchAction"> 
    <meta itemprop = "target" content = "http: // query.example.com / search? Q = {search_term_string}" /> 
    <input itemprop = "query-input "Type =" text "name =" search_term_string "required /> 
    <input type =" submit "/> 
  </ form> 
</ div>
Ganti link yang di block biru dengan link blog sobat. Lalu simpan template

Bagaimana untuk menghilangkan search box di google?
Nah jika kamu yang tidak ingin menampilkan searchbox di google tapi hanya berupa link kategori atau label, silahkan salin kode di bawah dan tempatkan setelah kode <head>

<Meta name = "google" content = "nositelinkssearchbox" />

Note: Search box akan di hapus google setelah beberapa minggu.

Akhir kata hanya sekian tutorial untuk menampilkan searchbox dan link kategori di blogger, ini terlihat keren jika blog kamu menampilkan beberapa link di google search.

Jika ada yang ingin kamu tanyakan silahkan berkomentar.

Comments

Post a Comment