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 Öne Çıkan Görsellere Başlık Ekleme

İlk blog yazılarımdan biri için mükemmel öne çıkan görseli seçerek saatler harcadığımı hatırlıyorum. Ancak yayınladığımda bir şey eksik gibiydi—ziyaretçilerin fotoğrafın Jasper Ulusal Parkı'ndaki nefes kesici bir gün doğumu yürüyüşünden olduğunu bilmelerinin bir yolu yoktu.

Bir başlık olmadan, en çarpıcı görsel bile tam hikayesini anlatamaz. Bu yaygın bir hayal kırıklığıdır, ancak neyse ki, bu sorunu çözmek için kendi WordPress blogumda kullandığım basit bir çözüm var.

Bu kılavuzda, öne çıkan görsellerinize altyazı eklemenin en kolay yolunu göstereceğim. Herhangi bir WordPress temasıyla çalışan ücretsiz ve güvenilir bir eklenti kullanacağım.

WordPress'te Öne Çıkan Görsellere Başlık Ekleme

Öne Çıkan Görsellere Neden Altyazı Eklenir?

Açıklamalar, WordPress öne çıkan görüntülerinizi daha erişilebilir hale getirir ve okuyucular için anında bağlam sağlar.

Öne çıkan bir görseli makalenizin kapağı gibi düşünün. İnsanların gördüğü ilk şeydir, ancak bir başlık olmadan hikayenin tamamını anlatamaz. Basit bir başlık eklemenin, içeriğimi daha ilgi çekici ve profesyonel hale getirmenin en kolay yollarından biri olduğunu gördüm.

Örneğin, seyahat sitemde, ‘Queensland, Avustralya'daki Logan Nehri'nin gün batımı manzarası’ gibi bir altyazı eklemek hemen bağlam sağlar ve okuyucuyu maceraya çeker.

Öne Çıkan Görsel Altyazı Önizlemesi

Bir portföy işletiyorsanız, bir fotoğrafçıya kredi vermek veya bir 'öncesi ve sonrası' çekimini tarihlemek için bir başlık kullanabilirsiniz, bu da bir profesyonellik katmanı ekler.

Altyazılar ayrıca web sitenizi herkes için erişilebilir kılmada önemli bir rol oynar. Ekran okuyucular bir görüntüyü açıklamak için öncelikle gizli alt metne güvenirken, görünen altyazıyı da sesli olarak okurlar. Bu, fotoğraf hakkında tüm ziyaretçiler için faydalı olan ek bağlam veya önemli bir mesaj sağlamanıza olanak tanır, böylece ekran okuyucu kullananların bu bilgiyi kaçırmamasını sağlar.

Bu, web erişilebilirliği için en iyi uygulamaları takip eder ve kendi olmayan bir görsel kullanıyorsanız doğru krediyi vermek için de önemlidir.

Birçok popüler yayın ve blog, bir kredi satırı olmadan asla bir resim yayınlamaz ve bu, şiddetle tavsiye ettiğim en iyi uygulamadır.

Sorun şu ki, WordPress herhangi bir görselinize başlık eklemenize izin verirken, çoğu tema öne çıkan görseller için başlığı basitçe göstermiyor.

Bunun nedeni, bir temanın kodunun öne çıkan resimlerin nasıl görüneceğini kontrol etmesi ve tema geliştiricilerinin bu özelliği varsayılan olarak genellikle dışarıda bırakmasıdır. Bunu düzeltelim.

WordPress Eklentisi ile Öne Çıkan Görsellere Başlık Nasıl Eklenir

Çoğu insan için öne çıkan görüntü açıklamalarını göstermenin en kolay yolu bir eklentidir. FSM Özel Öne Çıkan Görüntü Açıklaması adlı ücretsiz bir eklenti öneririm. Bu, tek bir işi yapmak için tasarlanmış hafif bir araçtır: öne çıkan görüntü açıklamalarınızı görünür kılmak.

Bu yaklaşımı öneriyorum çünkü herhangi bir WordPress temasıyla çalışır. Eklenti popüler ve güvenilirdir, WordPress.org'da binlerce aktif kurulumu vardır. En iyisi de, karmaşık ayarlar olmadan kutudan çıktığı gibi çalışır.

Bu eklenti, öne çıkan resim başlıklarınızı yönetmek için size iki kolay yol sunar: belirli gönderiler için doğrudan gönderi düzenleyicisinde veya tutarlılık için Medya Kitaplığı'nda.

İlk olarak, FSM Özel Öne Çıkan Resim Başlığı eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Yardıma ihtiyacınız olursa, bir WordPress eklentisinin nasıl kurulacağına dair rehberimize bakabilirsiniz.

Eklenti etkinleştirildikten sonra, herhangi bir gönderiyi veya sayfayı düzenlemek için açın. Sağdaki ayarlar panelinde, öne çıkan görsel küçük resminizin hemen altında bulunan 'Öne Çıkan Görsel Başlığı' etiketli yeni bir alan göreceksiniz.

Öne Çıkan Görüntüye Eklenti ile Açıklama Ekleme

Açıklamanız için kullanmak istediğiniz metni doğrudan bu kutuya yazın. Bu, birincil ve en basit yöntemdir.

İşiniz bittiğinde, değişikliklerinizi kaydetmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklamanız yeterlidir.

Hepsi bu kadar. Girdiğiniz başlık şimdi canlı web sitenizde öne çıkan görselinizle birlikte görünecektir.

Yedekleme Özelliği Nasıl Çalışır (Medya Kütüphanesi)

Eklenti akıllı. Gönderi düzenleyicideki 'Öne Çıkan Resim Başlığı' kutusunu boş bıraktığınızı varsayalım. Bu durumda, otomatik olarak o resim için WordPress Medya Kütüphanesi'nde kayıtlı bir başlık olup olmadığını kontrol edecek ve bunun yerine onu gösterecektir.

Aynı görüntüyü ve açıklamayı birden fazla gönderide kullanmayı planlıyorsanız bu çok yardımcı olur.

Varsayılan bir başlık eklemek için WordPress kontrol panelinizden Medya » Kitaplık'a gidin ve düzenlemek istediğiniz resme tıklayın. Açılan ‘Ek Detayları’ penceresinde, ‘Başlık’ alanını doldurun. Buraya eklediğiniz herhangi bir metin otomatik olarak kaydedilir.

WordPress Medya Kütüphanesine Altyazı Ekleme

Şimdi, gönderi düzenleyicisindeki 'Öne Çıkan Görsel Başlığı' kutusu boş olduğu sürece, bu Medya Kütüphanesi başlığı varsayılan olarak kullanılacaktır. Bu, gönderiye özel kontrol ve site genelinde tutarlılık arasında mükemmel bir denge sağlar. 👍

Bonus: WordPress'te Görsellere Başlık Ekleme

Öne çıkan görsellerin aksine, gönderilerinizin veya sayfalarınızın içindeki bir görsele başlık eklemek çok daha basittir. Bunun nedeni, WordPress'in bu başlıkları ek bir adım gerektirmeden otomatik olarak gösterecek şekilde ayarlanmış olmasıdır.

İlk olarak, gönderinize veya sayfanıza bir resim yükleyin. Medya kütüphanesi açıldığında, sağ panelde 'Alt Metin', 'Başlık', 'Başlık' ve 'Açıklama' alanlarını göreceksiniz.

WordPress Medya Kütüphanesine Altyazı Ekleme

Ardından, metninizi 'Başlık' alanına yazmanız yeterlidir.

İşiniz bittiğinde, resmi gönderinize eklemek için 'Seç' düğmesine tıklayın. Altyazı otomatik olarak altına görünecektir.

Daha ayrıntılı bir rehber istiyorsanız, WordPress'te görsellere başlık ekleme konusundaki tam başlangıç rehberimize göz atabilirsiniz.

Öne Çıkan Görsel Açıklamaları Hakkında Sıkça Sorulan Sorular

İşte WordPress'te öne çıkan görsellere başlık ekleme hakkında en sık aldığımız sorulardan bazılarına yanıtlar.

Bir resim başlığı ile alt metin arasındaki fark nedir?

Bir başlık, okuyucularınıza bir görsel hakkında daha fazla bağlam sağlamak için sayfada herkese açık olarak görüntülenir. Alt metin, arama motorları ve ekran okuyucular için özel bir açıklamadır ve yalnızca bir görsel yüklenemezse görünür.

Öne çıkan görsel başlıkları SEO için iyi midir?

Evet, olabilirler. Başlıklar, arama motorlarının resimlerinizi daha iyi anlamasına yardımcı olur ve sitenizin erişilebilirliğini artırır. Her ikisi de web sitenizin SEO'su için olumlu sinyallerdir.

Altyazı metninin stilini değiştirebilir miyim?

Kesinlikle. Açıklamanızın görünümü temanızın stil sayfasından kontrol edilir. Sitenizin tasarımına uyacak şekilde yazı tipini, rengi, boyutu veya hizalamayı değiştirmek için özel CSS kullanabilirsiniz.

Tema değiştirirsem başlıklarım kaybolur mu?

Hayır, göstermezler. Eklenti altyazılarınızı doğrudan WordPress veritabanına kaydeder. Bu, güvende oldukları ve daha sonra temanızı değiştirmeye karar verseniz bile aktarılacakları anlamına gelir.

WordPress Resimleri İçin Ek Kaynaklar

Artık öne çıkan görsellerinize başlık eklemeyi bildiğinize göre, WordPress görselleriyle ilgili bu diğer yardımcı kılavuzlara 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

32 CommentsLeave a Reply

  1. Öne çıkan görsellere altyazı ekleme konusunda harika ipuçları!
    Ancak bir sorum var: Altyazılar faydalı bağlam sağlasa da, sitemin Google PageSpeed Insights tarafından görsellerdeki alt metin eksikliği nedeniyle işaretlendiğini fark ettim.

    erişilebilirlik açısından, alt metin açıklamaları eklemeye başlık eklemeye öncelik vermeyi önerir misiniz??

    • En azından alt metni kullanmak isteyeceksiniz.

      Alt metni, resmin kendisi için bir açıklama olarak düşünün. Başlık, bu açıklamaya bağlam eklemeye yardımcı olur.

    • Alternatif metin yalnızca SEO için değil, aynı zamanda önemlidir. ALT'ı kullanarak, arama motorlarına (Google, Bing vb.) ve öncelikli olarak bu etiket için tasarlanmış görme engelli kullanıcılara, fotoğrafta veya resimde neyin tasvir edildiğini söylüyorsunuz. Google, kendi başına resimde ne olduğunu tanıyamaz, ancak alt metin yardımıyla onlara açıklayabilir ve onlar da resmi verilen anahtar kelimeler için daha iyi indeksleyecektir. Alt metin kullanmazsanız, resim SEO'nuzu önemli ölçüde etkilersiniz. Bunu hafife almayın :).

    • Tüm görseller için Alt metin kullanılması şiddetle tavsiye edilir. Görselde metin olmadığı sürece, Google görselde veya resimde neler olduğunu belirleyemez.
      Ayrıca, Alt metinler zayıf ağ bağlantısına sahip kullanıcılara veya görsel yüklenemediğinde gösterilir, bu metin onların orada gösterilmesi gereken görsel türlerini anlamalarını sağlayacaktır.

  2. Merhaba,
    Belirli gönderi kimliğini ve get_post işlevini çağırarak öne çıkan resmi almaya çalıştım ancak öne çıkan resim dışında her şey yolunda. Öne çıkan resmi göstermiyor.

    post ID ile çağırıp get_post(); ? kullanmakta sorun var mı?

    kodum?

    // özel şablon (topluluk)


    post_title; ?>

    post_content; ?>

    Lütfen herhangi bir fikriniz var mı?

  3. Bunu açıkladığınız için teşekkürler! Sadece görsel başlıklarını eklemem gerekiyordu ve bir çözüm arayarak çok zaman harcadım…..WP destek forumunda başka birçok cevap buldum, ancak hiçbiri öne çıkan görsellerin nasıl saklandığını açıklamadı……anladığımda artık çok basit bir şey.

  4. Merhaba, harika gönderi.
    Bunu başka bir web sitesinde yapıp yapamayacağımı açıklar mısınız?
    WordPress blogundan makaleyi veya kategoriyi opencart web sitesinde göstermek istiyorum.
    Teşekkürler

  5. Üzgünüm, tam olarak anlamadım...
    Kodu tam olarak hangi döngüye yapıştırmam gerekiyor?

    Belki de sadece ben beyin-afk'yım, bunun için üzgünüm.

    • Başlıklarla birlikte küçük resimleri görüntülemek istediğiniz döngüde. Bu, tekil.php dosyanız veya başka herhangi bir dosya olabilir.

      Yönetici

  6. Çok teşekkürler, bunu arıyordum ve bu, öne çıkan görseller için görsel başlığı eklemenin en iyi ve basit açıklaması.

    Teşekkürler

  7. Kısa, öz ve konuya yönelik. Tek eleştiri, kısa makale için örnek çıktı sağlamaması. Diğer okuyucular için: İlgili gönderileri okumayı unutmayın!

  8. Altyazıyı nasıl stilize edebilirim?
    Kaynak kodunda altyazı satırı DIV sınıfının dışında mı işleniyor? Neyi yanlış yapıyorum?

    Şimdiden teşekkürler,
    Gary

      • Bir div'e sarmak için yankı içeriğini nasıl yapacağımı anlamaya çalışırken yaklaşık 4 saattir kafamı duvara vuruyordum. (PHP acemisiyim).

        O echo'ya div'i sarmak nasıl görünürdü, bir örnek verebilir misiniz?

  9. Bu harika. Çok yardımcı oldu. Çok teşekkürler! Ancak sonucu gösteren bir ekran görüntüsü eklemek gerçekten yardımcı olacaktır.

  10. Bu küçük mücevher, oradaki ücretsiz temaların çoğunu güzelleştirmek istediğinizde kullanışlıdır... güzel, hızlı ve kolay.

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.