في الدرس الاول من سلسلة دروس سيو تعرفنا على كيفية فحص الموقع و تحسينه لمحركات البحث و سيو اليوم سوف نتعرف على كيفية تحسين عنوان و وصف الصورة في محركات البحث و يتم ذلك بحيث يتم فهرسة الصور على صفحات المدونة الخاصة بك تلقائيا عن طريق محركات البحث مثل جوجل بدلا من اضافة هذا الكود يدويا
<img alt="description of the image" height="125" scr="/image.png" width="125" />
عندما تنشر الصورة مع هذه الطريقة سوف يكون لكل صورة نفس وصف و عنوان الموضوع
<img alt="description of the image" height="125" scr="/image.png" width="125" />
عندما تنشر الصورة مع هذه الطريقة سوف يكون لكل صورة نفس وصف و عنوان الموضوع
لماذا يجب تحسين الصور تلقائيا إلى سيو ؟
لأن الصور على صفحة المدونة تعتبر 30% تقريبا من المحتوى والتي يمكن استخدامها لزيادة حركة المرور على محركات البحث لأن معظم مستخدمي الإنترنت من المرجح جدا انهم يقومون بتصفح الصور عبر الإنترنت.
وإليك كيفية تثبيت كود SEO التلقائي على الصور
ابحث عن الوسم </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>
الان كل صورة على المدونة سوف تكون محسنة بالنسبة لسيو تلقائيا انتظرونا في الدرس الثالث من سلسلة دروس سيو
يمكنك ايضا مشاهدة : افحص موقعك و اعرف مدى توافقه مع سيو
بالتوفيق
No comments:
Post a Comment