Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Bağlantıların Canlı Önizlemesi Nasıl Gösterilir

Bağlantı önizlemeleri, okuyucularınıza tıkladıklarında onları neyin beklediğine dair bir ön bakış sunar.

Önizleme dahili bir bağlantı içinse ve ilginç görünüyorsa, kullanıcıların tıklama ve web sitenizi keşfetme olasılığı daha yüksektir. Diğer taraftan, bağlantı ihtiyaç duydukları şey değilse, kendileri için daha uygun bir şey aramaya devam edebilirler.

Birçok WordPress kullanıcısı, sitelerindeki bağlantıların canlı önizlemelerini göstermek için kod içermeyen bir yol arıyor.

Anlıyoruz. Teknik bilgi veya riskli eklentiler gerektirmeyen bir çözüm bulmak sinir bozucu olabilir. Bu yüzden araştırma yaptık ve WordPress kullanıcıları için en iyi kodsuz çözümü aradık.

Kapsamlı testlerden sonra, WordPress sitenize bağlantı önizlemeleri eklemek için basit bir yöntem bulduk. Bu kılavuz size nasıl yapılacağını gösterecek.

How to Show Live Preview of Links in WordPress

WordPress Sitenize Bağlantıların Canlı Önizlemesini Ne Zaman Eklemelisiniz?

Tipik bir WordPress web sitesinde, bağlantılar içlerinde ne olduğunu göstermez. Bu durum, ziyaretçiler bir bağlantıya tıkladığında ve bekledikleri gibi olmadığını gördüklerinde onları hayal kırıklığına uğratabilir. İşte bu noktada canlı bağlantı önizlemeleri işe yarar.

Canlı bağlantı önizlemeleri genellikle araç ipuçlarına benzer. Birisi faresini bir bağlantının üzerine getirdiğinde açılırlar ve içeriğin bir özetini gösterirler.

Live link preview example by Wikipedia

Online mağazalar için bu, satışları artırmak için bağlantılarınızın ürün resimlerini veya kısa ayrıntıları görüntüleyebileceği anlamına gelir.

Bir WordPress blogu işletiyorsanız, okuyucuların daha fazlasını görmek istemesini sağlamak için gönderi resimlerini veya kısa metinleri gösterebilirsiniz. Harici bağlantılar için bu araç ipucu önizlemeleri, insanların sitenizden ayrılmak isteyip istemediklerine karar vermelerine yardımcı olur.

Ancak, canlı önizlemeleri kullanırken dikkatli olun. Çok fazla sayıda olması ziyaretçilerin kafasını karıştırabilir. Bunları yalnızca en çok yardımcı olacakları önemli bağlantılar için kullanmak en iyisidir.

Bunu akılda tutarak, WordPress sitenize canlı bağlantı önizlemeleri eklemenin kolay bir yolunu inceleyelim. Bu eğitimde 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. Bu WordPress eklentisi etkinleştirildiğinde, yazı ve sayfalarınızdaki dahili ve harici bağlantılarınıza otomatik olarak canlı bir önizleme ekleyecektir.

İlk olarak, devam edin ve eklentiyi yönetici alanınıza yükleyin. Adım adım talimatlar için, bir WordPress eklentisinin nasıl kurulacağına ilişkin başlangıç kılavuzumuzu okuyabilirsiniz.

Tamamlandığında, Ayarlar ” Parlak Bağlantılar bölümüne gidin. Burası eklentinin ayarlarını yapılandırabileceğiniz yerdir.

Bright Links Preview plugin settings page

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

Bright Links Preview's settings to change colors and size

En üstte, arka plan rengini (sol taraf) ve metin reng ini (sağ taraf) seçebilirsiniz.

Sadece renk kutusuna tıklayın ve bir renk seçme aracı görünecektir.

Changing the live link preview's tooltip text color in Bright Links Preview

Ayrıca WooCommerce, Amazon ve Shopify sitelerinden gelen e-ticaret bağlantıları için otomatik olarak görünecek olan fiyat etkin noktası renklerini de seçebilirsiniz.

Tıpkı araç ipucunda olduğu gibi, sol tarafta etkin noktanın arka plan rengini ve sağ tarafta 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 hale getirebileceğiniz ‘Boyut seç’ bulunur.

Ne kadar büyük olursa, kullanıcıların bağlantı bilgilerinizi okuması o kadar kolay olur. Bununla birlikte, araç ipucunun boyutu da kullanıcı deneyiminizi etkileyebilir, bu nedenle web sitenizin tasarımı için doğru boyutu bulduğunuzdan emin olun.

Changing the Bright Links Preview tooltip size

Aşağı kaydırarak araç ipucunun stilini değiştirebilirsiniz. Varsayılan 3 seçenek vardır ve bunları daha sonra her zaman değiştirebilirsiniz.

Araç ipucunun nasıl göründüğünden memnun olduğunuzda, en alttaki ‘Kaydet’ düğmesine tıklayın.

Choosing a Bright Links Preview tooltip style

Şimdi, ‘Ayarlar’ sekmesine geçin.

Bağlantılar için canlı önizlemelerin nasıl davranacağını buradan yapılandırabilirsiniz.

Navigating to the Settings page of Bright Links Preview

Parlak Bağlantı Önizlemesi, yazılarınızda, sayfalarınızda ve kullanıcı yorumlarınızda araç ipucu önizlemelerinin yanı sıra bir JavaScript seçicisi veya bir resimle eşleşen bağlantıları uygulamanıza olanak tanır.

Bunları sadece yazılarımız ve sayfalarımız için eklemeye karar verdik çünkü her yere eklemek kullanıcı deneyimimizi bozabilirdi.

Yapılandırabileceğiniz bir başka şey de 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 üzerinde gezindikleri bağlantıya kaç kullanıcının tıkladığını göstereceği anlamına gelir.

Activating the Bright Links Preview click counter

Bu, FOMO hissi uyandırabileceği ve ziyaretçileri web sitenizi daha fazla keşfetmeye teşvik edebileceği için dahili bağlantılar için yararlı olabilir.

Bununla birlikte, harici bağlantılar için de canlı önizleme eklemek istiyorsanız bu özelliği etkinleştirmenizi önermiyoruz. Geri tepebilir ve insanların sitenizi terk etmesine neden olabilir.

Bu arada, canlı önizlemeleri iç bağlantılara mı, dış bağlantılara mı yoksa her ikisine birden mi ekleyeceğinizi seçebilirsiniz.

Seçim, ne tür bir web sitesi çalıştırdığınıza bağlıdır, ancak sayfa görüntülemelerinizi artırmak ve hemen çıkma oranınızı azaltmak için genellikle yalnızca dahili bağlantıları kullanmanızı öneririz.

Enabling Bright Links Preview for internal links and external links

Ardından, WordPress sitenizin performansını hızlandırmak için önizlemeleri önbelleğe almayı seçebilirsiniz.

Harici bağlantılarınıza canlı önizlemeler eklerseniz, bu bağlantıların yeni bir sekmede açılması için bu bağlantıları hedef boş niteliğine sahip olmaya da zorlayabilirsiniz. Kullanıcıların yanlışlıkla web sitenizden ayrılmaması için bu özelliği etkinleştirmenizi öneririz.

Son olarak, araç ipuçları daha küçük ekranlarda kötü bir kullanıcı deneyimi oluşturabileceğinden, mobil cihazlarda araç ipucunu devre dışı bırakmayı seçebilirsiniz. Bu özelliği test etmenizi ve web siteniz için en uygun olanı görmenizi öneririz.

Daha fazla bilgi için WordPress web sitenizi masaüstü üzerinden mobil olarak görüntüleme kılavuzumuza göz atabilirsiniz.

Canlı önizleme ayarlarından memnun olduğunuzda ‘Kaydet’e tıklayın.

Configuring caching, open in a new tab, and mobile popup settings in Bright Links Preview

Bu aşamada, araç ipucunun neye benzediğini görmek için web sitenizin önizlemesini yapabilirsiniz.

İşte bizimkinin tıklama sayacı olmadan nasıl göründüğü:

Bright Links Preview example

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 example with the click counter

Bright Links Preview ile ilgili en güzel şey, kaç kullanıcının bağlantılarınıza tıkladığını veya hatta üzerine geldiğini gösteren ücretsiz bir analiz özelliğine sahip olmasıdır.

Bu, çoğu kullanıcının hangi gönderilerle ilgilendiğini görmek veya hangi yeni gönderilerin öne çıkarılacağına karar vermek için yararlı olabilir.

Bu sayıları görmek için WordPress yöneticinizden Ayarlar ” Parlak Bağlantılar bölümüne gidin ve ‘İstatistikler’ sekmesine geçin.

Bright Links Preview's statistics feature

Bright Links Preview, bağlantılarınızın canlı bir önizlemesini oluşturmak için sayfalarınızdan ve gönderilerinizden meta verileri otomatik olarak çekerek çalışır. Başka bir deyişle, bağlantı önizlemelerinizin kalitesi meta verilerinizi ne kadar iyi ayarladığınıza bağlıdır.

Güçlü bir WordPress SEO eklentisi olan All in One SEO’yu (AIOSEO) kullanarak makalelerinize meta veri ekleyebilirsiniz. İçeriğinize kolayca yapılandırılmış veri eklemenizi sağlayan bir şema özelliğine sahiptir.

Schema Preview in AIOSEO

Bright Links Preview’ın daha iyi önizlemeler oluşturmasına yardımcı olmanın yanı sıra, arama motorlarına içeriğiniz hakkında daha fazla bağlam sağlayarak WordPress SEO performansınızı potansiyel olarak artırabilir.

Eğer siz de içeriğinize schema markup eklemek istiyorsanız bu makaleleri okuyabilirsiniz:

Daha Fazla WordPress Tasarım Özelliğini Keşfedin

WordPress sitenizin tasarımını daha da ilginç hale getirmek ister misiniz? Bu yararlı kılavuzlara göz atın:

Umarız bu makale WordPress’te bağlantılarınızın canlı önizlemelerini nasıl göstereceğinizi öğrenmenize yardımcı olmuştur. WordPress’teki en iyi sürükle ve bırak sayfa oluşturucular listemize ve WordPress web sitesi düzenleme kılavuzumuza da göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

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

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

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

Reader Interactions

9 yorumBir Cevap Bırakın

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Colin

    Thanks for the article, that plugin has ceased operation and is no longer downloadable, if you had a new suggestion that works I’d greatly appreciate it. The RT Media paid version isn’t up to scratch and there’s not a lot to be found via Google.

    • WPBeginner Support

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

      Yönetici

  3. Marcus Quiroga

    Hi,

    Is there an update of this function nowadays? I’m trying it on external links at. Does someone could help me with that?

    thank you

  4. Tim Roberts

    How do you get this to on work on specifc links.

    • WPBeginner Staff

      Unfortunately plugin does not have a way to show preview for selective links you can only choose from all, internal, or external links.

      • Bruce Brown

        Select the “class” option, then put the class on the links you want to display.

    • Per Søderlind

      Hi, I’m the plugin author.

      You can get this to work on specific links by adding class=”wp-live-preview” to the link, and in the settings page set ‘Live Preview Links’ to ‘class=”wp-live-preview’. See the demo links on my site.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.