Bir WordPress sitesi sahibiyseniz, ziyaretçilerinizin web sitenizde gezinirken her zaman sorunsuz ve kusursuz bir kullanıcı deneyimi yaşamasını sağlamak önceliklerinizden biri olmalıdır. Genel bir kullanıcı, göz atmaya devam etmek isteyip istemediğine veya tamamen ayrılmak isteyip istemediğine karar vermeden önce sayfanızda çok fazla zaman harcamaz. Yani, aslında kalmalarını sağlamak için birkaç saniyeden fazla zamanınız yok.
Elbette bu, birçok farklı strateji kullanılarak elde edilebilir, fakat iş sitenizdeki kullanıcı deneyimini geliştirmeye geldiğinde, hiçbir şey sağlam web sitesinde gezinmeyi yenemez. Şimdi web sitesi gezintisi dediğimizde, farklı gezinme menüleri, CTA düğmeleri oluşturma ve farklı türde gezinme bağlantılarını, çapa bağlantıları dahil sitenize yaymayı kastediyoruz. Bu sefer, özellikle çapa bağlantılarına odaklanacağız.
Bağlantı bağlantıları, ilgilendikleri bölüme hızlı erişim sağlamalarından dolayı ziyaretçilerinizin kullanıcı deneyimini geliştirme gücüne sahiptir. Bu tür bağlantıların önemini daha fazla tartışırken ve size eklemenin en iyi yollarından bazılarını gösterirken bizi izlemeye devam edin. bunları hem Gutenberg hem de Klasik düzenleyicide WordPress sitenize ekleyin.
Şunları ele alacağız:
-
Çapa Bağlantıları Nedir ve Neden Yararlıdır?
-
Gutenberg’de Manuel Olarak Bağlantı Bağlantısı Ekleme
-
Klasik Düzenleyicide Manuel Olarak Bağlantı Bağlantısı Ekleme
-
WordPress’te Bağlantı Bağlantılarını Otomatik Olarak Ekleme
Çapa Bağlantıları Nedir ve Neden Yararlıdır?
Daha önce de belirttiğimiz gibi, kullanıcıları aynı sayfada belirli bir alana getirerek ilgilendikleri bölüme hızlı bir şekilde ulaşmalarını sağlayan bağlantı bağlantıları oldukça kullanışlı gezinme öğeleridir. bu tür bağlantılar genellikle farklı türde makaleler, SSS bölümleri veya ürün veya hizmet listeleri gibi daha uzun içerik biçimlerinde kullanılır.
Genel olarak web sitenizin UX’ini büyük ölçüde iyileştirmenin yanı sıra, bağlantı bağlantılarının web sitenizin SEO’su üzerinde de olumlu bir etkisi olabilir. Yani, özellikle kullanıcılar bağlantı bağlantınızda bulunan anahtar kelimeleri yazarsa, Google bağlantı bağlantılarınızı arama sonuçlarında “atla” bağlantısı şeklinde gösterme eğilimindedir. Tüm bunlar, tıklama oranınızı artırabilir ve uzantı olarak web sitenize daha fazla trafik getirebilir.
Ayrıca bağlantı bağlantılarınızı bir içindekiler tablosu olarak listelerseniz, Google bunları aşağıdaki gibi bir zengin snippet olarak görüntülemeye karar verebilir:
Bağlantı bağlantılarının bir web sitesi için değerli olmasının bazı temel nedenlerini ele aldığımıza göre, şimdi bunları WordPress’e nasıl ekleyebileceğinize bir göz atalım.
Gutenberg’de Manuel Olarak Bağlantı Bağlantısı Ekleme
Bağlantı bağlantılarınızın çalışmasını sağlamak için yapmanız gereken iki şey vardır – ilk olarak, bağlantı metninizden önce bir # işareti eklemeniz ve ardından, kullanıcıların tıkladıklarında yönlendirilmelerini istediğiniz metne kimlik niteliğini eklemeniz gerekir. çapa bağlantısı.
Gutenberg’de çapa bağlantınızı oluşturmak için, bağlantınız olmasını istediğiniz metni seçip Bağlantı düğmesine basmalısınız.
Genellikle bir bağlantı URL’si ekleyebileceğiniz bir açılır pencere görünecektir.
Fakat bunu yapmak yerine, bir # öneki eklemeniz ve kullanıcıların bu tür bir bağlantıya tıkladığında atlamasını istediğiniz belirli alan için anahtar sözcükleri eklemeniz gerekir. Elbette link oluşturduğunuz çapa bölümü ile ilgili anahtar kelimeleri kullanmalısınız. Bağlantı metninizi genel olarak daha okunabilir hale getirmek için tire ve/veya büyük harf kullanmanızı da öneririz. İşte bir # öneki örneği:
#Saç ürünleri
Bağlantı bağlantınızı eklemeyi tamamlamak için Enter düğmesine basın. Bunu yaptıktan sonra, düzenleyicide bağlantı bağlantısını görebileceksiniz, fakat yine de bir kimlik oluşturmanız gerektiğinden üzerine tıklayamayacaksınız.
Bağlantı bağlantısına bir kimlik eklemek için, bağlantınıza tıklayan kullanıcıların yönlendirilmesini istediğiniz bölümü bulmalısınız.
Bir başlık bölümüne bağlanmak için istediğiniz bloğu seçin ve Gelişmiş sekmesini seçin. Daha sonra HTML bağlantı alanına, bağlantı bağlantınız için kullandığınız metnin aynısını eklemelisiniz – tek fark, # önekini çıkarmanız gerektiğidir.
Daha sonra Yayınla/Güncelle düğmesine (veya Taslağı Kaydet) basabilir ve canlı olarak nasıl göründüğünü görmek için bağlantı bağlantınızı önizleyebilirsiniz.
Başlık dışında başka bir bölüme (paragraf veya diğer blok türleri gibi) bağlantı vermek istiyorsanız, üç noktalı menü simgesini (bloğun kendisinde) tıklayın ve ardından HTML Olarak Düzenle düğmesini seçin.
Şimdi belirli bölüm veya öğe için HTML etiketini bulun. Örneğin <p> bir paragraftır, <h2>, <h3>vb. başlıklardır, vb.
Öğenizi bulduğunuzda, HTML etiketine bağlantınızla birlikte bir kimlik niteliği eklemeniz yeterlidir.
Bunun gibi:
<p id="Hair-Products">
Bu bloğun beklenmedik veya geçersiz içerik içerdiğini söyleyen bir mesaj gördüğünüzde, HTML’ye Dönüştür düğmesini tıklamalısınız.
İşte bu kadar – paragrafınızdaki belirli bir bölüme veya seçtiğiniz başka bir bloğa başarılı bir şekilde bağlantı bağlantısı eklediniz.
Klasik Düzenleyicide Manuel Olarak Bağlantı Bağlantısı Ekleme
Klasik düzenleyiciyi kullanmayı tercih etmeniz durumunda, elbette bu düzenleyici içinden de bağlantı bağlantıları oluşturabilirsiniz. İşte bunu nasıl yapabileceğiniz.
Her şeyden önce, istediğiniz bağlantı bağlantısı metnini seçin ve Bağlantı Ekle/Düzenle düğmesine basın.
Daha sonra bağlantınız için bir # öneki ve bir bilgi ekleyin.
Bu adımı tamamladıktan sonra, kullanıcılarınızın bağlantınızı tıkladıklarında gitmelerini istediğiniz bölüme kimlik özelliğinizi eklemelisiniz.
Modunuzu önce Metin olarak değiştirin ve ardından kimlik özelliğini eklemek istediğiniz bölümün HTML etiketini bulun (örneğin <h2>, <p>ve benzeri).
Kimlik özelliğinizi, bağlantı bağlantınızın ekiyle birlikte, fakat # ön eki olmadan ekleyin. Örneğin:
<p> id=“Hair-Products”>
Sayfanızı/gönderinizi yayınlayın/güncelleyin ve ardından bağlantı bağlantınızın nasıl göründüğünü görmek için önizleyin.
İçeriğinizi tamamen Metin modunu kullanarak yazmayı ve düzenlemeyi tercih ediyorsanız, HTML kullanarak sıfırdan bağlantı bağlantılarınızı oluşturmak için de kullanabilirsiniz.
Metin modundayken, bağlantı bağlantınızı kullanarak oluşturabilirsiniz. <a href-“ “> etiket. Bağlantı bağlantınızın HTML’de nasıl görünebileceğine dair bir örnek:
<a href="#Hair-Products">Hair Products</a>
Daha sonra bağlantı bağlantısına tıkladığınızda kullanıcıların yönlendirilmesini istediğiniz alanı bulun (genellikle olarak işaretlenen bir başlık) <h2> Ve <h3>olarak işaretlenmiş bir paragraf <p>vb.) ve ID özelliğinizi HTML etiketine ekleyin (yine # öneki olmadan):
<p> id="Hair-Products"> Hair Products</p>
Değişikliklerinizi kaydettikten sonra devam edin ve bağlantı bağlantınızın nasıl göründüğünü önizleyin.
WordPress’te Bağlantı Bağlantılarını Otomatik Olarak Ekleme
Sitenizde düzenli olarak uzun biçimli içerik oluşturup yayınlıyorsanız (örneğin, özellikle uzun makaleler), süreci hızlandırmak için otomatik olarak bağlantı bağlantıları eklemeyi de düşünebilirsiniz. Neyse ki WordPress, çoğu ücretsiz olarak kullanılabilen birçok yararlı araç ve eklentiyi düzenli olarak oluşturan geniş bir online topluluğa sahiptir. Bu tür eklentiler arasında, web sitenizde otomatik olarak bağlantı bağlantıları oluşturmak için kullanabileceğiniz Easy Table of Contents adlı bir eklenti de vardır.
Adından da anlaşılacağı gibi, bu eklenti, bir bağlantı bağlantıları listesiyle kolayca bir içindekiler tablosu oluşturmanıza ve bunu sayfalarınıza, gönderilerinize ve/veya özel gönderi türlerinize eklemenize olanak tanır. Bağlantı bağlantılarınızı otomatik olarak eklemek için otomatik ekleme seçeneğini etkinleştirebilir veya bu seçeneğin işaretini kaldırıp içindekiler tablosunu yalnızca belirli sayfalar/yazılar için ayarlayabilirsiniz.
Bu pratik eklentiyi kullanarak WordPress’e bir içindekiler tablosu ekleme hakkında derinlemesine konuşan bir makalemiz zaten var, bu nedenle daha iyi gezinme için sayfalarınızı veya gönderilerinizi farklı bölümlere ayırmak istiyorsanız bu makaleye göz atmanızı öneririz.
İşleri Sarma
Bağlantı bağlantıları, kullanıcıların okumak istedikleri bölüme hızlı ve kolay bir şekilde atlamalarına izin verdiği için herhangi bir web sitesine harika bir katkı olabilir. Buna karşılık, gezinmenizi geliştirmeye ve web sitenizin kullanıcı deneyimini bir bütün olarak geliştirmeye yardımcı olabilirler. Bu tür linkleri sayfalarınıza veya gönderilerinize eklemek ilk bakışta karmaşık gelebilir ancak yukarıda sunduğumuz yönergeleri biraz daha yakından incelediğinizde bu işlemin hiç de zor olmadığını anlayacaksınız. Sadece tüm adımları dikkatlice takip ettiğinizden emin olun ve hazır olacaksınız.