دروس صوت وصورة

كنا قد أشرنا فى العديد من التدوينات السابقه عن أهمية الصور التى نرفقها بتدويناتنا ومدى فعاليتها فى جذب الزوار, فضلا عن أن صفحات مواقع الإنترنت التى تهتم بالتدوين تشير إلى ذلك فنحن نقول مرة أخرى أن الصور تجذب عدد لا بأس به من الزوار كما أنه من المهم والضرورى أن نضع لكل صوره وصف كى يجعلها متميزه به فى محركات البحث مثل جوجل.
الآن لن تتعب مرة أخرى فى إضافة عنوان أو وصف أو شرح أو كلمات مفتاحيه للصوره بنفسك ... بل ستحصل على ذلك أوتوماتيكيا بمجرد إضافة كود الجافا سكريبت هذا إلى كود مدونتك, وبكل سهوله ويسر كل ما عليك هو إضافة الصور لتدويناتك فقط ودع هذا الكود يعمل على إضافة العناوين والوسوم والكلمات المفتاحيه والوصف لهذه الصور.

كما أن من مميزات هذا الكود أيضا أنه يباشر عمله ليس على الصور الجديده فحسب بل وعلى الصور القديمه أيضا التى تم إضافتها قبل أن تعلم أنت بهذا الكود, فبمجرد إضافته يقوم بعمل كل هذه الخطوات وتطبيقها على جميع الصور الموجوده وما سوف يضاف منها لاحقا أيضا.
والآن نأتى للجزء العملى من الموضوع وهو كيفية تطبيق وإضافة الكود :
أولا : عليك بفتح تحرير HTML الخاص بقالب مدونتك ثم قم بتوسيع عناصر المستخدم كى يظهر لك كود المدونه كاملا.
ثانيا : قم بالبحث عن هذا الكود

</body>

ثم ضع قبله مباشرة هذا الكود

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<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>

وأخيرا قم بحفظ القالب وإستمتع بصورك فى محركات البحث بالوصف والكلمات المفتاحيه المناسبه والصحيحه. منقول للفائدة: من مدونة نضائح المدونين