تحسين الصور بالنسبة لعناكب البحت والسيو تلقائيا

السلام عليكم ورحمة الله تعالى وبركاته زوار مدونة فهرنهايت التقنية

موضوعنا اليوم عن كيفية تحسين عنوان ووصف الصور لمحركات البحث وبدلك ستتم فهرسة الصور  دون الحاجة الى استخدام هدا الكود

<img alt="description of the image" height="125" scr="/image.png" width="125" />

ولكن لما ينبغي تحسين الصور للسيو؟؟!! 

بكل بساطة لان الصور تمثل اكثر من 35% بالمئة من المحتوى والتي يمكن استخدامها للحصول على حركة مرور عبر محركات البحث لان اغلب مستخدمي الانترنت يحبون التصفح عبر الصور

ولتثببيت الكود
ابحث عن </body>واضف الكود التالي فوقه [قبله]

<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>

الي هنا لقد انتهى الشرح واي استفسار يرجى وضعه في تعليق