اضافة وصف صور مواضيع مدونتك مهم جدا للسيو ان كنت ترغب في ظهور مدونتك في محركات البحث عليك التركيز على سيو أفضل يسمح لك التنافس مع المواقع الاخرى وترتيب أفضل من غيرها في محركات البحث.
يوفر لنا بلوجر اضافة وصف الصور و عنوان الصور بشكل افتراضي و الكثير يتجاهلها لانه حقا لإضافة هذه العلامات يدويا إلى كل صورة ياخذ المزيد من الوقت و مع هذا الكود البرمجي الذي ساضعه لك ستحتاج فقط تسمية الصورة قبل رفعها الى تدويناتك الكود يعمل على تحميل وصف الصورة و اضافته تلقائيا لوصف و عنوان الصورة Alt ; Title tags.
كيف يعمل هذا يعمل هذا الكود البرمجي ؟ :
ببساطة يأخذ اسم الصورة ويستخدمها كعنوان وعلامة alt لتلك الصورة بالذات.
لذلك عليك استخدام هذا الكود بعناية، لتسمية صور مشاركاتك بشكل صحيح
طريقة اضافة كود وصف وعنوان alt داخل المدونة
اولا قم بالدخول الى إلى لوحة تحكم بلوجر.
قم باختيار المظهر ثم قم بفتحه Edit HTML
داخل القالب قم بالبحث عن علامة </body> (استخدم Ctrl + F للبحث السريع)
لا تنسى حفظ نسخة من قالبك
الخطوة التالية قم بنسخ هذا الكود
و قم بوضع مباشرة اسفل علامة </body>
قم بحفظ القالب
انتهينا ! أضفنا بنجاح الكود البرمجي الذي يساعدنا في تحسين صور مدونتنا في محركات البحث وبالتأكيد زيادة الزيارات من خلال البحث عن صور . الآن تحقق من الصور عن طريق الماوس قم بتمريرها فوق الصور و تاكد من عملها .
 |
| كود اضافة وصف وعناوين الصور تلقائيا |
يوفر لنا بلوجر اضافة وصف الصور و عنوان الصور بشكل افتراضي و الكثير يتجاهلها لانه حقا لإضافة هذه العلامات يدويا إلى كل صورة ياخذ المزيد من الوقت و مع هذا الكود البرمجي الذي ساضعه لك ستحتاج فقط تسمية الصورة قبل رفعها الى تدويناتك الكود يعمل على تحميل وصف الصورة و اضافته تلقائيا لوصف و عنوان الصورة Alt ; Title tags.
كيف يعمل هذا يعمل هذا الكود البرمجي ؟ :
ببساطة يأخذ اسم الصورة ويستخدمها كعنوان وعلامة alt لتلك الصورة بالذات.
لذلك عليك استخدام هذا الكود بعناية، لتسمية صور مشاركاتك بشكل صحيح
طريقة اضافة كود وصف وعنوان alt داخل المدونة
اولا قم بالدخول الى إلى لوحة تحكم بلوجر.
قم باختيار المظهر ثم قم بفتحه Edit HTML
داخل القالب قم بالبحث عن علامة </body> (استخدم Ctrl + F للبحث السريع)
لا تنسى حفظ نسخة من قالبك
الخطوة التالية قم بنسخ هذا الكود
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.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('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))); }); });//]]> </script>
 |
| اضافة وصف وعنوان الصور في بلوجر بشكل اتوماتيكي |
و قم بوضع مباشرة اسفل علامة </body>
قم بحفظ القالب
انتهينا ! أضفنا بنجاح الكود البرمجي الذي يساعدنا في تحسين صور مدونتنا في محركات البحث وبالتأكيد زيادة الزيارات من خلال البحث عن صور . الآن تحقق من الصور عن طريق الماوس قم بتمريرها فوق الصور و تاكد من عملها .
تعليقك يشجعنا على وضع المزيد من الشروحات الحصرية