Otomatik SEO Görüntü Optimizasyonu Yöntemi

Otomatik SEO Görüntü Optimizasyonu Yöntemi. Blog yazılarımız içerisinde görsel öğelere yer vermek olmazsa olmazımızdır biliyorum. Ancak eklediğimiz görselleri google gibi arama motorları görsün dizinine eklesin diye onlara başlık metni, alternatif metin, en-boy ölçüleri falan vermemiz gerekir. Bu işlemler arama motorları tarafından şu şekilde okunur: 
<img alt="resmin açıklaması" height="125" scr="/image.png" width="125"/>
Sizin resminizin bir adı açıklaması, yüksekliği (height), eni (width) olmadığını düşünün, arama motorları nasıl anlamlandırsın ki bu nedir diye? Bu yüzden resimlerinize optimizasyon şart. 

Bazen bunları manuel yapmak sıkıcı ve zor geliyor. Bu yüzden otomatik görüntü optimizasyonu yöntemini anlatacağım.

Neden Otomatik SEO İçin Görüntü Optimizasyonu?

Bu uygulayacağımız görüntü optimizasyonunda sizin yazı başlığınızla görselinizin adı otomatikman aynı olacak bu da arama motorları tarafından konuyla alakalı resminizi ön plana çıkaracak ve böylece görsellerden de sitenize ziyaretçi çekmiş olacaksınız.

Ziyaretçi çekmenin yanında zaten görüntü optimizasyonu SEO için çok önemli bir kavramdır. Mutlaka her görselinizin bir adı ve boyutu olmalıdır. Şimdi bunu otomatikman siz uğraşmadan blog kendiliğiden yapacak. Nasıl Mı?

1. Öncelikle blogger panelimizden Şablon-HTML'yi Düzenle yolunu takip edip CTRL+F tuşlarına basarak </body> kodunu bulun.

2. Bulduğunuz bu kodun bir üst satırına aşağıdaki jawascript kodlarını kopyalayıp yapıştırın.

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<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('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script> 

3. Şablonu kaydedin.

Yazınıza eklediğiniz her bir görüntü aynı yazıyla alakalı olarak otomatik isim ve etiket alacak. Böylelikle bloğunuzdaki görseller SEO dostu bir yapıya bürünerek arama motorları tarafından üst sıralara çıkmasına yardımcı olacak. Umarım yararlı olmuşumdur. Takip edin;unutmayın :)

Kaynak: http://blogbakkali.blogspot.com.tr/2015/07/blogger-otomatik-seo-goruntu-optimizasyonu.html

Paylaş Facebook

Paylaş Twitter

Paylaş Google+

Paylaş LinkedIn