‏إظهار الرسائل ذات التسميات تصميم مواقع. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات تصميم مواقع. إظهار كافة الرسائل

طريقة إضافة سمة Alt لصور في بلوجر

تعليفات
طريقة إضافة سمة alt لبلوجر

تعتبر الأرشفة بمحركات بحث شيء أساسيا لجميع مواقع لأنها عامل أول لجلب زوار لموقع من محركات بحث, ولكن هناك أكثر من طريقة لزيادة ترتيبك في نتائج البحث, ومن هذه الطرق التي يغفل أو يهملها مشرفوا مواقع هي تهيئة الصور موقع لأرشفة بنتائج بحث متعلقة بالصور مثل Google image و غيره, لدى في هذه التدوينة سنتحدث عن طريقة تهيئة الصور لمحركات بحث بنسبة لمنصة بلوجر بشكل خاص و صفحات الويب بشكل عام,


ما هي سمة ALT؟ 

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


كيف تضيف خاصية ALT لصور في بلوجر؟

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

طريقة إضافة سمة alt لبلوجر

اختر الخصائص من على شريط ازرق ثم أكتب العنوان و النص بديل لصورة في نافذة منبثقة التي ستظهر لك. و يفضل أن يكون مكونا من خمس كلمات كما بمثال. و بعد أنتهاء من كتابة أنقر على موافق.


طريقة إضافة سمة alt لبلوجر

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



<img src="Your-image-here.png" alt="Your-image-alt-here"></img>


نصائح لكتابة سمة Alt بشكل صحيح:

1.كن موجزاً: أجعل نص بديل Alt قصيرا لإن بعض متصفحات لن تقرأه بشكل صحيح لو كان طويلاً جداً.
2. الحفاظ على وجهة نظرك واضحة: تأكد من نص بديل خاص بك يفهم جيدا، وليس مربكا. بعض الأشخاص مع سرعات الإنترنت منخفضة سيعرض لهم نص بدل صور. لدى أجعل الوصف بسيطة قدر مستطاع.
3. لا تجعله لأجل محركات البحث فقط: عديد من أشخاص يجعلون وصف الصورة مليء بكلمات مفتاحية. وويندمون عندما يعاقبون. لدى أجعله بسيطة قدر إمكان.

 ملاحظة: هذه الشرح يعمل مع غالبية المحركات البحث مثل Google, Bing, Yahoo الخ. و في النهاية أمول أن هذا الشرح سيساعدكم لتهيئة مواقعكم لمحركات بشكل أفضل. وإعطائكم ترتيب أعلى في النتائج البحث.
إقرأ المزيد.. bloggeradsenseo

ما هي Html

تعليفات
هل تسائلت ذات يوم كيف صممت هذه المواقع التي تتصفحها؟ و هل
 فكرت بتصميم صقحة الويب خاصة بك؟ إن شاء الله ستكون هذه التدوينة مدخلك للغة Html وسنوجيب عن كل هذه أسئلة بطريقة س/ج مع درس صغير سننشيء من خلاله الصفحة الويب الأولى لك




1- ما هي ال Html؟


Html هي إختصار ل (HyperText Markup Language) أي لغة رقم النص الفائق, هي لغة توصيف وتنظيم وتنصيق نص لجعله أكثر وضوحا لمشاهدين عبر المتصفح, وتعتبر هذه اللغة من أقدم وأكثر لغات تصميم الويب توسعا كما أنها أساس لإنشاء صفحات الويب, ويمثل كود الHtml أوامر لمتصفح لعرض نص بشكل ملائم وتستخدم ملفات ال Html إمتداد .html أو .htm لتتعرف عليها المتصفحات,


1- كيف تعمل Html؟


تستخم ال Html ما يسمى ال"Tags" أو الوسوم  لعرض محتوى مثلا كعنوان رئيسي, فقرة, رابط, صورة الخ ولكل وسم فتح وإغلاق أو بداية ونهاية كمثال تالي,


ويقوم المتصفح بدور  مترجم لأكواد وعرضها لمستخدم شاهد مثال تالي,

ملحوظة: Html ليست لغة برمجة بل لغة توصيف وهي لغة ثابتة فلا يمكنك أن تنشيء متغيرات ودوال بها ولهذا تدمج بلغة برمجة الويب مثل Php لإنشاء مواقع ديناميكية

1- ماذا أحتاج لأصمم صفحة Html الأولى لي؟

أنت ليس بحاجة لبرامج خاصة لأجل إنشاء مستندات Html! كل ما تحتاج إليه هو برنامج لتحرير النصوص مثل برنامج Notepad الموجود بويندوز Windows أو برنامج Notepad++ الأكثر إحترافية ويمكن تحميله من هنا أو برنامج TextWrangler لحواسب Mac ويمكن تحميله من هنا.

حسنا دعنا نبدء بإنشاء صفحتكك الأولى. أفتح محررك و دعنا نكويد قليلا!

بعد فتحك لمحرر قم بأختيار Language ثم H وبعدها أختر Html كما بصورة تالية



وبعدها قم بكتابة كود كما بصورة تالية


وبعد كتابتك لكود قم بحفظه و سيضهر المستند على شكل أيقونة المتصفح الرئيسي في حاسبك وفي حالتي هو Google Chrome
أنقر على أيقونة وأستمتع بمشاهدة صفحة الويب الأولى لك  :)




النتيجة هي صفحة ويب بسيطة مكتوبة عليها كلمة Hello World أهلا بعالم! هذا درس بسيط و هو لتعريف بلغة فقط, يمكنك بحث بإنترنت لتترف على Html أكثر 


وبنهاية أتمنى أنكم أستفدتم من هذه التدوينة وإلى تدوينة مقبلة إنشاء الله

إقرأ المزيد.. bloggeradsenseo