Blogger Resimlere Otomatik Alt Etiket ve Title Ekleme

Merhaba WeBlogizm Takipçileri,

Sizler için büyük bir sorun aynı zamanda giderildiği zaman çok işinize yarayacak olan "Resimlere otomatik alt etiket ve title ekleme" kodunu tanıtıp, inceleyip, sunacağız. Kodumuz resimlere otomatik alt etiket ve title eklememize yardım edecek bir kod. İşlemleri otomatik olarak yapacaktır. Sitenizde her resme otomatik olarak alt etiket ve title ekleyecektir. Alt etiket ne derseniz veya alt etiket ekleyip ne olacak derseniz size kısaca açıklayalım;

Google resimleri indexlemez onları sadece alt etiket ve başlıklarını indexler. Görsel aramalarda gördüğünüz resimler yazı olarak indexlenmiştir aslında. Siz resmin altına blogger yazarsanız blogger yazınca aramalarda resminiz gözükür. İşte bu kod sizin resminizi doğru kategoride göstermek için ideal olacaktır.

SEO açısından da gerçekten gerekli olan bir işlemdir.

Resimlere Otomatik Etiket ve Title Kodunu Sitemize Ekleyelim

Blogger arayüzümüze girelim. Ardından "ŞABLON" sekmesine girelim ve "HTML'li Düzenle" butonuna tıklayarak açılan bölümde </body> kodunu CTRL ve F tuşlarına tıklayarak açılan arama bölümüne yazın ve aratın. Bulduğunuzda kodun üzerine aşağıdaki kodları ekleyin ve kaydedin. İşleminiz tamamlanmıştır.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
// Yukarıdaki jquery çağırıcı link sitenizde ekli iste o kodu eklemeyin.
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
 $('img').each(function(){
 var $img = $(this);
 var filename = $img.attr('src')
 $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));

 $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
 });
});
//]]>
</script>