Okuyucularınızın sitenizi Google Arama'daki tercih edilen kaynaklar aracılığıyla bulmasına yardımcı olun

Bir web sitesi sahibiyseniz, hedef kitlenizin yayınınızı Google Arama’da tercih edilen bir kaynak olarak bulmasına yardımcı olabilirsiniz. Bir kullanıcı sitenizi tercih edilen kaynak olarak seçtiğinde, içeriğinizin şu bölümde görünme olasılığı daha yüksektir: “En Önemli Haberler“, “tercih edilen” rozetiyle vurgulanır. AI Modu ve AI Overviews’da içeriğiniz, sitenizi tercih edilen kaynak olarak seçen kullanıcılar için “tercih edilen” rozetiyle vurgulanabilir.

Özellik kullanılabilirliği

Tercih edilen kaynaklar özelliği, Google Arama’nın kullanılabildiği tüm dillerde “En Önemli Haberler” özelliği için dünya genelinde mevcuttur. Tercih edilen kaynaklar, bu özelliklerin kullanılabildiği tüm dillerde ve yerel ayarlarda AI Modu ve AI Overviews’da da görünebilir.

Yalnızca alan adı düzeyindeki ve alt alan adı düzeyindeki siteler,
kaynak tercihleri aracında görünmeye uygundur. Örneğin, https://www.example.com/ ve
https://code.example.com/ tercih edilen kaynaklar için uygundur, ancak alt dizin https://www.example.com/blog uygun değildir.

Kullanıcıların sitenizi tercih edilen kaynak olarak bulmasına nasıl yardımcı olabilirsiniz?

Siteniz
kaynak tercihleri aracı
nda görünüyorsa (kontrol etmek için sitenizi aracın arama kutusuna girin), okuyucularınızı sitenizi tercih edilen kaynak olarak seçmeye yönlendirmek için aşağıdaki yöntemleri kullanabilirsiniz:

• Standart JavaScript uygulaması
  (önerilen): Web sayfalarınıza, okuyucuların sitenizi sorunsuz bir şekilde tercih edilen kaynak olarak eklemesini sağlayan ve onları sayfanıza geri döndüren etkileşimli bir düğme yerleştirin. HTML’nize yalnızca iki satır ekleyerek bu seçenek, cihaz ve dil özelleştirmesini destekleyen, otomatik olarak yerelleştirilmiş, Google tarzı bir düğme oluşturur.
• Özel tasarım öğeleriyle gelişmiş JavaScript uygulaması: Kendi tasarım öğelerinizi kullanmak ve standart JavaScript düğmesini özelleştirmek istiyorsanız, gelişmiş JavaScript uygulaması talimatlarını izleyin. Son kullanıcı arayüzü akışı, standart JavaScript uygulamasıyla aynı kalır.
• Derin bağlantı (deeplink) uygulaması: Etkileşimli düğmeyi uygulayamıyorsanız (örneğin, CMS’niz desteklemiyorsa), insanları sitenizi tercih edilen kaynak olarak eklemeye yönlendirmek için bir derin bağlantı kullanabilirsiniz. Bunu, web sayfalarınıza bir metin bağlantısı veya tıklanabilir bir resim ekleyerek yapabilirsiniz. Ayrıca derin bağlantıyı sosyal medya gönderilerinizde, e-posta bültenlerinizde veya promosyonlarınızda da kullanabilirsiniz.

Standart JavaScript uygulaması (önerilen)

HTML’nize yalnızca iki satır ekleyerek, okuyucuların sitenizi sorunsuz bir şekilde tercih edilen kaynak olarak eklemesini ve kaldıkları yere geri dönmelerini sağlayan, otomatik olarak çevrilen, etkileşimli bir düğme ekleyebilirsiniz. Ayrıca düğmenin temasını (koyu veya açık) ayarlayabilir ve düğme dilini geçersiz kılabilirsiniz. Okuyucular için en iyi kullanıcı deneyimini sağladığı için bu uygulamayı öneriyoruz.

İşte nasıl görüneceği:

JavaScript düğmesini web sayfanıza yerleştirmek için aşağıdakileri yapın:

1. Aşağıdaki <script> etiketini web sayfanıza (tercihen <head> öğesine) ekleyin; bu, Tercih Edilen Kaynaklar kitaplığını yükler.
2. Aşağıdaki <div> etiketini, düğmenin web sayfanızın gövdesinde görünmesini istediğiniz herhangi bir yere ekleyin.

Düğme temasını ayarlama

Varsayılan olarak, “Tercih Edilen Kaynaklara Ekle” düğmesi açık bir temada görünür. Temayı ayarlamak için data-theme veri özniteliğini
<div> öğenize ekleyin ve bunu light veya
dark:

olarak ayarlayın.

Düğme dilini geçersiz kılma
Varsayılan olarak, "Tercih Edilen Kaynaklara Ekle" düğmesi, kullanıcının tarayıcı ayarlarına göre kullanıcının dilinde görüntülenir. Bu davranışı geçersiz kılmak için data-lang veri özniteliğini
<div>
öğenize ekleyin ve tercih ettiğiniz dil koduna ayarlayın ():

desteklenen dil kodlarının listesini indirin

Özel tasarım öğeleriyle gelişmiş JavaScript uygulaması

Varsayılan olarak, standart JavaScript düğmesi, DOM’u google-add-preferred-source-btn özniteliğine sahip öğeler için otomatik olarak tarar ve standart rozeti oluşturur. Ancak, akışı kendi kullanıcı arayüzü öğelerinizden veya uygulama kilometre taşlarınızdan tetiklemek istediğiniz özel entegrasyonlar için istemciyi programlı olarak başlatabilir ve akışı özel tetikleyicilere bağlayabilirsiniz.

Tercih Edilen Kaynaklar kitaplığını özel kullanıcı arayüzlerine, uygulama kilometre taşlarına veya modern çerçeve uygulamalarına entegre ederken, JavaScript SDK’mızı kullanarak çalışma zamanı ayarları ve akış başlatma üzerinde tam programlı kontrole sahip olabilirsiniz. Araçlarınıza ve mimarinize bağlı olarak iki farklı entegrasyon yaklaşımı sunuyoruz: ES Modülü içe aktarmaları (ESM) ve standart komut dosyası geri çağırma kuyrukları (IIFE). Her iki dağıtım modeli de aynı yetenekleri ve yöntemleri sunar.

ES Modülü içe aktarmaları

Modern derleme kurulumları ve modül tabanlı ortamlar için kitaplığı doğrudan kodunuza aktarın.

Standart komut dosyası geri çağırma kuyrukları

Standart komut dosyası etiketi entegrasyonları için aşağıdaki komut dosyasını belgenizin
<head> kısmına,
preferred-sources-control="manual" özniteliğiyle yükleyerek otomatik düğme oluşturmayı önleyin:

Ardından, seçenekleri başlatmak ve özel tetikleyicileri bağlamak için genel PREFERRED_SOURCE geri çağırma kuyruğunu kullanın:

Düğmeler, bildirimsel kapsayıcılar, IIFE komut dosyaları ve ES Modülü paketleri genelinde canlı kullanımı sergileyen etkileşimli ön uç ve arka uç uygulamaları için
Tercih Edilen Kaynaklar demosu.

Derin bağlantı (deeplink) uygulaması

Web sitenizde JavaScript kullanamıyorsanız, kullanıcılarınızı
kaynak tercihleri aracına yönlendirmek için alternatif olarak bir derin bağlantı kullanabilirsiniz; burada sitenizi tercih edilen kaynak olarak ekleyebilir ve seçimlerini onaylayabilirler.

Aşağıdaki URL biçimini kullanın ve example.com kısmını, kullanıcıları doğrudan
kaynak tercihleri aracı:

ndaki sitenize götüren yayınınızın alan adıyla değiştirin.

Örnek tıklanabilir resim bağlantısı

Düğme resmi öğeleri

Kendi özel promosyon rozetinizi tasarlayabilir veya Google tarafından sağlanan resmi çevrilmiş grafik öğelerini indirebilirsiniz:

Düğme öğelerini indir