Site widgetları rehberi: Google yorumlarını, Instagram ve LinkedIn akışını sitenize ekleyin

Ziyaretçi sitenize ilk kez geldiğinde iki soru sorar: Bu işletme gerçek mi, başkaları memnun mu? En inandırıcı cevap sizin yazdığınız tanıtım metni değil, başkalarının yazdığı yorumlar ve sizin düzenli paylaşımlarınızdır. Ama yorumlar Google Haritalar'da, paylaşımlar Instagram'da durur. Ziyaretçi bunları görmek için sitenizden ayrılmak zorunda kalır.

Otopilot içindeki site widgetları bu içerikleri sitenize taşır. Üç ayrı bileşen vardır: Google yorumları, Instagram akışı ve LinkedIn akışı. Bu rehber, yorumları sitede göstermenin doğru yolunu, bileşenlerin nasıl çalıştığını, hız etkisini ve sınırları anlatır.

Üç bileşenin kaynağını ve şartını önce tek tabloda görelim.

Yorumları sitede göstermenin kuralları

Yorum göstermek basit görünür, ama birkaç ince nokta var.

Gerçek içerik, sizin seçiminiz

Bileşen yalnız kaynaktaki gerçek içeriği gösterir. Yorum elle yazılamaz, düzenlenemez. Sizin yaptığınız şey seçimdir: hangi yorumların görüneceğini süzgeçlerle belirler, isterseniz tek tek gizler ya da başa sabitlersiniz. Bu dengeyi bozmamak önemlidir. Yalnız beş yıldızlı yorumları gösteren bir vitrin, dikkatli bir ziyaretçiye fazla kusursuz görünebilir. Birkaç dört yıldızlı, ayrıntılı yorum çoğu zaman daha inandırıcıdır.

Başlıktaki ortalama puan ve toplam yorum sayısı süzgeçlerden etkilenmez. Google'daki gerçek değeri yansıtır. Böylece seçim yapsanız bile genel tablo dürüst kalır.

Yıldız işaretlemesi beklentisi

Sık sorulan bir soru: "Yorumları sitemde gösterirsem Google aramada yıldız çıkar mı?" Google'ın yorum işaretlemesi belgesi bu konuda açıktır: işletmenin kendi sitesinde kendisi hakkında gösterdiği yorumlar, yerel işletme ve kuruluş türlerinde yıldızlı sonuç için uygun sayılmaz. Bu bileşen yapılandırılmış veri eklemez; amacı ziyaretçiye güven vermektir, arama sonucunda yıldız göstermek değildir. Sitenizdeki mevcut işaretlemeyi JSON-LD doğrulayıcı ile kontrol edebilirsiniz.

Yorumların kaynağını besleyin

Bileşen, Google'daki yorumlarınız kadar iyidir. Google, yorum istemek için müşterilere doğrudan bağlantı paylaşmayı ve yorumlara yanıt vermeyi önerir. Para ya da indirim karşılığında yorum istemek ise Google politikalarına aykırıdır. Bileşenin başlığında "Yorum yaz" düğmesini açarsanız memnun ziyaretçi doğrudan Google'daki yorum ekranına gider. İşletmeniz Haritalar'da düzgün görünmüyorsa önce haritalarda görünmeme rehberimize bakın.

Google yorumları bileşeni

Kurulum için işletmenizin Google Haritalar bağlantısını yapıştırmanız yeterlidir. Paylaş düğmesinden alınan kısa bağlantı da kabul edilir. İlk okumada en yeni yirmi yorum gelir. Sonraki yenilemelerle liste zamanla genişler.

Birden fazla şubeniz varsa aynı bileşene en fazla beş işletme ekleyebilirsiniz. Başlıkta ortak puan görünür. Daha fazla şube için ayrı bileşen kurarsınız.

Bileşen yalnız Google Haritalar'da kayıtlı işletmelerle çalışır. Yorumlar bir yer verisi sağlayıcısı üzerinden okunur. Sağlayıcı yapılandırılmamışsa ekranda "Yapılandırılmadı" yazar. Sağlayıcı yönetici tarafından duraklatıldıysa yeni yorum çekilmez; o süre boyunca yenileme yapılamaz.

Instagram akışı

Instagram akışı için hesabınızı bağlamanız gerekmez. Kullanıcı adını, @marka biçimini ya da profil adresini yazmanız yeterlidir. Ancak hesabın işletme ya da içerik üretici türünde olması şarttır. Kişisel hesapların gönderileri okunamaz. Hesap gizliyse bulunamaz.

Her Instagram bileşeni tek hesap gösterir. Başka bir hesap için ayrı bileşen kurarsınız. Hazır şablonlar vardır: medya galerisi, kurumsal vitrin, kompakt yan menü ve kayan haber bandı. Gönderiye tıklanınca ne olacağını da seçersiniz: Instagram'da açılsın, açılır pencerede gösterilsin ya da hiçbir şey olmasın.

LinkedIn akışı

LinkedIn akışı şirket sayfanızın gönderilerini gösterir. Burada önemli bir fark var: LinkedIn bu veriyi yalnız sayfa yöneticisinin izniyle verir. Bu yüzden şirket sayfasının yöneticisi olan bir LinkedIn hesabının, sosyal medya hesapları ekranından aynı projeye bağlı olması gerekir. Yönetici olmadığınız bir şirket sayfası eklenemez.

Bu bileşen ayrıca LinkedIn'in uygulama onayına bağlıdır. Onay tamamlanmadıysa modül satışa açılmaz ya da ekranda "LinkedIn onayı bekleniyor" yazar. Bu sizin yapabileceğiniz bir ayar değildir. LinkedIn akışını planlarınıza koymadan önce modülün mağazada alınabilir durumda olduğunu kontrol edin.

Görünüm ve süzgeç seçenekleri

Üç bileşen aynı düzenleyiciyi paylaşır. Ayarlar sekmelere ayrılmıştır: kaynak, düzen, tema, başlık ve kart.

• Düzen: Izgara, duvar, liste, kaydırıcı, slayt, özet ve yüzen rozet. Sütun sayısını, sayfa başına öğe sayısını ve mobil için ayrı kart sayısını belirlersiniz.
• Tema: Açık, koyu, çerçeveli ve renk tonlu hazır temalar ile kendi renkleriniz.
• Başlık: Ortalama puan, yorum sayısı, profil görseli, takipçi sayısı ve takip ya da yorum yaz düğmesi gibi öğeleri açıp kapatırsınız.
• Süzgeç: En az yıldız, en fazla yaş, en kısa metin uzunluğu, dahil edilecek ya da hariç tutulacak kelimeler ve etiketler.
• Sıralama: En yeni, en yüksek puan ya da en çok beğeni.
• Dil: Bileşen arayüzü Türkçe ya da İngilizce gösterilebilir.

Önizleme masaüstü ve mobil görünümü yan yana gösterir. Kaydetmeden önce iki görünüme de bakın. Masaüstünde güzel duran dört sütunlu ızgara, telefonda çok küçük kartlara dönüşebilir.

Otomatik tazeleme

İçerik yaklaşık on iki saatte bir arka planda yenilenir. İsterseniz kaynak sekmesinden elle yenileme yaparsınız. Çok kısa aralıkla tekrar denerseniz "kısa süre önce güncellendi" bildirimi alırsınız. Kaynak geçici olarak okunamazsa sistem bir saat sonra, kaynak bulunamazsa bir gün sonra yeniden dener.

Sitenize ekleme ve hız etkisi

Kaydettikten sonra "Kodu al" penceresi iki seçenek sunar: HTML kodu ya da WordPress kısa kodu. Kodu bileşenin görünmesini istediğiniz yere yapıştırırsınız. Bileşeni sonradan değiştirdiğinizde kodu yeniden eklemeniz gerekmez; ayarlar panelden okunur. Pencere, kodun sitede görülüp görülmediğini de söyler.

Sayfa hızı için dikkat edilecekler

Her gömülü içerik sayfaya iş yükü ekler. web.dev'in gömülü içerik önerileri, üçüncü taraf bileşenlerin sayfanın ilk yüklenmesini geciktirmemesi gerektiğini vurgular. Bu bileşenin betiği eşzamansız yüklenir, görseller tembel yükleme ile gelir. Yine de şunlara dikkat edin:

• Bileşeni sayfanın en üstüne koymayın. Ana başlığın ve teklifin altında olması hem hız hem okuma sırası için daha iyidir.
• Yer ayırın. Bileşen yüklenince sayfa aşağı kayıyorsa düzen kayması oluşur. Bileşeni koyduğunuz alana makul bir yükseklik verin.
• Az ama öz gösterin. Altmış yorum yerine on iki seçilmiş yorum hem daha hızlı hem daha okunur.
• Her sayfaya eklemeyin. Ana sayfa, hizmet sayfası ve iletişim sayfası genellikle yeterlidir.

Değişiklikten sonra site hızı aracıyla sayfayı ölçün.

Performans ekranı

Performans sekmesi bileşenin sitede kaç kez gösterildiğini, kaç gösterimde tıklama olduğunu ve en çok tıklanan öğeleri sayar. Aynı gösterimdeki birden çok tıklama bir kez sayılır, böylece tek bir meraklı ziyaretçi sonuçları şişirmez. Sayılar yalnız bileşenin yüklendiği sayfalardan gelir; sitenin geri kalanındaki trafikle karıştırılmaz. Son yedi, otuz ya da doksan gün seçilebilir. Veriler CSV ya da Excel olarak indirilebilir. Bu sayılar, bileşenin sayfanın neresinde daha çok ilgi gördüğünü anlamanıza yardım eder.

Hangi bileşen hangi işletmeye uygun?

Üç bileşeni birden almak her zaman gerekmez. Seçimi işletmenizin müşteriyi nasıl kazandığına göre yapın.

Yerel hizmet işletmeleri

Kuaför, diş kliniği, restoran, oto servis gibi işletmelerde karar çoğu zaman yorumlara bakılarak verilir. Burada Google yorumları bileşeni en çok işe yarayandır. Hizmet sayfalarında o hizmetle ilgili yorumları öne çıkarmak için kelime süzgecini kullanabilirsiniz. Örneğin implant sayfasında yalnız "implant" kelimesi geçen yorumları gösterin. Ziyaretçi tam aradığı deneyimi okur.

Görselle satan işletmeler

Butik, pastane, mobilya atölyesi ya da düğün fotoğrafçısı gibi işletmelerde ürünün kendisi en iyi reklamdır. Instagram akışı burada sitenin canlı bir vitrine dönüşmesini sağlar. Instagram'a her ürün paylaştığınızda site de kendiliğinden güncellenmiş olur. Etiket süzgeciyle yalnız belirli bir koleksiyonun gönderilerini göstermek de mümkündür.

Kurumsal ve B2B işletmeler

Danışmanlık, yazılım, üretim ya da lojistik gibi alanlarda müşteri sizin uzmanlığınızı ve ekibinizi görmek ister. LinkedIn şirket sayfanızdaki duyurular, etkinlikler ve sektör yazıları "Hakkımızda" ya da "Haberler" sayfasında anlamlı bir içerik akışı oluşturur. Bu bileşenin LinkedIn onayına bağlı olduğunu tekrar hatırlatalım.

Ölçerek karar verin

Bir bileşeni ekledikten sonra iki üç hafta bekleyin. Performans ekranında tıklama yoksa ya bileşen sayfada çok aşağıdadır ya da içerik ziyaretçinin aradığı şey değildir. Yerini değiştirin, süzgeçleri gevşetin ya da daha az öğe gösterin. Aynı sayfada iki farklı bileşen kullanıyorsanız hangisinin daha çok tıklandığına bakarak birini sadeleştirin.

Site içindeki genel etkileşimi takip etmek için Google Analytics'in sayfa raporları da yardımcı olur. Bileşen eklediğiniz sayfada ziyaretçilerin sayfada kalma süresi ve iletişim tıklamaları değişti mi, ona bakın.

Neler yapmaz? Sınırlar

• Yorum uydurmaz, düzenlemez. Yalnız kaynaktaki gerçek içerik gösterilir.
• Arama sonuçlarında yıldız sağlamaz. Yapılandırılmış veri eklemez.
• Yorumlara yanıt vermez. Google yorumlarına yanıtı İşletme Profilinden verirsiniz.
• Kişisel Instagram hesaplarını okumaz.
• Yönetici olmadığınız LinkedIn sayfasını göstermez. LinkedIn akışı ayrıca LinkedIn uygulama onayına bağlıdır.
• Diğer ağları göstermez. Bileşenler yalnız Google yorumları, Instagram ve LinkedIn içindir.
• Anlık değildir. İçerik yaklaşık on iki saatte bir yenilenir.
• Sınırsız değildir. Her modül sitede belirli sayıda bileşen kurmanıza izin verir; sayaç sayfada görünür.

Üç bileşen ayrı modüldür. İhtiyacınız olanı alırsınız. Ücret ve sınırlar için fiyatlar sayfasına bakın. Instagram'a paylaşım yapmak ise ayrı bir iştir; bunun için sosyal medya planlayıcı kullanılır.

Kurulum adımları

1. İhtiyacınız olan bileşen modülünü site için alın.
2. Yeni bileşen oluşturun ve kaynağı girin: Haritalar bağlantısı, Instagram kullanıcı adı ya da bağlı LinkedIn şirket sayfası.
3. Kaynak durumunun "Güncel" olduğunu görün.
4. Düzen, tema ve süzgeçleri seçin; mobil önizlemeye bakın.
5. Gerekirse birkaç öğeyi gizleyin ya da başa sabitleyin.
6. Kodu alıp sayfanıza yapıştırın.
7. Kod penceresinde kodun sitede görüldüğünü doğrulayın.
8. Bir hafta sonra performans ekranına bakın.

Sık sorulan sorular

Kötü bir yorumu gizleyebilir miyim?

Evet, tek tek gizleyebilirsiniz. Ancak başlıktaki ortalama puan ve yorum sayısı değişmez. Kötü yorumu gizlemek yerine Google'da sakin ve çözüm odaklı bir yanıt vermek uzun vadede daha çok güven kazandırır.

Kişisel Instagram hesabım çalışır mı?

Hayır. Hesabın işletme ya da içerik üretici türünde olması gerekir. Instagram uygulamasından hesabı profesyonel hesaba çevirebilirsiniz.

Birden çok şubemin yorumlarını tek yerde gösterebilir miyim?

Evet. Bir Google yorumları bileşenine en fazla beş işletme eklenebilir.

Bileşen sitemde görünmüyor, ne yapmalıyım?

Kodun doğru sayfada olduğunu, "sitede görünsün" anahtarının açık olduğunu ve önbellek eklentisinin eski sayfayı sunmadığını kontrol edin.

Yeni bir Google yorumu ne zaman sitemde görünür?

Yorumlar yaklaşık on iki saatte bir yenilenir. Beklemek istemezseniz kaynak sekmesinden elle yenileyebilirsiniz. Süzgeçleriniz o yorumu eliyorsa yenileme sonrasında da görünmez; örneğin en az yıldız beş seçiliyse dört yıldızlı yorum listeye girmez.

Instagram akışında yalnız bir koleksiyonu gösterebilir miyim?

Evet. Gönderilerde kullandığınız etiketi "yalnız bu etiketleri içeren gönderiler" süzgecine yazarsanız bileşen yalnız o gönderileri gösterir. Bu yüzden Instagram'da koleksiyonlar için tutarlı etiket kullanmak işinizi kolaylaştırır.

Modül süresi dolarsa ne olur?

Verileriniz silinmez. Sitenizdeki alan boş görünür, ziyaretçiye hata gösterilmez.

Kaynaklar

• Google: Yorum snippet'i yapılandırılmış verileri
• Google İşletme Profili: Daha fazla yorum almak için ipuçları
• web.dev: Üçüncü taraf gömülü içerik için en iyi uygulamalar
• web.dev: Cumulative Layout Shift (CLS)