الأحد, أكتوبر 02, 2011

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

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

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

والآن نأتى للجزء العملى من الموضوع وهو كيفية تطبيق وإضافة الكود :

أولا : عليك بفتح تحرير 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>
وأخيرا قم بحفظ القالب وإستمتع بصورك فى محركات البحث بالوصف والكلمات المفتاحيه المناسبه والصحيحه.
من فضلك اضغظ لايك لمشاهدة لينك التحميل

25 تَعْلِيق:

  1. لكن ماهي آلية عمل هذا الكود، أو بمعنى آخر هل يقوم بتحليل الصور أم يقوم بالاعتماد على محتوى المدونة؟؟

    ردحذف
  2. هو مفيد جدا اذاكان يعمل بهذا الشكل ، جزاك الله خيراً

    ردحذف
  3. مشكور جدا إضافه مطلوبه
    لا تحرمنا من جديدك






    مدونة غرائب

    ردحذف
  4. adjmaoui : الكود يعتمد على محتوى المدونه والتدوينه التى توجد بها الصوره

    ردحذف
  5. جزاك الله كل خير. سأجربه الآن..

    ردحذف
  6. اضافة رائعة وجميلة جدا بالتوافيق ديما يارب

    اتمنى اخ ياسو الدخول الى مدوانتى و تقوالى رايك بصراحة وتنصحنى بايه طبعا شرف كبير لينا دخولك على مدوانتى وشكرا وبالتوفيق .

    http://furniture7shopping.blogspot.com/

    ردحذف
    الردود
    1. فى البداية اشكر اخى الكريم صاحب الموضوع على هذه الاضافة الرائعة .

      فى الحقيقة يا محمد عزت مدونتك رائعة ولو ممكن التواصل وانا الى اتمنى منك ومن ياسو الدخول الى مدوانتى و تقوالى رايكم بصراحة وتنصحنى باهم الاضافات شرف كبير لينا دخولك على مدوانتى وشكرا وبالتوفيق .

      حذف
  7. الله يجزيك الخير

    عاشقة العلم

    ردحذف
  8. السلام عليكم
    جزاك الله خيرا أخى الحبيب
    ولكن لى استفسار
    هل يوضع الكود قبل البودى
    أم بداخله قبل إغلاقه
    ولك جزيل الشكر

    ردحذف
  9. abo abdalrahman : يوضع بداخله قبل إغلاقه .. الشكر لله وحده

    ردحذف
    الردود
    1. صديقى العزيز ياسو
      بجد انت انسان رائع وثلث فى شرحك وانا اشكرك كثيرا لانى استفدت ولكن يرجى توضيح تلك المساله بصوره اوضح هل يتم حذف كلمه BODY داخل الاقواس وادخال الكود مكانها مباشره كما هو دون تغيير خاصه ان سوف يصبح هناك 2 علامه تبويب ام يتم لصق الكود المراد قبل كودBODY/> مباشره

      حذف
  10. الصراحه انا لم اجد مدونه شرح مبسط وجميل شكرا ليك

    ردحذف
  11. شكرا لك إضافة رائعة

    ردحذف
  12. بارك الله فيك أخي ياســو وتم تطبيق الكود في مدونتي وشكراً اليك
    http://talm-bermjh.blogspot.com/

    ردحذف
  13. مدونة رائعة شكرا لك
    http://pichd.blogspot.com/

    ردحذف
  14. تمت الاضافة و جزاك الله خيرا و اتمني منك زيارة مدونتي و اعطائي رايك و ماذا تحتاج
    tetaozzy.blogspot.com

    ردحذف
  15. شكرا لك أخي ^_^

    ردحذف

  16. يعطيك الف عافية اخي

    تفضلو بزيارة مدونة كورة نت

    http://koranet.blogspot.com

    ردحذف
  17. شكرأ على هذا الموضوع

    مدونة i7SAN Tech حلول هاردوير وسوفت وير
    http://i7santech.blogspot.com/

    ردحذف