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 Çapa Bağlantılar Nasıl “Kolayca” Eklenir (Adım Adım)

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

Blog yazılarınıza ve sayfalarınıza bağlantı eklemenin kolay bir yolunu mu arıyorsunuz?

Çapa bağlantılar genellikle içerik tablosu bölümlerinde kullanılır çünkü kullanıcıların sayfayı yeniden yüklemeden daha uzun bir makalede yukarı ve aşağı hareket etmelerine yardımcı olurlar. Ayrıca, Google içeriğinizi öne çıkan snippet’lerde gösterebileceğinden SEO’ya da yardımcı olabilir.

Bu kılavuzda, WordPress’te çapa bağlantıları nasıl kolayca ekleyebileceğinizi göstereceğiz.

How to add anchor links in WordPress wp

Çapa bağlantı, sizi aynı sayfada belirli bir yere götüren sayfadaki bir bağlantı türüdür. Kullanıcıların en çok ilgilendikleri bölüme atlamalarını sağlar.

Anchor link preview

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

Çapa bağlantılar genellikle daha uzun makalelerde, kullanıcıların okumak istedikleri bölümlere hızlı bir şekilde atlamalarını sağlayan içindekiler tablosu olarak kullanılır.

Çapa bağlantıların bir başka kullanımı da WordPress sitenizde yer imi bağlantıları oluşturmaktır. Bu, yer imi bağlantısını sosyal medyada veya e-posta bültenlerinde paylaşmanıza olanak tanır, böylece sayfa yüklendiğinde kullanıcılarınız hemen görmelerini istediğiniz bölüme atlar.

Ortalama bir kullanıcı, WordPress web sitenizde kalmaya veya sitenizden ayrılmaya karar vermeden önce birkaç saniyeden daha az zaman harcar. Kullanıcıları kalmaya ikna etmek için sadece bu birkaç saniyeniz var.

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

Çapa bağlantılar, kullanıcıların içeriğin geri kalanını atlayıp doğrudan ilgilendikleri bölüme atlamalarını sağlayarak bunu kolaylaştırır. Bu, kullanıcı deneyimini geliştirir ve yeni müşteriler/okuyucular kazanmanıza yardımcı olur.

Çapa bağlantılar WordPress SEO için de harikadır. Google, arama sonuçlarında atlama bağlantısı olarak birkaç bağlantı linki görüntüleyebilir.

Jump to links in search results

Bunun arama sonuçlarındaki tıklama oranını artırdığı kanıtlanmıştır. Başka bir deyişle, web sitenize daha fazla trafik çekersiniz.

Çapa bağlantıları kullanarak bir içindekiler tablosu oluşturursanız, Google öne çıkan snippet‘lerde başlıkları da görüntüleyebilir.

Featured snippet preview

Bunu söyledikten sonra, WordPress’te çapa bağlantıların nasıl kolayca ekleneceğine bir göz atalım. Aşağıda bu kılavuzda ele alacağımız tüm konuların bir listesi bulunmaktadır.

Devam edin ve aşağıdaki bağlantılardan herhangi birine tıklayın, ilgili bölüme yönlendirileceksiniz:

Makalenize yalnızca birkaç bağlantı veya yer imi 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:

  1. Bağlantı metninden önce # işareti olan bir bağlantı bağlantısı oluşturun.
  2. Kullanıcının alınmasını istediğiniz metne id niteliğini ekleyin.

Çapa bağlantı kısmı ile başlayalım.

1. Adım Çapa Bağlantı Oluşturma

Öncelikle, yeni bir yazı veya sayfa düzenlemeniz veya oluşturmanız gerekir. Ardından, bağlantı vermek istediğiniz metni seçin ve ardından WordPress blok düzenleyicisindeki bağlantı ekle düğmesine tıklayın.

Select text and click link button

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

Ancak, bir bağlantı bağlantısı için HTTP yerine önek olarak # kullanmanız yeterlidir. Kullanıcının bundan sonra atlamasını istediğiniz bölümün anahtar kelimelerini girmeniz yeterlidir.

Enter the keyword you want to link

Ardından, bağlantıyı oluşturmak için enter düğmesine tıklayın. Ancak henüz bir yere gitmeyecektir. Bir sonraki adımda kimliği oluşturmanız gerekecek.

Çapa # bağlantınız olarak hangi metni kullanacağınızı seçmeye ilişkin bazı yararlı ipuçları:

  • Bağlantı verdiğiniz bölümle ilgili anahtar kelimeleri kullanın.
  • Bağlantı linkinizi gereksiz yere uzun veya karmaşık yapmayın.
  • Kelimeleri ayırmak ve daha okunabilir hale getirmek için kısa çizgiler kullanın.
  • Daha okunabilir hale getirmek için bağlantı metninde büyük harf kullanabilirsiniz. Örneğin: #Best-Coffee-Shops-New-York.

Doğru bağlantı metnini seçtikten sonra, kullanıcılar bağlantı metnine tıkladığında gösterilmesini istediğiniz sayfadaki bir alana, bölüme veya metne bağlantı vermenin zamanı gelmiştir.

Adım 2. ID özniteliğini bağlantılı bölüme ekleyin

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

Ardından, bloğu seçmeniz yeterlidir. Ardından, sol paneldeki blok ayarlarında, genişletmek için ‘Gelişmiş’ sekmesine tıklayın.

Enter HTML  anchor

Bundan sonra, bağlantı linki olarak eklediğiniz metni ‘HTML Anchor’ alanına eklemeniz gerekir.

Metni # öneki olmadan eklediğinizden emin olun.

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

Göstermek istediğiniz bölüm bir başlık değil de sadece normal bir paragraf veya başka bir bloksa ne olur?

Bu durumda, blok ayarlarındaki üç noktalı menüye tıklamanız ve ‘HTML olarak düzenle’ seçeneğini seçmeniz gerekir.

Switching to the HTML View of a Block in the WordPress Block Editor

Bu, söz konusu blok için HTML kodunu düzenlemenize olanak tanıyacaktır. İşaret etmek istediğiniz öğe için HTML etiketini seçmeniz gerekir. Örneğin, bir paragraf ise <p> veya bir tablo bloğu ise <table> vb.

Şimdi, aşağıdaki kodda olduğu gibi, anchor’ınızı bu etikete ID özelliği olarak eklemeniz gerekir:

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

Ardından, ‘Görsel Olarak Düzenle’ düğmesine tekrar tıklayabilirsiniz ve bağlantı linkiniz tıklandığında kullanıcıyı bu bloğa yönlendirecektir.

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

WordPress için hala eski klasik editörü kullanıyorsanız, bağlantı linkini/atlama linkini nasıl ekleyebileceğiniz aşağıda açıklanmıştır.

1. Adım Bağlantı linkini oluşturun

Öncelikle, yeni bir gönderi veya sayfa düzenlemeniz ya da oluşturmanız gerekir. Ardından, bağlantı linkine dönüştürmek istediğiniz metni seçin ve ‘Bağlantı Ekle’ düğmesine tıklayın.

Add anchor links in Classic Menu

Bundan sonra, çapa bağlantınızı # önekiyle ve ardından bağlantı için kullanmak istediğiniz slug ile eklemeniz gerekir.

Adım 2. ID özniteliğini bağlantılı bölüme ekleyin

Bir sonraki adım, kullanıcılar bağlantı linkinize 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 gerekir. Bundan sonra, bağlantı vermek istediğiniz bölüme gidin.

Switch to the text view

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

ID niteliğini, # öneki olmadan bağlantı bağlantınızın slug’ıyla birlikte aşağıdaki gibi eklemeniz gerekir:

<h2 id="best-coffee-shops-new-york">

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

HTML’de Çapa Bağlantıları Manuel Olarak Nasıl Eklenir

WordPress’teki eski Klasik Düzenleyicinin Metin modunda yazmaya alışkınsanız, HTML’de bir bağlantı bağlantısını manuel olarak nasıl oluşturacağınız aşağıda açıklanmıştır.

Öncelikle, aşağıdaki gibi normal <a href=""> etiketini kullanarak # ön ekine sahip bir bağlantı linki oluşturmanız gerekir:

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

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

Genellikle bu bölüm bir başlıktır, ancak başka herhangi bir HTML öğesi veya basit bir paragraf <p> etiketi bile olabilir.

HTML etiketine ID özniteliğini eklemeniz ve ardından # öneki olmadan çapa bağlantı slug’ını eklemeniz gerekir.

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

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

WordPress’te otomatik olarak bağlantı linkleri eklemenin en iyi yolu All in One SEO (AIOSEO) eklentisini kullanmaktır. Bu yöntem, düzenli olarak uzun biçimli makaleler yayınlayan ve bağlantı linkleri içeren bir içindekiler tablosu oluşturması gereken kullanıcılar için uygundur.

AIOSEO, WordPress için en iyi SEO eklentisidir ve içindekiler tablosu eklemek için yerleşik bir WordPress bloğu ile birlikte gelir.

Bu eğitimde, içindekiler bloğunu içerdiği için ücretsiz AIOSEO Lite sürümünü kullanacağız. Ayrıca, arama motorlarında daha iyi sıralama yapmanıza yardımcı olacak daha fazla özellik içeren AIOSEO Pro sürümü de bulunmaktadır.

Yapmanız gereken ilk şey AIOSEO eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından kurulum sihirbazını göreceksiniz. ‘Hadi Başlayalım’ düğmesine tıklayın ve ekrandaki talimatları izleyin.

Click let's get started AIOSEO setup wizard

Daha fazla ayrıntı için lütfen WordPress için Hepsi Bir Arada SEO’nun nasıl kurulacağına ilişkin kılavuzumuza bakın.

Ardından, bağlantı eklemek istediğiniz yeni bir gönderi veya sayfa oluşturabilir ya da düzenleyebilirsiniz. İçerik editörüne girdikten sonra, ‘+’ düğmesine tıklayın ve ‘AIOSEO – İçindekiler’ bloğunu ekleyin.

Add an AIOSEO Table of Contents Block to the Post or Page

Eklenti, sayfanızdaki farklı başlıkları otomatik olarak algılayacak ve bunları içindekiler tablosunda gösterecektir.

Bloktaki her bir bağlantı linkini daha da özelleştirebilirsiniz. Örneğin, sağdaki ayarlar paneli ‘Liste Stilini’ madde işaretlerinden sayılara değiştirme seçeneği sunar.

Customizing Your Table of Contents

Ayrıca, başlıkları yeniden adlandırabilir, içindekiler bloğundaki sıralarını yeniden düzenleyebilir ve belirli başlıkları gizleyebilirsiniz.

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

Your Table of Contents is a List of Links to Headings in the Post or Page

Daha ayrıntılı talimatlar için WordPress’te içindekiler tablosunun nasıl ekleneceğine ilişkin makalemize bakın.

Umarız bu makale WordPress’te bağlantı linklerini nasıl kolayca ekleyebileceğinizi öğrenmenize yardımcı olmuştur. Ayrıca blog yazılarınızı SEO için nasıl düzgün bir şekilde optimize edeceğinize dair ipuçlarımızı ve en iyi şema işaretleme eklentileri seçimimizi de görmek 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

50 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    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. Dennis Muthomi says

    I recently saw a micro SaaS website that had anchor links in their navigation menu. When I clicked on the menu items, instead of going to a new page, it simply scrolled the current page to a specific section.
    I think its a clever way of using anchorlinks on nav bars to keep a user on that same page.

  3. Dayo Olobayo says

    Thanks for this. I also think proper use of anchor links can help in the internal linking strategy of our website. By linking to different sections within the same page or to related content on other pages, we can keep visitors engaged longer and help distribute link equity throughout the site.

  4. Jiří Vaněk says

    Can I ask, I have several items in the menu where a link with # at the end is set. It’s like this on purpose. I will give an example. In the menu there is an item price list with # which leads nowhere. Only after hovering the mouse will the menu expand, which leads to individual price lists. Google search console is bothered by this practice, because the link does not lead anywhere. Can it be solved somehow?

    • WPBeginner Support says

      For that you could look to create a pricing page that links to the subpages in your menu.

      Yönetici

      • Jiří Vaněk says

        That is, instead of #, which leads nowhere, create at least some informative page with some text. Ok, that sounds like a very good yet simple and quick solution. Thanks. I didn’t expect my solution to bother Google as an inactive link.

  5. Pavlína Radochová says

    Hello, thank you for the post.
    I would like to ask you for help: how can I make a html anchor to the page title?

    • WPBeginner Support says

      Most page titles should be at the top of the page so unless your theme is placing it elsewhere you should be able to link directly to a page to achieve what you’re wanting without needing an anchor link.

      Yönetici

  6. Ahmed Abo Rwash says

    Hello, Dears
    I need your help as I made one item from my navigation menu as anchor link, and it works with me only on my home page, but if I browse any other page and try to click this item in the navigation menu, to transfer me to the same area at the home page it’s didn’t work so how can I fix that

    • WPBeginner Support says

      If you want the anchor link to work on other pages then you would want to ensure your menu link has the entire URL from https to the end and that should solve this issue.

      Yönetici

    • WPBeginner Support says

      For that issue, when the link is on another page then you would need to put the entire URL for the other page including the #anchor at the end for it to work.

      Yönetici

  7. Chalvonia Bock says

    Thank you. after a long struggle and searching for help I got it right after following these instructions.

  8. Stephen Muiruri says

    Very useful article. I am intending to include lengthier content to my blog and anchor links will make navigation and usability more efficient. Thank you very much.

  9. Francesco says

    HI . The post is very good. How can i create the link from page to another page with anchor? I would like to create the link to another specific part of page.

    • WPBeginner Support says

      You would link to the page with the anchor links on it and add the # with the id to the end of the url

      Yönetici

  10. Sameer says

    Hi, thank you for this tutorial.
    I have a question please. On my homepage I have a few anchors such as about me and contact me. These anchors are on my menu header (using WordPress header).
    The issue I’m having is on the mobile website, on the home page the user opens the menu and will select and anchor which basically scrolls down on the same page, but the menu bar remains open.
    How do I get the menu bar to collapse on click of an anchor?
    Thanks.

    • WPBeginner Support says

      You would want to reach out to the support for your current theme for ensuring the menu closes properly.

      Yönetici

  11. NanPad says

    I have three anchor links at the top of my page. Once the viewer has clicked on anchor link #1 — and been taken to the place on the page where the link points–, how does the viewer get back to the top, in order to click on anchor links #2 and #3?

  12. Diane says

    This does NOT seem to address the option of linking from one page to an anchor in another page. Is that possible in WordPress?

    • WPBeginner Support says

      You can use this guide and then use the anchor link for a specific section on a page anywhere on the web.

      Yönetici

    • WPBeginner Support says

      You can follow these steps and even if the link is on a different page it should still work.

      Yönetici

    • WPBeginner Support says

      For this tutorial, we are using the Gutenberg/block editor. From the sound of your question, you are likely using the classic editor.

      Yönetici

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.