WordPress’e “Kolayca” Bağlantı Bağlantıları Ekleme (Adım Adım)

750 425 KreatifAjans

Kullanıcıların okumak istedikleri bölüme hızlı bir şekilde atlamalarına yardımcı olmak için zaman zaman daha uzun WordPress gönderilerimizde bağlantı bağlantıları kullanıyoruz.

Bağlantı bağlantıları, kullanıcıların sayfayı yeniden yüklemeden daha uzun bir makaleyi yukarı ve aşağı hareket ettirmelerine yardımcı olduklarından, içerik tablosu bölümlerinde sıklıkla kullanılır. Google, kolay gezinme için arama listelerinizin altında gösterebileceği için SEO konusunda da yardımcı olabilir (bu konu hakkında daha sonra daha fazlası).

Bu adım adım kılavuzda, bağlantı bağlantılarının ne olduğunu açıklayacağız ve WordPress’e bağlantı bağlantılarını nasıl kolayca ekleyeceğinizi göstereceğiz.

Adding anchor links in WordPress

Hazır? Canlı bir bağlantı bağlantıları örneğiyle başlayalım.

Aşağıda, bu kılavuzda ele alacağımız tüm konuların bir listesi bulunmaktadır. Devam edin ve bu bağlantılardan herhangi birine tıklayın ve o belirli bölüme yönlendirileceksiniz.

Çapa bağlantısı nedir?
  • WordPress’e manuel olarak bağlantı bağlantıları nasıl eklenir?
  • WordPress’te Klasik Düzenleyici’yi kullanarak bağlantı bağlantıları manuel olarak nasıl eklenir?
  • HTML’ye manuel olarak bağlantı bağlantıları nasıl eklenir?
  • Başlıklar, WordPress’te bağlantı bağlantıları olarak otomatik olarak nasıl eklenir?
  • Bağlantı bağlantısı, sizi aynı sayfadaki belirli bir yere götüren sayfadaki bir bağlantı türüdür. Kullanıcıların en çok ilgilendikleri bölüme geçmelerine olanak tanır.

    Aşağıdaki animasyonlu ekran görüntüsüne bir göz atın:

    Anchor link preview

    Gördüğünüz gibi, bağlantı linkine tıklamak kullanıcıyı aynı sayfadaki belirli bölüme götürür.

    Bağlantı bağlantıları, daha uzun makalelerde, kullanıcıların okumak istedikleri bölümlere hızla atlamalarına olanak tanıyan içerik tablosu olarak yaygın olarak kullanılır.

    Bağlantı bağlantılarını neden ve ne zaman kullanmalısınız?

    Ortalama bir kullanıcı, web sitenizde kalmak veya sitenizden ayrılmak isteyip istemediğine karar vermeden önce birkaç saniyeden daha az zaman harcıyor. Kullanıcıları kalmaya ikna etmek için sadece birkaç saniyeniz var.

    Bunu yapmanın en iyi yolu, aradıkları bilgileri hızlı bir şekilde görmelerine yardımcı olmaktır.

    Bağlantı bağlantıları, kullanıcıların içeriğin geri kalanını atlamasına ve doğrudan ilgilerini çeken bölüme atlamasına izin vererek bunu kolaylaştırır. Bu, kullanıcı deneyimini iyileştirir ve yeni müşteriler / okuyucular kazanmanıza yardımcı olur.

    Çapa bağlantıları da WordPress SEO için harikadır. Google, arama sonuçlarında “bağlantıya atla” olarak bir bağlantı bağlantısı görüntüleyebilir.

    Jump to link in search results

    Bazen Google, bağlantılara atlamak için bu sayfadaki birkaç bağlantıyı da görüntüleyebilir ve bunun, arama sonuçlarında tıklama oranını artırdığı kanıtlanmıştır. Başka bir deyişle, web sitenize daha fazla trafik çekersiniz.

    Multiple jump to links below a search result

    Bunu söyledikten sonra, WordPress’e kolayca bağlantı bağlantılarının nasıl ekleneceğine bir göz atalım.

    Makalenize yalnızca birkaç bağlantı bağlantısı eklemek istiyorsanız, bunu manuel olarak kolayca yapabilirsiniz.

    Temel olarak bir bağlantı metninin amaçlandığı gibi çalışması için iki şey eklemeniz gerekir.

  • Bağlantı metninden önce # işareti olan bir bağlantı bağlantısı oluşturun.
  • id niteliğini, kullanıcının götürülmesini istediğiniz metne ekleyin.
  • Çapa bağlantı kısmıyla başlayalım.

    Adım 1. Bir bağlantı bağlantısı oluşturma

    Öncelikle, bağlamak istediğiniz metni seçmeniz ve ardından WordPress Gutenberg düzenleyicisindeki bağlantı ekle düğmesine tıklamanız gerekir.

    Add a link in WordPress

    Bu, genellikle URL’yi eklediğiniz veya bağlantı kurulacak bir gönderi veya sayfa aradığınız bağlantı ekle açılır penceresini açar.

    Bununla birlikte, bir bağlantı bağlantısı için önek olarak # kullanacak ve kullanıcının atlamasını istediğiniz bölüm için anahtar kelimeleri gireceksiniz.

    Creating anchor link

    Bundan sonra bağlantıyı oluşturmak için giriş düğmesine tıklayın.

    Bağlantınız olarak hangi metnin kullanılacağını seçmeyle ilgili bazı yararlı ipuçları:

  • Bağlandığınız bölümle ilgili anahtar kelimeleri kullanın.
  • Çapa bağlantınızı gereksiz yere uzun veya karmaşık yapmayın.
  • Kelimeleri ayırmak ve daha okunaklı hale getirmek için kısa çizgiler kullanın.
  • Bağlantı metnini daha okunaklı hale getirmek için büyük harf kullanımını kullanabilirsiniz. Örneğin: #Best-Coffee-Shops-Manhattan.
  • Bağlantıyı ekledikten sonra, düzenleyicide oluşturduğunuz bağlantıyı görebileceksiniz. Ancak, bağlantıya tıklamak hiçbir şey yapmaz.

    Bunun nedeni, tarayıcıların bağlantı bağlantısını kimlik olarak bulamamasıdır.

    Bunu, tarayıcıları, kullanıcılar bağlantı bağlantısını tıkladığında gösterilmesini istediğiniz alana, bölüme veya metne yönlendirerek düzeltelim.

    Adım 2. Bağlantılı bölüme kimlik özelliğini ekleyin

    İçerik düzenleyicide, kullanıcının bağlantı bağlantısını tıkladığında gitmesini istediğiniz bölüme gidin. Genellikle yeni bir bölümün başlığıdır.

    Ardından, bloğu seçmek için tıklayın ve ardından blok ayarlarında, genişletmek için Gelişmiş sekmesine tıklayın. Başlık bloğu ayarlarının altındaki ‘Gelişmiş’ sekmesine tıklayabilirsiniz.

    HTML Anchor

    Bundan sonra, ‘HTML Bağlantısı’ alanının altına bağlantı bağlantısı olarak eklediğiniz metnin aynısını eklemeniz gerekir. Metni # öneki olmadan eklediğinizden emin olun.

    Artık yayınınızı kaydedebilir ve önizleme sekmesine tıklayarak bağlantı bağlantınızı çalışırken görebilirsiniz.

    Ya göstermek istediğiniz bölüm bir başlık değil de normal bir paragraf veya başka bir bloksa?

    Bu durumda, blok ayarlarında üç noktalı menüyü tıklamanız ve ‘HTML Olarak Düzenle’yi seçmeniz gerekir.

    Edit as HTML

    Bu, söz konusu blok için HTML kodunu düzenlemenize izin verecektir. Göstermek istediğiniz öğenin HTML etiketini bulmayı seçmeniz gerekir. Örneğin, <p> bir sayfaysa, veya bir <table> bloğuysa <table> vb.

    Şimdi, aşağıdaki kod gibi, bağlantınızı bu etikete kimlik özelliği olarak eklemeniz gerekir:

    <p id="best-coffee-shops-manhattan">

    Şimdi bu bloğun beklenmedik veya geçersiz içerik içerdiğine dair bir uyarı göreceksiniz. Yaptığınız değişiklikleri korumak için HTML’ye dönüştür seçeneğine tıklamanız gerekir.

    Convert to HTML

    Klasik Düzenleyicide Bağlantı Bağlantısını Manuel Olarak Ekleme

    Hala WordPress için eski klasik düzenleyiciyi kullanıyorsanız, işte bağlantı bağlantısını nasıl ekleyeceğiniz aşağıda açıklanmıştır.

    1. Adım. Bağlantı bağlantısını oluşturun

    İlk olarak, bağlantı bağlantısına dönüştürmek istediğiniz metni seçin ve ardından ‘Bağlantı Ekle’ düğmesine tıklayın.

    Adding an anchor link in Classic Editor

    Bundan sonra, bağlantı bağlantınızı # işareti ön eki ve ardından bağlantı için kullanmak istediğiniz bilgi eki ile eklemeniz gerekir.

    Adım 2. Bağlantılı bölüme kimlik özelliğini ekleyin

    Sonraki adım, kullanıcılar bağlantı bağlantınızı tıkladığında tarayıcıları göstermek istediğiniz bölüme yönlendirmektir.

    Bunun için klasik düzenleyicide ‘Metin’ moduna geçmeniz gerekecek. Bundan sonra, göstermek istediğiniz bölüme ilerleyin.

    Adding anchor ID in Classic Editor

    Şimdi hedeflemek istediğiniz HTML etiketini bulun. Örneğin, <h2>, <h3>, <p> vb.

    Kimlik özniteliğini, bağlantı bağlantınızın bilgisiyle birlikte # öneki olmadan eklemeniz gerekir, örneğin:

    <h2 id="best-coffee-shops-manhattan">

    Artık değişikliklerinizi kaydedebilir ve bağlantı bağlantınızı çalışırken görmek için önizleme düğmesini tıklayabilirsiniz.

    HTML’de Bağlantı Bağlantılarını Manuel Olarak Ekleme

    WordPress’teki eski Klasik Düzenleyicinin Metin modunda yazmaya alışkınsanız, işte HTML’de manuel olarak bir bağlantı bağlantısı oluşturmanın yolu.

    Öncelikle, aşağıdaki gibi olağan <a href=""> etiketini kullanarak bir # öneki içeren bağlantı bağlantısını oluşturmanız gerekir:

    <a href="#best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</a>

    Ardından, kullanıcılar bağlantıyı tıkladığında gösterilmesini istediğiniz bölüme ilerlemeniz gerekir.

    Genellikle bu bölüm bir başlıktır (h2, h3, h4, vb.), Ancak başka herhangi bir HTML öğesi veya basit bir paragraf <p> etiketi de olabilir.

    Kimlik özniteliğini HTML etiketine eklemeniz ve ardından bağlantı bağlantısı bilgisini # öneki olmadan eklemeniz gerekir.

    <h2 id="best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</h4>

    Artık değişikliklerinizi kaydedebilir ve bağlantı bağlantısını test etmek için web sitenizi önizleyebilirsiniz.

    Bu yöntem, düzenli olarak uzun makaleler yayınlayan ve bağlantı bağlantılarıyla içindekiler tablosu oluşturması gereken kullanıcılar için uygundur.

    Yapmanız gereken ilk şey, Easy Table of Contents eklentisini yüklemek ve etkinleştirmek. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

    Bu eklenti, bağlantı bağlantılarıyla otomatik olarak bir içindekiler tablosu oluşturmanıza olanak tanır. İçerik bölümlerini tahmin etmek için başlıklar kullanır ve ihtiyaçlarınızı karşılayacak şekilde tamamen özelleştirebilirsiniz.

    Etkinleştirdikten sonra, eklenti ayarlarını yapılandırmak için Ayarlar »İçindekiler sayfasına gidin.

    Easy Table of Contents plugin settings

    Öncelikle, içindekiler tablosu eklemek istediğiniz gönderi türleri için etkinleştirmeniz gerekir. Eklenti varsayılan olarak sayfalar için etkindir, ancak onu yazılarınız için de etkinleştirebilirsiniz.

    Otomatik ekleme seçeneğini de etkinleştirebilirsiniz. Bu, eklentinin, kriterlere uyan eski makaleler de dahil olmak üzere tüm makaleler için içindekileri otomatik olarak oluşturmasına olanak tanır.

    Yalnızca belirli makaleler için otomatik olarak içindekiler tablosu oluşturmak istiyorsanız, bu seçeneği işaretlemeden bırakabilirsiniz.

    Ardından, içindekiler tablosunu nerede görüntülemek istediğinizi ve ne zaman tetiklenmesini istediğinizi seçmek için biraz aşağı kaydırın.

    Select where and when to display table of contents

    Sayfadaki diğer gelişmiş ayarları gözden geçirebilir ve gerektiğinde değiştirebilirsiniz.

    Ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.

    Otomatik ekleme seçeneğini etkinleştirdiyseniz, artık mevcut bir makaleyi belirtilen sayıda başlık ile görüntüleyebilirsiniz.

    Eklentinin makaledeki ilk başlıktan önce otomatik olarak bir içindekiler tablosu görüntüleyeceğini fark edeceksiniz.

    Belirli makaleler için manuel olarak içindekiler tablosu oluşturmak istiyorsanız, bağlantı bağlantıları olan bir içindekiler tablosunu görüntülemek istediğiniz makaleyi düzenlemeniz gerekir.

    Gönderi düzenleme ekranında, düzenleyicinin altındaki ‘İçindekiler’ sekmesine gidin.

    Manually add table of contents with anchor links

    Buradan, ‘İçindekiler tablosu ekle’ seçeneğini işaretleyebilir ve bağlantı linkleri olarak eklemek istediğiniz başlıkları seçebilirsiniz.

    Artık değişikliklerinizi kaydedebilir ve makalenizi önizleyebilirsiniz. Eklenti, içindekiler tablonuz olarak otomatik olarak bağlantı bağlantılarının bir listesini görüntüleyecektir.

    Table of contents preview

    Daha ayrıntılı talimatlar için, WordPress’te içindekiler tablosunun nasıl ekleneceği hakkındaki makalemize bakın.

    Bu makalenin, WordPress’te bağlantı bağlantılarını nasıl kolayca ekleyeceğinizi öğrenmenize yardımcı olacağını umuyoruz. Ayrıca, blog yayınlarınızı SEO için doğru şekilde nasıl optimize edeceğinize ve en iyi WordPress sayfa oluşturucu eklentilerini seçmemize ilişkin ipuçlarımızı görmek isteyebilirsiniz.

    Cevap bırakın