Sitelinks Search Box, Eylül 2014’ün başında tanıtılan, Google arama sonuçları sayfasına etki eden bir rich snippet türüdür. Google’daki arama sonuçlarında gösterilen bu arama barı, bir web sitesinin içerisinde yer alan ürün veya içerikleri arayabilmenizi sağlar. Aşağıdaki ekran görüntüsünü inceleyebilirsiniz.
Sitelinks Search Box Ne İşe Yarar?
Diyelim ki bir arkadaşınız size telefonunuz için harika bir kılıf bulduğunu söyledi, ancak tam olarak adını hatırlayamadı. Sonra hangi web sitesinden bu kılıfa baktığını söyledi. Google’da bu web sitesinin adını arattığınızda karşınıza Sitelinks Search Box çıktı. Arama kutucuğuna telefonunuzun modelini girip kılıfları arattığınız zaman, o web sitesinde telefonunuza uygun olarak sergilenen tüm telefon kılıflarını listeleme şansınız oluyor. Oldukça pratik.
Sitelinks Search Box Web Sitesine Nasıl Eklenir?
Sitenize Sitelinks Search Box eklemek için yapmanız gereken şey çok basit. schema.org girip Microdata veya JSON-LD seçenkelerinden birini tercih edip, kendi web sitenize göre uyarlamanız gerekiyor. Aşağıda ikisi içinde örnek şablon yer alıyor.
JSON-LD Sitelinks Search Box
<script type=“application/ld+json”>
{
“@context”: “http://schema.org”,
“@type”: “WebSite”,
“url”: “http://example.com/”,
“potentialAction”: {
“@type”: “SearchAction”,
“target”: “http://example.com/search?&q={query}”,
“query-input”: “required”
}
}
</script>
Microdata Sitelinks Search Box
<div itemscope itemtype=“http://schema.org/WebSite”>
<link itemprop=“url” href=“http://www.example.com/”/>
<form itemprop=“potentialAction” itemscope itemtype=“http://schema.org/SearchAction”>
<meta itemprop=“target” content=“http://example.com/search?q={query}”/>
<input itemprop=“query-input” type=“text” name=“query”/>
<input type=“submit”/>
</form>
</div>
Sitenize gerekli kodu ekledikten sonra doğru olup olmadığını kontrol edebilmek için google structured data testing tool kullanabilirsiniz. Unutmayın, web sitenizdeki verileri ne kadar anlamlı hale getirirseniz, arama motorları sizi o oranda yukarılara taşıyacaktır.