WordPress’de Tüm Resimlere Otomatik Alt Etiketi ve Title Ekleme
Arama motoru optimizasyonu (SEO) için bazı önemli noktalar var ve bu noktaları atladığımızda sitemizin arama motorları ile olan bağını azaltmış oluyoruz. Yani arama motorlarını tavlamak için; sitemizin açılış hızına, url yapısına, robots.txt dosyasına, site haritasına, içeriğinin özgün olmasına, başlıkların içerikle uyumlu olmasına ve sitemizde gerekli yerlerde meta, keyword, description, alt, title etiketlerinin olmasına (dahasıda var ama..) özen gösteriyoruz.. Konumuzla bağlantılı kısımda dikkat ettiğimiz noktalardan ikisi; resimlerde kullandığımız alt ve title’lar oluyor.
WordPress scriptlerinde her daim site haritasına bu eklentiyi, resimlere otomatik alt ve title içinde bu eklentiyi kullanırdım. Kullanırdım diyorum çünkü “seo friendly images” eklentisi ile aram bozuldu. Eklenti ile tekrar barışana kadar elimde güzel bir alternatif olması için araştırmalara başladım. Sonuç olarak, onun kadar iyisini bulamadım ve alt, title işini kodlar ile halletmeye karar verdim. (Karar verdim ama işin altından kalkmamda kolay olmadı..)
Bu kod ne İşe yarıyor?
Aşağıdaki kod, konularınızdaki tüm resimlere alt, title etiketlerini ekliyor ve etiketlerin içerisinde mevcut konu başlığı yer alıyor. (İstenirse konu başlığı yerine resim ismi de gösterilebilir fakat uğraşamadım.) Kodu aynen alıyor, temanızın functions.php dosyasında uygun yere ekliyor ve konu kaynak kodundan son duruma bakıyorsunuz. Resimlerde alt ve title görünüyorsa bu iş tamamdır.
Kodumuz;
|
1 2 3 4 5 6 7 8 9 10 11 |
///////////////////////////////////////////////////////////// // Lordiz - Resimlere otomatik alt-title ///////////////////////////////////////////////////////////// function add_image_alt($content) { global $post; $pattern ="/<img(.*?)alt=\"(.*?)\"(.*?)>/i"; $replacement = '<img$1alt="$2 '.$post->post_title.'" title="'.$post->post_title.'"$3>'; $content = preg_replace($pattern, $replacement, $content); return $content; } add_filter('the_content', 'add_image_alt'); |
Sonuç;
|
1 |
<img alt="konu başlığı" title="konu başlığı" src="resim url'si" /> |
Dikkat Etmeniz Gereken Noktalar;
1. Eğer eski yazılarda resimleri eklerken el ile alt eklediyseniz; kaynakta hem eklediğiniz etiket hemde konu başlığı görünecektir. Bunu istemiyorsanız kod içerisindeki $2 karakterlerini kaldırın. Ama hem eklediklerim hemde konu başlığı görünsün diyorsanız aynen kullanın.
2. Eğer yazılardaki resimlere önceden el ile title eklediyseniz kod içerisindeki title=”‘.$post->post_title.’” kısmını kaldırın. Yoksa resimlerin kaynağında iki farklı title etiketi görünür.
3. Eğer konu içindeki herhangi bir resimde alt ve title olmasın istiyorsanız yazı editöründe o resmin kaynağına bakıp alt=”” etiketini kaldırmanız yeterli. Sonrasında yazıyı kaydederseniz sadece o resimde alt ve title görünmez. Tekrar görünmesi içinde alt=”” etiketini geri eklemeniz yeterli.
Diğer içeriklerimize de göz atmanızı tavsiye ederiz.
