Okuyucuların bağlantılara tıklama konusunda ne kadar kararsız olabileceğini hiç fark ettiniz mi? Bağlantı önizlemeleri, ziyaretçilerinize diğer tarafta onları nelerin beklediğine dair bir ön bakış sunarak bunu çözer 💡
Bu tekniği, görsel bağlantı önizlemelerinin okuyucuların birbirine bağlı makaleler arasında daha verimli gezinmesine yardımcı olduğu vikiler gibi içerik ağırlıklı sitelerde çok gördük.
Okuyucular bir bağlantıya tıklamadan önce içinde ne olduğunu görebildiğinde, ilgilerini çeken ilgili içeriği keşfetme olasılıkları daha yüksektir. Ayrıca, ihtiyaçlarına uygun olmayan bağlantılara tıklamaktan kaçınmalarına yardımcı olur.
Birçok WordPress kullanıcısı, koda dokunmadan güzel bağlantı önizlemeleri eklemeyi soruyor. Çeşitli çözümleri test ettikten sonra, yeni başlayanlar için harika çalışan basit, kodsuz bir yöntem bulduk.

WordPress Sitenizde Bağlantıların Canlı Önizlemesini Ne Zaman Eklemelisiniz? 🤔
Tipik bir WordPress web sitesinde, bağlantılar içerdiklerini göstermez. Bu, ziyaretçiler bir bağlantıya tıkladıklarında ve beklentilerinin farklı olduğunu gördüklerinde hayal kırıklığına uğratabilir. Canlı bağlantı önizlemeleri işte bu noktada kullanışlı hale gelir.
Canlı bağlantı önizlemeleri genellikle araç ipuçları gibi görünür. Bu WordPress tasarım öğesi, biri bir bağlantının üzerine fareyle geldiğinde içeriğin bir önizlemesini göstererek açılır.

Online mağazalar için bu, bağlantılarınızın satışları artırmak için ürün resimleri veya kısa ayrıntılar göstermesi anlamına gelebilir.
Eğer bir WordPress blogu çalıştırıyorsanız, okuyucuların daha fazlasını görmek istemesini sağlamak için gönderi önizleme resimleri veya kısa metinler gösterebilirsiniz. Harici bağlantılar için ise bu araç ipucu önizlemeleri, insanların sitenizden ayrılmak isteyip istemediklerine karar vermelerine yardımcı olur.
Ancak, canlı önizlemeleri kullanırken dikkatli olun. Çok fazlası ziyaretçileri karıştırabilir. En çok yardımcı olacakları önemli bağlantılar için yalnızca onları kullanmak en iyisidir.
Bu doğrultuda, WordPress sitenize canlı bağlantı önizlemeleri eklemenin kolay bir yoluna bakalım. Bu yöntem, Gutenberg blok düzenleyicisini, klasik düzenleyiciyi veya hatta bir tema oluşturucuyu kullanıyor olsanız da işe yarayacaktır. Bu öğreticide gezinmek için aşağıdaki hızlı bağlantıları kullanabilirsiniz:
- Adım 1: Bright Link Previews Eklentisini Yükleyin
- Adım 2: Bağlantı Araç İpucu Önizlemesinin Tasarımını Özelleştirin
- Adım 3: Bağlantının Canlı Önizleme Ayarlarını Yapılandırın
- Adım 4: Bağlantı Araç İpucu Önizlemenizi Etkin Olarak Görün
- Bonus Tip: Clean Up Your WordPress Link Previews With Schema Markup
Adım 1: Bright Link Previews Eklentisini Yükleyin
WordPress'te bir bağlantıya araç ipucu önizlemesi eklemenin en kolay yolu, Bright Link Previews eklentisidir. Etkinleştirildiğinde, bu WordPress bağlantı önizleme eklentisi, gönderilerinizdeki ve sayfalarınızdaki dahili ve harici bağlantılarınızın canlı bir önizlemesini otomatik olarak ekleyecektir.
Öncelikle, eklentiyi yönetici alanınıza kurun. Adım adım talimatlar için, bir WordPress eklentisinin nasıl kurulacağına dair başlangıç kılavuzumuzu okuyabilirsiniz.
İşiniz bittiğinde, Ayarlar » Bright Links'e gidin. Buradan eklentinin ayarlarını yapılandırabileceksiniz.

Adım 2: Bağlantının Araç İpucu Önizlemesinin Tasarımını Özelleştirin
İlk olarak, canlı önizlemenin tasarımını Görünüm sekmesinde ayarlayalım.

En üstte, arka plan rengini (sol taraf) ve metin rengini (sağ taraf) seçebilirsiniz.
Renk kutusuna tıklamanız yeterlidir ve bir renk seçici aracı görünecektir.

Ayrıca, etkileşim noktası renklerini de seçebilirsiniz; bu renkler WooCommerce, Amazon ve Shopify sitelerinden gelen e-ticaret bağlantıları için otomatik olarak görünecektir.
Araç ipucunda olduğu gibi, soldan hotspot'un arka plan rengini ve sağ taraftan metin rengini seçmeniz yeterlidir.
Bunun altında, yeniden boyutlandırma çubuğundaki noktayı sürükleyerek araç ipucunu daha küçük veya daha büyük yapabileceğiniz 'Boyut seçin' bulunur.
Daha büyük bir araç ipucu okunması daha kolaydır, ancak sayfanızın önemli bölümlerini örtmediğinden veya gizlemediğinden emin olmak istersiniz.
Tasarımınıza uyan mükemmel boyutu bulmak için sitenizde önizleme yapmanızı öneririz.

Aşağı kaydırarak, araç ipucunun kendi stilini değiştirebilirsiniz. 3 varsayılan seçenek vardır ve bunları daha sonra istediğiniz zaman değiştirebilirsiniz.
Araç ipucunun görünümünden memnun kaldığınızda, alttaki ‘Kaydet’e tıklamanız yeterlidir.

Adım 3: Bağlantının Canlı Önizleme Ayarlarını Yapılandırın
Şimdi, 'Ayarlar' sekmesine geçin.
Canlı bağlantı önizlemelerinin nasıl davranacağını buradan yapılandırabilirsiniz.

Bright Links Preview, araç ipucu önizlemelerini gönderilerinizdeki, sayfalarınızdaki ve hatta yorumlar bölümündeki bağlantılara uygulamanıza olanak tanır.
Bunları yalnızca gönderilerimiz ve sayfalarımız için eklemeye karar verdik çünkü her yere eklemek kullanıcı deneyimimizi bozabilirdi.
Yapılandırabileceğiniz bir diğer şey, tıklama sayaçlarının gösterilip gösterilmeyeceğidir. Bu ayarı 'hayır'dan 'evet'e değiştirmek, araç ipucunun ziyaretçilere üzerine geldikleri bağlantıya kaç kullanıcının tıkladığını söyleyeceği anlamına gelir.

Bu, dahili bağlantılarınız için faydalı olabilir çünkü sosyal kanıt görevi görür. Ziyaretçiler bir bağlantının popüler olduğunu gördüklerinde, daha fazla içeriğinizi keşfetmeye teşvik edilirler.
Bununla birlikte, harici bağlantılar için de canlı önizlemeler eklemek istiyorsanız bu özelliği etkinleştirmenizi önermeyiz. Ters tepebilir ve insanların sitenizden ayrılmasına neden olabilir.
Bahsetmişken, canlı önizlemeleri dahili bağlantılara, harici bağlantılara veya her ikisine ekleyip eklemeyeceğinizi seçebilirsiniz.
Seçim, ne tür bir web sitesi işlettiğinize bağlıdır, ancak genellikle sayfa görüntülemelerinizi artırmak ve hemen çıkma oranınızı azaltmak için yalnızca dahili bağlantıları kullanmanızı öneririz.
Seçim hedeflerinize bağlıdır. İşte hızlı bir özet:
- Dahili Bağlantılar: Bu, etkileşimi artırmak için harikadır. Önizlemeler, kullanıcıları kendi içeriğinizin daha fazlasını keşfetmeye teşvik eder, bu da sayfa görüntülemelerinizi artırabilir ve hemen çıkma oranınızı düşürebilir.
- Harici Bağlantılar: Bu, hedef kitlenizle güven oluşturmaya yardımcı olur. Harici bir sitenin önizlemesini göstererek, kullanıcılara bağlantının alakalı ve güvenli olduğu konusunda güvence verirsiniz, bu da önerilerinize daha fazla güvenmelerini sağlar.
Sayfa görüntülemelerinizi artırmak ve hemen çıkma oranınızı düşürmek için genellikle yalnızca dahili bağlantıları kullanmanızı öneririz.

Ardından, web sitenizin performansını iyileştirmek için önizlemeleri önbelleğe almayı seçebilirsiniz. Bunun etkin bırakılmasını şiddetle tavsiye ederiz.
Önbelleğe alma, bağlantı önizlemelerinin geçici bir kopyasını kaydeder, bu da sitenizin yavaşlamasını önler ve ziyaretçileriniz için hızlı bir deneyim sağlar.
Harici bağlantılar için önizlemeler gösterirseniz, bu bağlantıları yeni bir sekmede açılmaya zorlayabilirsiniz. Kullanıcıların yanlışlıkla web sitenizden ayrılmamaları için bu özelliği etkinleştirmenizi öneririz.
Son olarak, araç ipuçları daha küçük ekranlarda kötü bir kullanıcı deneyimi yaratabileceğinden, araç ipuçlarını mobil cihazlarda devre dışı bırakmayı seçebilirsiniz. Bu özelliği test etmenizi ve web siteniz için en iyi neyin işe yaradığını görmenizi öneririz.
Daha fazla bilgi için WordPress web sitenizi masaüstünden mobil olarak nasıl görüntüleyeceğiniz hakkındaki rehberimize göz atabilirsiniz.
Canlı önizlemenin ayarlarından memnun kaldığınızda, 'Kaydet'e tıklayın.

Adım 4: Bağlantı Araç İpucu Önizlemenizi Etkin Olarak Görün
Bu aşamada, araç ipucunun nasıl göründüğünü görmek için web sitenizin önizlemesini yapabilirsiniz.
Bizimki tıklama sayacı olmadan böyle görünüyor:

Bir tıklama sayacı eklemeyi seçerseniz, bağlantının o ana kadar aldığı tıklama sayısını gösteren küçük bir not olacaktır.
Bu seçim şöyle görünecektir:

Bright Links Preview'ın harika yanı, bağlantılarınıza kaç kullanıcının tıkladığını veya hatta üzerine geldiğini gösteren ücretsiz bir analiz özelliğine sahip olmasıdır.
Bu, hangi gönderilerin en çok ilgi gördüğünü görmek veya hangi yeni gönderileri vurgulayacağınıza karar vermek için faydalı olabilir.
Bu sayıları görmek için WordPress yöneticinizden Ayarlar » Parlak Bağlantılar 'a gidin ve ‘İstatistikler’ sekmesine geçin.

Ek İpucu: Schema Markup ile WordPress Bağlantı Önizlemelerinizi Temizleyin
İçeriğiniz paylaşıldığında, WordPress genellikle bir önizleme göstermek için sayfa başlığını, açıklamasını ve resmini çeker. Ancak bu bilgiler düzgün ayarlanmamışsa, sonuç profesyonel görünmeyebilir veya bozuk olabilir.
Bright Links Preview eklentisi, sayfalarınızdaki meta verileri kullanarak otomatik olarak zengin bağlantı önizlemeleri oluşturarak yardımcı olur.
Bu meta verileri kontrol etmek ve önizlemelerinizi parlatmak için All in One SEO kullanmanızı öneririz.
Open Graph meta etiketlerini (Facebook, LinkedIn vb. tarafından kullanılır) ayarlamayı kolaylaştırır ve hatta varsayılan bir Open Graph görüntüsü ayarlamanıza, başlık ve açıklama etiketlerini özelleştirmenize ve daha iyi SEO ve bağlam için schema markup eklemenize olanak tanır.

Bright Links Preview'ı AIOSEO ile birleştirerek, yalnızca WordPress SEO'nuzu iyileştirmekle kalmaz, aynı zamanda bağlantılarınızın web genelinde temiz ve tıklanabilir görünmesini de sağlarsınız.
👉 Daha fazla bilgi edinmek için kılavuzlarımıza göz atın:
- WordPress'e Şema İşaretlemesi Nasıl Eklenir
- WordPress'e SEO Dostu 'Nasıl Yapılır' Schema'sı Nasıl Doğru Eklenir
- WordPress'e Facebook Open Graph Meta Verisi Ekleme
Daha Fazla WordPress Tasarım Özelliğini Keşfedin
WordPress site tasarımınızı daha da ilginç hale getirmek ister misiniz? Bu faydalı rehberlere göz atın:
- Ek bilgi eklemek için blog yazılarınızda basit ve zarif dipnotlar kullanın
- Ziyaretçilerin sitenizde nerede olduklarını anlamalarına yardımcı olmak için breadcrumb navigasyon bağlantılarını gösterin
- Ziyaretçilerinizle önemli güncellemeleri paylaşmak için kaydırılan bir haber akışı oluşturun
- Özel etkinlikler için heyecan yaratmak üzere bir geri sayım zamanlayıcı widget'ı kullanın
- Okuyucuları meşgul tutmak için gönderilerinize bir okuma ilerleme çubuğu ekleyin
- Web sitenizin tasarımını daha ilginç hale getirmek için özel şekil ayırıcılar oluşturun
Umarım bu makale, WordPress'te bağlantılarınızın canlı önizlemesini nasıl göstereceğinizi öğrenmenize yardımcı olmuştur. Ayrıca WordPress'teki en iyi sürükle ve bırak sayfa oluşturucuları listemize ve WordPress web sitesini nasıl düzenleyeceğiniz hakkındaki rehberimize de göz atmak isteyebilirsiniz.
Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.


Dennis Muthomi
Bright Link Previews eklentisini kurma talimatları için teşekkürler. Blogumda kullanıcı etkileşimini artırmak için harika bir çözüm gibi görünüyor.
Araç ipucu önizlemesinin tasarımını özelleştirme bölümünü özellikle faydalı buldum. Bu önizlemelerin kullanıcı deneyimini olumsuz etkilemek yerine iyileştirmesini sağlamak çok önemli.
Bu, kesinlikle sitemde uygulayacağım harika bir kaynak. Uzmanlığınızı paylaştığınız için tekrar teşekkürler!
Colin
Makale için teşekkürler, bu eklenti çalışmayı durdurdu ve artık indirilemiyor, işe yarayan yeni bir öneriniz varsa çok minnettar olurum. RT Media ücretli sürümü yeterli değil ve Google üzerinden pek bir şey bulunamıyor.
WPBeginner Desteği
Thank you for letting us know, we will be sure to look into updating this article
Yönetici
Marcus Quiroga
Merhaba,
Bu işlevin günümüzde bir güncellemesi var mı? Harici bağlantılarda deniyorum. Bana bu konuda yardımcı olabilecek biri var mı?
teşekkürler
WPBeginner Ekibi
Bizi düzelttiğiniz için teşekkürler, makaleyi güncelledik.
Tim Roberts
Belirli bağlantılarda bunun nasıl çalışmasını sağlarım?
WPBeginner Ekibi
Ne yazık ki eklenti, yalnızca tüm, dahili veya harici bağlantılar arasından seçim yapabileceğiniz seçici bağlantılar için önizleme gösterme olanağına sahip değildir.
Bruce Brown
“Sınıf” seçeneğini seçin, ardından görüntülemek istediğiniz bağlantılara sınıfı ekleyin.
Per Søderlind
Merhaba, eklenti yazarı benim.
Bu, bağlantıya class=”wp-live-preview” ekleyerek belirli bağlantılarda çalışmasını sağlayabilir ve ayarlar sayfasında 'Live Preview Links' (Canlı Önizleme Bağlantıları) seçeneğini 'class=”wp-live-preview”' olarak ayarlayabilirsiniz. Sitemdeki demo bağlantılarına bakın.