WordPress, kullanıcı dostu arayüzü ve geniş özelleştirme seçenekleri ile web sitesi sahiplerine büyük kolaylıklar sunar. Ancak, öne çıkarılan görsellerin SEO ve kullanıcı deneyimi açısından daha etkili hale getirilmesi için görsellere başlık eklemek önemlidir. Bu makalede, WordPress’te öne çıkarılan görsellere nasıl başlık ve altyazı ekleyeceğinizi adım adım ele alacak, bu işlemin SEO’ya olan katkılarını ve kullanıcı deneyimini nasıl geliştirdiğini inceleyeceğiz.
WordPress’te Öne Çıkarılan Görsellere Neden Başlık ve Altyazı Eklemelisiniz?
WordPress’te öne çıkarılan görsellere başlık ve altyazı eklemek, hem SEO hem de kullanıcı deneyimi açısından çeşitli avantajlar sağlar. İşte bu başlıkları ve altyazıları eklemeniz için bazı nedenler:
- SEO İyileştirmesi: Arama motorları, görsellerin ne hakkında olduğunu anlamak için başlık etiketlerini kullanır. Başlık ve altyazı eklemek, görsellerinizin arama motorlarında daha iyi sıralanmasına yardımcı olabilir ve sitenizin genel SEO performansını artırabilir.
- Kullanıcı Deneyimi: Görsellere başlık ve altyazı eklemek, ziyaretçilerin içerikle daha hızlı ve kolay bir şekilde etkileşime geçmesine yardımcı olur. Görselin içeriğini açıklayan başlıklar, ve altyazılar kullanıcıların ilgisini çekebilir ve onları daha fazla bilgi edinmeye teşvik edebilir.
- Erişilebilirlik: Görsellere başlık ve altyazı eklemek, ekran okuyucu kullanan ziyaretçiler için içerik erişimini iyileştirir. Bu, web sitenizin daha erişilebilir olmasını sağlar ve daha geniş bir kitleye hitap eder.
- Daha Profesyonel Görünüm: Başlıklı ve altyazılı görseller, sitenize daha düzenli ve profesyonel bir görünüm kazandırır. Bu, markanızın güvenilirliğini ve ciddiyetini artırabilir.
- İçerik Bağlamı: Görsel başlıkları ve altyazıları içeriğinizin bağlamını ve amacını daha iyi iletmenizi sağlar. Özellikle blog yazılarında veya haber makalelerinde, görsellerin neyi temsil ettiğini anlamak okuyucular için faydalı olabilir.
Bu nedenlerden dolayı, WordPress’te öne çıkarılan görsellere başlık ve altyazı eklemek, web sitenizin performansını ve kullanıcı memnuniyetini artırmak için basit ama etkili yöntemdir.
WordPress’te Öne Çıkan Görsellere Başlık Ekleme
WordPress’te öne çıkan görsellere başlık eklemek, görsellerinizin içeriği hakkında daha fazla bilgi sunarak hem kullanıcı deneyimini iyileştirir hem de SEO açısından fayda sağlar. Aşağıda, WordPress’te öne çıkan görsellere başlık eklemek için izleyebileceğiniz adımlar yer almaktadır:
1. Medya Kütüphanesine Görsel Yükleme
Öne çıkan görsel olarak kullanmak istediğiniz görseli medya kütüphanenize yükleyin.
- WordPress kontrol panelinde “Medya” > “Yeni Ekle” seçeneğini seçin.
- Bilgisayarınızdan görseli seçin ve yükleyin.
2. Görsele Başlık Ekleme
Medya kütüphanesinde yüklediğiniz görsele başlık eklemek için:
- Medya kütüphanesinde ilgili görseli bulun ve üzerine tıklayın.
- Görsel detaylarının açıldığı ekranda “Başlık” (Title) bölümüne istediğiniz metni girin.
- “Güncelle” butonuna tıklayarak değişiklikleri kaydedin.
3. Öne Çıkan Görseli Seçme
Görseli başlığıyla birlikte öne çıkan görsel olarak belirlemek için:
- Yazı veya sayfa düzenleyicisine gidin ve sağ sütunda yer alan “Öne Çıkan Görsel” bölümüne tıklayın.
- Medya kütüphanenizden başlık eklediğiniz görseli seçin ve “Öne Çıkan Görsel Olarak Belirle” butonuna tıklayın.
4. Başlığın Görüntülenmesini Sağlama
Öne çıkan görselin başlığının görünmesi için tema dosyalarınızda bazı düzenlemeler yapmanız gerekebilir. Bunun için aşağıdaki adımları izleyin:
a. Temanızın functions.php Dosyasını Düzenleme
- WordPress kontrol panelinde “Görünüm” > “Tema Düzenleyici”ye tıklayın.
- Sağ menüden
functions.php
dosyasını bulun ve aşağıdaki kodu ekleyin:
//php//
function my_custom_featured_image_title($html, $post_id, $post_image_id) {
$attachment = get_post($post_image_id);
$title = $attachment->post_title;
if ($title) {
$html .= '<h2 class="featured-image-title">' . esc_html($title) . '</h2>';
}
return $html;
}
add_filter('post_thumbnail_html', 'my_custom_featured_image_title', 10, 3);
b. CSS ile Başlığı Stilize Etme
Başlığı stilize etmek için CSS eklemeniz gerekecek. “Görünüm” > “Özelleştir” > “Ek CSS” bölümüne aşağıdaki kodu ekleyin:
//css//
.featured-image-title {
text-align: center;
font-weight: bold;
font-size: 1.5em;
margin-top: 10px;
color: #333;
}
Bu adımları izleyerek, WordPress’te öne çıkan görsellere başlık ekleyebilir ve bu başlıkların kullanıcılar tarafından görüntülenmesini sağlayabilirsiniz. Bu, görsellerinizin daha açıklayıcı olmasını ve sitenizin daha profesyonel görünmesini sağlayacaktır.
WordPress’te Öne Çıkan Görsellere Altyazı Ekleme
WordPress’te öne çıkan görsellere altyazı eklemek, görsellerinizin daha fazla bilgi sunmasını ve kullanıcı etkileşimini artırmasını sağlar. İşte WordPress’te öne çıkan görsellere altyazı eklemek için izleyebileceğiniz adımlar:
1. Medya Kütüphanesine Görsel Yükleme
Öne çıkan görsel olarak kullanmak istediğiniz görseli önce medya kütüphanenize yüklemeniz gerekiyor.
- WordPress kontrol panelinde “Medya”ya tıklayın ve “Yeni Ekle” seçeneğini seçin.
- Bilgisayarınızdan görseli seçin ve yükleyin.
2. Görsele Altyazı Ekleme
Medya kütüphanesinde yüklediğiniz görsele altyazı eklemek için:
- Medya kütüphanesinde ilgili görseli bulun ve üzerine tıklayın.
- Görsel detaylarının açıldığı ekranda “Altyazı” (Caption) bölümüne istediğiniz metni girin.
- “Güncelle” butonuna tıklayarak değişiklikleri kaydedin.
3. Öne Çıkan Görseli Seçme
Görseli altyazısıyla birlikte öne çıkan görsel olarak belirlemek için:
- Yazı veya sayfa düzenleyicisine gidin ve sağ sütunda yer alan “Öne Çıkan Görsel” bölümüne tıklayın.
- Medya kütüphanenizden altyazı eklediğiniz görseli seçin ve “Öne Çıkan Görsel Olarak Belirle” butonuna tıklayın.
4. Altyazının Görüntülenmesini Sağlama
Altyazının öne çıkan görselle birlikte görüntülenmesi için tema dosyalarınızda bazı düzenlemeler yapmanız gerekebilir. Bunun için aşağıdaki adımları izleyin:
a. Temanızın functions.php Dosyasını Düzenleme
- WordPress kontrol panelinde “Görünüm” > “Tema Düzenleyici”ye tıklayın.
- Sağ menüden
functions.php
dosyasını bulun ve aşağıdaki kodu ekleyin:
//php//
function my_custom_featured_image_caption($html, $post_id, $post_image_id) {
$attachment = get_post($post_image_id);
$caption = $attachment->post_excerpt;
if ($caption) {
$html .= '<p class="featured-image-caption">' . $caption . '</p>';
}
return $html;
}
add_filter('post_thumbnail_html', 'my_custom_featured_image_caption', 10, 3);
b. CSS ile Altyazıyı Stilize Etme
- Aynı zamanda, altyazıyı stilize etmek için CSS eklemeniz gerekecek. “Görünüm” > “Özelleştir” > “Ek CSS” bölümüne aşağıdaki kodu ekleyin:
//css//
.featured-image-caption {
text-align: center;
font-style: italic;
color: #666;
margin-top: 10px;
}
Bu adımları izleyerek, WordPress’te öne çıkan görsellere altyazı ekleyebilir ve bu altyazıların kullanıcılar tarafından görüntülenmesini sağlayabilirsiniz. Bu sayede görselleriniz daha açıklayıcı ve kullanıcı dostu hale gelecektir.