En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

WordPress'te Bağlantıların Canlı Önizlemesi Nasıl Görüntülenir

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'te Bağlantıların Canlı Önizlemesi Nasıl Görüntülenir

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.

Wikipedia'dan canlı bağlantı önizleme örneği

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:

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.

Bright Links Önizleme eklenti ayarları sayfası

İlk olarak, canlı önizlemenin tasarımını Görünüm sekmesinde ayarlayalım.

Bright Links Preview'ın renk ve boyut değiştirmeye yönelik ayarları

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.

Bright Links Preview'da canlı bağlantı önizlemesinin araç ipucu metin rengini değiştirme

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.

Bright Links Preview araç ipucu boyutunu değiştirme

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.

Parlak Bağlantılar Önizleme araç ipucu stilini seçme

Şimdi, 'Ayarlar' sekmesine geçin.

Canlı bağlantı önizlemelerinin nasıl davranacağını buradan yapılandırabilirsiniz.

Bright Links Preview'ın Ayarlar sayfasına gitme

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.

Parlak Bağlantı Önizleme tıklama sayacını etkinleştirme

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.

Dahili bağlantılar ve harici bağlantılar için Bright Links Önizlemesini Etkinleştirme

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.

Bright Links Preview'de önbelleğe alma, yeni sekmede açma ve mobil açılır pencere ayarlarını yapılandırma

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:

Parlak Bağlantılar Önizleme örneği

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:

Tıklama sayacı ile Bright Links Önizleme örneği

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.

Parlak Bağlantı Önizleme'nin istatistik özelliği

İç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.

Varsayılan Open Graph resmini ayarla

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:

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:

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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

9 CommentsLeave a Reply

  1. 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!

  2. 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.

    • Thank you for letting us know, we will be sure to look into updating this article :)

      Yönetici

  3. 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

    • 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.

      • “Sınıf” seçeneğini seçin, ardından görüntülemek istediğiniz bağlantılara sınıfı ekleyin.

    • 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.

Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.