Bu sayfada, arama kutunuzun ve arama sonuçlarınızın görünümünü ve tarzını nasıl özelleştirebileceğiniz açıklanmaktadır. Arama motorunuzun tasarımını bağlam dosyasını kullanarak uygulamak istiyorsanız "Görünüm ve Tarzı XML ile Tasarlama sayfasına" bakın.
- Genel Bakış
- Arama Kullanıcı Arayüzünün Bileşenlerini Bağımsız Tasarlama
- Search Element'i kullanarak sonuçları barındırma
- Search Element Düzeni'ni ayarlama
- Arama Kutusunu tasarlama
- Sonuçları Tasarlama
- Tasarımı Web Sitenize Uygulama
Genel bakış
Programlanabilir Arama Motorunuzun hem arama kutusunu hem de arama sonuçlarını kontrol panelinden veya XML bağlam dosyasında değiştirebilirsiniz. Çok sayıda arama motorunuz varsa bunları kontrol panelinden yönetmek ve özelleştirmek oldukça basittir. Görünüm ve tarz sayfasına gidin, bir stil seçin, bileşenleri tasarlayın ve Kaydet'i tıklayın. Bu sayfada tüm bunları nasıl yapacağınız anlatılmaktadır. Ancak çok sayıda arama motoru oluşturup yönetiyorsanız bu basit prosedür bile (birden fazla arama motorunda tekrarlandığında) bile yorucu olabilir. Bu gibi durumlarda XML ile çalışmak daha iyi olur. XML kullanmaya karar verirseniz işlerin genel olarak nasıl çalıştığı hakkında fikir edinmek için önce bu sayfayı okuyun. Ardından, XML öğeleri ve özellikleri hakkında bilgi edinmek için Görünüm ve Tarzı XML ile Tasarlama sayfasını okuyun.
Yalnızca kontrol panelini mi yoksa XML biçimini mi kullanmanız gerektiğinden emin değilseniz her biçimin avantajlarının ve zorluklarının açıklandığı Temel Bilgiler sayfasına göz atın.
Not: Özel arama motorunuzun görünüm ve tarzını tasarlamaya başlamadan önce Programlanabilir Arama Motoru Uygulama Yönergeleri 'ni okuyun. Google marka ve ilişkilendirmesini nasıl ele almanız gerektiğini anlatan kısa bir belgedir.
Arama Öğesini Kullanarak Sonuçları Barındırma
Arama öğesi, web sayfanıza yerleştirebileceğiniz ve kapsamlı özelleştirmeye olanak tanıyan bir nesnedir. Bu özellik, arama kutusunu ve arama sonuçlarını, okuyucunun görüntülediği web sayfasında birlikte veya farklı web sayfalarında gösterebilir.
Not: Search element, kompakt düzen ile eşlendiğinde mobil cihazlarda iyi çalışır.
Arama kullanıcı arayüzünü daha da özelleştirmek için Programmable Search Element Control API'den de yararlanabilirsiniz. HTML özellikleri aracılığıyla birçok özelleştirme desteklenir. Örneğin, sonuçlar sayfanız için altı düzen arasından seçim yapabilir veya döndürülecek arama sonuçlarının sayısını ayarlayabilirsiniz.
Programlanabilir Arama Motoru, iframe barındırma seçeneğini artık desteklememektedir. Yeni seçenek olarak Search öğesindeki "İki sayfa" veya "Yalnızca sonuçlar" düzenlerini öneririz. Daha fazla bilgi için blog yayınımıza göz atın.
Arama Kullanıcı Arayüzünün Bağımsız Bileşenlerini Tasarlama
Özelleştirilebilir Bileşenler
Özelleştirebileceğiniz bileşenler, arama motorunuzun seçilen Öğe düzenine bağlıdır. Örneğin, kontrol paneli yalnızca Google tarafından barındırılan arama motorları için logo eklemenize izin verir. Diğer barındırma seçeneklerini kullanarak arama motorlarına logo ekleyemezsiniz.
Kontrol panelini kullanarak aşağıdaki bileşenleri tanımlayabilirsiniz:
- Search element düzeni
- Arama kutusu
- Arama sonuçları
- Ayrıntılandırma sekmeleri
- Promosyonlar
- Logo (yalnızca Google tarafından barındırılan)
Arama Öğesi Düzenini Ayarlama
Arama kullanıcı arayüzünüzün web sayfasındaki düzenini özelleştirme seçeneğiniz vardır. Arama kutusunu ve sonuçlar bölümünü aynı sütuna yerleştirebilir veya arama kutusu bir sütunda ve sonuçlar bölümü başka bir sütunda, hatta başka bir sayfada olacak şekilde ayrı sütunlarda görüntüleyebilirsiniz.
Düzen seçenekleriniz şunlardır (demoları görmek için bağlantıları tıklayın):
| Option | Açıklama |
|---|---|
| Geçiş | Arama sonuçlarını bir yer paylaşımında görüntüleyin. |
|
İki Sayfa
Basit Çoklu arama kutusu/sonuç bölümü |
Arama kutusu ve arama sonuçları bölümü iki farklı web sayfasına yerleştirilir.
Not: Arama sonuçları bölümünde bir arama kutusu da bulunur. Kullanıcılar, sorguları doğrudan arama sonuçları sayfasından gönderebilir. |
| Tam genişlik | Arama kutusu ve arama sonuçları bölümü, Arama öğesini eklediğiniz sayfanın veya sütunun tüm genişliğini kaplar. |
| İki Sütunlu | Arama kutusu ve arama sonuçları bölümü, web sayfanızın farklı sütunlarında veya bölümlerinde yer alır. Kullanıcı, arama sonuçları bölümünü kapatmak için arama kutusunun yanındaki X simgesini tıklar. |
| Kompakt |
Tam genişlik seçeneği gibi bu seçenek de sayfanın veya sütunun tüm genişliğini kaplar ancak sonuçlar bölümünde daha az sonuç gösterilir. Bu nedenle, web sayfasında genişletildiğinde daha az dikey alan kaplar.
İpucu: Bu seçenek akıllı telefonlar ve mobil cihazlar için optimize edilmiştir. |
|
Yalnızca Sonuçlar
URL ile ara Arama kutusuyla ara |
Arama sonuçları, web sayfalarınızdan birine yerleştirilmiştir ve arama sonuçları sayfası bir arama kutusu içermez. Arama sorgusunu göndermek için kendi arama kutunuzu kullanın.
Not: Reklam göstermeyen bir Programlanabilir Arama Motoru'nda markalamayı devre dışı bırakma seçeneği yoktur. |
|
Google Tarafından Barındırılan
Geçerli pencere Yeni pencere |
Arama kutusu, web sayfalarınızdan birine yerleştirilmiştir. Arama sonuçları, Google tarafından barındırılan ve aynı pencerede veya yeni bir pencerede açılabilen bir web sayfasında görüntülenir. |
Arama Kutusunu Tasarlama
Arama kutusunu web sayfanızın HTML gövdesinde herhangi bir yere ekleyebilirsiniz. Ancak arama kutuları, aşağıdaki örnekte olduğu gibi kural gereği web sayfalarının üst kısmına (veya üst kısmına yakın) yerleştirilir:
Şekil 1: Arama kutusu üstte olacak şekilde web sayfası.
Otomatik Tamamlamayı Etkinleştirme
Otomatik tamamlama, arama kutusuna arama sorgularını giren kullanıcılarınıza sorgu seçenekleri sunar. Google aramada gördüğünüz isteğe bağlı sorgulara benzer.
2. Şekil: Arama kutusuna yalnızca birkaç karakter yazdığınızda, farklı arama sorguları için seçenekler içeren bir açılır liste görüntülenir.
Programlanabilir Arama Motoru, otomatik tamamlamayı özel olarak arama motorunuza göre uyarlar. Arama motorunuza yapılan sorgular ve arama motorunuzun kapsadığı web sitelerinin içeriğinden çıkarılan anahtar kelimeler ve kelime öbekleri dahil olmak üzere birden çok kaynaktan gelen farklı bir algoritma kullanır.
Otomatik tamamlanan sorgular, kısmen, arama motorunuzun kapsadığı web sayfalarının belirli içeriğine dayandığından, Programlanabilir Arama Motoru, tüm web'de arama yapan arama motorları için otomatik tamamlamalar oluşturmaz. Başka bir deyişle, yalnızca arama yapan arama motorları (önceden belirlenmiş bir web sitesi koleksiyonu) sorguları otomatik olarak tamamlayabilir. Arama motorunuzun kapsamını Genel bakış sayfasının Aranacak siteler bölümünde ayarlayabilirsiniz.
Otomatik tamamlamalar özelliği, Arama Özellikleri sayfasının Otomatik tamamlama bölümünde bulunur.
Otomatik tamamlamaları etkinleştirmek için aşağıdakileri yapın:
- Arama Özellikleri sayfasının Otomatik Tamamlama bölümüne gidin.
-
Otomatik tamamlamayı etkinleştir denetimini etkinleştirin.
Not: Otomatik tamamlanan sorgular her arama motoru için oluşturulduğundan, otomatik tamamlamanın arama motorunuzda görünmeye başlaması birkaç saat sürer.
- Mevcut bir arama motorunda otomatik tamamlamaları ilk kez etkinleştiriyorsanız web sayfanıza eklediğiniz arama kutusunun kod snippet'ini kaldırmanız gerekir. Bu kodu, Kodu alın sekmesinde oluşturulan yeni kodla değiştirin. Daha ayrıntılı talimatlar için Tasarımı Web Sitenize Uygulama bölümüne bakın.
Sonuçları Tasarlama
Sonuçlar sayfasının aşağıdaki bileşenlerini değiştirebilirsiniz:
- Ayrı sonuçlar
- Yazı tipi
- Metin renkleri
- Ayrıntılandırma sekmeleri
- Promosyonlar
- Logo (yalnızca Google tarafından barındırılan)
Bireysel Sonuçlar
Ayrı ayrı sonuçları görsel olarak tanımlamak veya kullanıcılar tarafından seçilen sonuçları vurgulamak istiyorsanız her bir sonuç için kenarlıkları ve arka planı tanımlayabilirsiniz.
Şekil 3: Açıklanan bağımsız sonuçların ve fareyle üzerine gelindiğinde vurgulanan bağımsız sonuçların bulunduğu sonuçlar.
Ayrıntılandırma Sekmeleri
Arama motorunuzda ayrıntı etiketleri oluşturduysanız bu etiketler, Arama öğesinde sekmeler olarak görünür. Hassaslaştırma sekmelerinin renklerini değiştirmek için kontrol panelini kullanabilirsiniz.
Tanıtımlar
Arama motorunuzda promosyon oluşturduysanız bunların görünümünü ve tarzını değiştirebilirsiniz. Tanıtımlar, oluşturduğunuz özel bir arama sonucu türüdür.
Logo (Yalnızca Google Tarafından Barındırılan)
Sonuçlar sayfanızı Google'ın barındırmasına izin veriyorsanız arama sonuçları sayfasındaki arama kutusunun hemen yanına bir logo veya küçük resim ekleyebilirsiniz. Resim, bir web sitesinde (kendi siteniz veya telif hakkı kısıtlamaları olmayan bir web sitesi) barındırılan bir .jpg, .png veya .gif dosyası olmalıdır. Bir URL'yi resimle ilişkilendirerek tıklanabilir bir resme dönüştürebilirsiniz.
Aşağıda, logolu bir sonuç sayfası örneği verilmiştir.
Şekil 4: Resim içeren arama kutusu
Tasarımı Web Sitenize Uygulama
Arama motorunuzun görünümünü ve tarzını tasarladıktan sonra, aşağıdakileri yaparak arama motorunuzu web sayfanıza uygulayabilirsiniz:
- Görünüm ve izlenim sayfasında değiştirdiğiniz bölümlerde Kaydet'i tıklayın.
- Görünüm ve izlenim sayfasının Düzen bölümünde Kodu al'ı tıklayın.
-
Kod pop-up'ında oluşturulan kod snippet'ini kopyalayın.
İki sütunlu düzeni seçtiyseniz biri arama kutusu, diğeri sonuçlar için olmak üzere iki kod snippet'i parçası kopyalayın.
İki sayfalı düzeni seçtiyseniz arama motorunuzun sonuçlarını gösterecek web sayfasının URL'sini yazın. Arama sonuçları sayfası tarafından ayrıştırılan URL'ye yerleştirilmiş sorgu parametresi adını yazın. Son olarak, iki kod snippet'i parçasını kopyalayın.
Yalnızca sonuçlar düzeninin kod snippet'i, arama sonuçlarının yeni bir sayfada gösterildiği durumlarda kullanılır. Arama sonuçları sayfası tarafından ayrıştırılan URL'ye yerleştirilmiş sorgu parametresi adını yazın. Son olarak, arama sonuçları kod snippet'ini kopyalayın.
-
Kodu, Programlanabilir Arama Motoru kutusu istediğiniz her sayfaya ekleyin. Kodu, web sayfanızın
<body></body>etiketi içinde herhangi bir yere yapıştırabilirsiniz.Not: Tarayıcılar arası uyumluluğun en üst düzeyde olması için HTML sayfalarınızın
<!DOCTYPE html>gibi desteklenen bir doküman türü kullanması önerilir.Search öğeniz için fareyle üzerine gelme efektleri kullanıyorsanız HTML sayfanızda
<!DOCTYPE html>gibi desteklenen bir doküman türü kullanılmalıdır.
İki sütunlu düzeni seçtiyseniz arama kutusu kodunu bir sütuna, sonuçların kodunu ise başka bir sütuna ekleyin.
İki sayfalı düzeni seçtiyseniz web sayfasında arama kutusunun görünmesini istediğiniz yere arama kutusu için gereken kodu ve web sayfasında arama sonuçlarının görünmesini istediğiniz sonuçlara ait kodu ekleyin.
Yalnızca sonuçlara yönelik düzeni seçtiyseniz kod snippet'ini web sayfasında arama sonuçlarının görünmesini istediğiniz yere ekleyin.