beyler merhaba, bu konuya bir açıklık getirmek istedim. Bu sistemin adı :Sitelinks Search Box. Herkes istediği gibi sitesine uygulayamıyor. Gözlemlediğim kadarıyla sadece e ticaret siteleri başta olmak üzere otoriter ve ziyaretçi sayıları fazla olan sitelerde çıkıyor. Belli zaman sonra tüm sitelerde bunu göreceğiz. Google marka adı diye aratıldığında siteye gitmeden bu alan üzerinde arama yapabiliyorsunuz.
Buraya kadar herşey tamam.
Eğer bu resimde olduğu gibi otomatik tamamlamasını istiyorsanız. schema.org yapısına uygun şekilde itemtype kullanmanız gerekir. Bunu da
<div itemscope itemtype="http://schema.org/WebSite">
<meta itemprop="url" content="https://www.example-petstore.com/"/>
<form itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
<meta itemprop="target" content="https://query.example-petstore.com/search?q={search_term_string}"/>
<input itemprop="query-input" type="text" name="search_term_string" required/>
<input type="submit"/>
</form>
</div>
bu kodlar sayesinde yapabilirsiniz. Sitenizde site içi arama yapılan inputa yukarıdaki kodları yedirmeniz gerekir.
https://query.example-petstore.com/search?q={search_term_string} ve search_term_string değişkenlerini sitenize uyarlamanız gerekmekte.
--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 19:26:21 -->-> Daha önceki mesaj 19:16:00 --
koyu ile işaretlenmiş alanlara dikkat edin. n11'in kodlarıdır.
örnek olarak n11 in search input alan html çıktısı aşağıdadır.
<div class="searchBox">
<div class="searchArea" itemscope="" itemtype="http://schema.org/WebSite">
[B] <meta itemprop="url" content="http://www.n11.com/">[/B]
<form id="productSearchForm" action="http://www.n11.com/arama" method="GET" [B]itemprop="potentialAction" itemscope="" itemtype="http://schema.org/SearchAction"[/B]>
<input type="text" id="searchData" [B]itemprop="query-input"[/B] placeholder="Milyonlarca ürün arasında arama yapın" data-placeholder="Milyonlarca ürün arasında arama yapın" maxlength="100" autocomplete="off" autofocus="autofocus" value="">
<input type="hidden" id="categoryGroup" name="ctg" value="0">
[B]<meta itemprop="target" content="http://www.n11.com/arama?q={q}">[/B]
<input type="hidden" id="isSearchBySeller" value="false">
<input type="hidden"[B] id="q" name="q" value="" itemprop="query-input"[/B]>
<input type="hidden" id="seller" name="s" value="">
</form>
<div class="searchResult">
<span class="seperator"></span>
</div>
</div>
<div class="sAllCatHolder hasMenu">
<span class="sAllCatButton">
<a data-group="0" class="" title="Tüm Kategoriler">Tüm Kategoriler</a>
</span>
<div class="sAllCatMenu hOpenMenu">
<div class="hOpenMenuContent">
<a class="categoryGroupOption" data-group="0" title="Tüm Kategoriler">Tüm Kategoriler</a>
<a class="categoryGroupOption" data-group="11" title="Giyim & Ayakkabı">Giyim & Ayakkabı</a>
<a class="categoryGroupOption" data-group="12" title="Elektronik">Elektronik</a>
<a class="categoryGroupOption" data-group="13" title="Ev & Yaşam">Ev & Yaşam</a>
<a class="categoryGroupOption" data-group="14" title="Anne & Bebek">Anne & Bebek</a>
<a class="categoryGroupOption" data-group="15" title="Kozmetik & Kişisel Bakım">Kozmetik & Kişisel Bakım</a>
<a class="categoryGroupOption" data-group="16" title="Mücevher & Saat">Mücevher & Saat</a>
<a class="categoryGroupOption" data-group="17" title="Spor & Outdoor">Spor & Outdoor</a>
<a class="categoryGroupOption" data-group="18" title="Kitap, Müzik, Film, Oyun">Kitap, Müzik, Film, Oyun</a>
<a class="categoryGroupOption" data-group="19" title="Tatil & Eğlence">Tatil & Eğlence</a>
<a class="categoryGroupOption" data-group="110" title="Otomotiv & Motosiklet">Otomotiv & Motosiklet</a>
<a class="categoryGroupOption sShopBtn" data-group="searchSellers" title="Mağaza">Mağaza</a>
</div>
</div>
</div>
<a class="searchBtn" title="ARA">
<span class="icon iconSearch"></span>
</a>
</div>