ads
ads

Membuat Form Searchbox (Pencarian) Blogger & WordPress, SEO Friendly!

Bagikan  
PIN IT! shadow

"Pada tutorial ini, saya menggunakan Schema “SearchAction” http://schema.org/SearchAction dalam pembuatan Searchbox agar SEO Friendly di hasil Pencarian Google."

Setelah membuat Review Tentang Media ID – WordPress Theme kali ini TS ingin berbagi source-code WordPress & Blogger, khusus buat temen2 yang sedang membutuhkan Markup Search Box / Form Pencarian di lengkapi dengan Schema agar optimal di mesin pencari (SEO Friendly).

 

Langsung saja, berikut adalah markup-nya.

 

WordPress – Search Box ( SEO Friendly )

<form class="search" action="<?php echo home_url(); ?>" itemprop="potentialAction" itemscope="" itemtype="http://schema.org/SearchAction" method="get" role="search">
	<meta content="<?php echo home_url(); ?>/?s={s}" itemprop="target"/>
	<input class="search-input" type="search" itemprop="query-input" list="catlist" name="s" placeholder="Search.." required>
	<button class="search-submit" type="submit" role="button">Search</button>
</form>

Kode di atas sudah saya gunakan di Template WordPress Media ID atau temen-temen bisa langsung check disini, dan berikut adalah screenshot validasi-nya :

Membuat Form Searchbox (Pencarian) Blogger & WordPress, SEO Friendly!

 

Blogger – Search Box ( SEO Friendly )


<form expr:action="data:blog.homepageUrl + &quot;search&quot;" itemprop="potentialAction" itemscope="" itemtype="http://schema.org/SearchAction" method="get" role="search">
	<meta expr:content="data:blog.homepageUrl + &quot;search?q={q}&quot;" itemprop="target"/>
	<input class="text" itemprop="query-input" name="q" placeholder="Cari disini…" required="" type="text" value=""/>
	<input name="max-results" type="hidden" value="6"/>
	<button class="button" role="button" type="submit"><i class="fa fa-search"></i></button>
</form>

Kode di atas sudah saya gunakan di Blog Tetangga Sebelah atau temen-temen bisa langsung check disini, dan berikut adalah screenshot validasi-nya :

Membuat Form Searchbox (Pencarian) Blogger & WordPress, SEO Friendly!

 

Sekian postingan tentang Cara Membuat Form Search (Pencarian) Blogger & WordPress valid Schema. Jika ada yang ditanyakan, silahkan gunakan komentar disqus dibawah postingan ini. Terima kasih dan semoga bermanfaat!

Kang Rian

Penulis Kang Rian Tetangga sebelah, yang "Mungkin" sedikit berbeda dan lebih berwarna.