U3F1ZWV6ZTQ3NDgzMDIyMjYwMzQxX0ZyZWUyOTk1NjM5NjMzOTcyMg==

تحسين الصور أكثر أهمية في تصدر محركات البحث و السيو

كيف تتصدر نتائج البحث بالصور والسيو

أصبح تحسين الصور أكثر أهمية في تحسين محركات البحث ( SEO ) لمواقع الويب. تعد السمة ALT خطوة حاسمة غالبًا ما يتم تجاهلها. قد تكون هذه فرصة ضائعة لترتيب أفضل.

في إرشادات مشرفي المواقع من Google ، ينصحون باستخدام نص بديل للصور على موقع الويب الخاص بك:

صور: .

 استخدم السمة alt لتقديم نص وصفي. بالإضافة إلى ذلك ، نوصي باستخدام تسمية توضيحية يمكن للمستخدم قراءتها ونص وصفي حول الصورة.

لماذا يطلبون منا أن نفعل ذلك؟ الجواب بسيط حقا. محركات البحث لديها نفس المشكلة مثل المستخدمين المكفوفين. لا يمكنهم رؤية الصور.

يسيء العديد من مشرفي المواقع ومُحسِّني محرّكات البحث الذين يفتقرون إلى الخبرة أو غير الأخلاقيين استخدام هذه السمة ، محاولين حشوها بالكلمات الرئيسية ، على أمل تحقيق كثافة كلمات رئيسية معينة ، وهي ليست ذات صلة بالتصنيفات الآن كما كانت من قبل.

على العكس من ذلك ، يمكن أن تؤدي كثافة الكلمات الرئيسية العالية ، في بعض محركات البحث ، إلى تشغيل فلاتر للرسائل غير المرغوب فيها ، مما قد يؤدي إلى عقوبة لترتيب موقعك. حتى بدون هذه العقوبة ، فإن تصنيفات موقعك لن تستفيد من هذا التكتيك.

تضع هذه الطريقة أيضًا الأشخاص الذين يستخدمون قارئات الشاشة في وضع غير مؤاتٍ. قارئات الشاشة هي أدوات قائمة على البرامج تقرأ بالفعل محتويات ما يتم عرضه على الشاشة بصوت عالٍ. أثناء تصفح الويب ، تتم قراءة سمات alt للصور بصوت عالٍ أيضًا.

تخيل الاستماع إلى فقرة من النص تليها تكرار العديد من الكلمات الرئيسية. ستكون الصفحة بعيدة كل البعد عن الوصول إليها ، وبصراحة ، ستجد أنها مزعجة للغاية.

ما هي سمة Alt بالضبط؟

و ALT لا ينبغي أن تستخدم السمة وصفا أو تسمية للصورة، على الرغم من العديد من الناس استخدامها بهذه الطريقة. على الرغم من أنه قد يبدو من الطبيعي افتراض أن النص البديل هو تسمية أو وصف ، فإنه ليس كذلك!

يجب أن تكون الكلمات المستخدمة في سمة alt الخاصة بالصورة مكافئة للنص وأن تنقل نفس المعلومات أو تخدم نفس الغرض الذي ستفعله الصورة.

الهدف هو توفير نفس المعلومات الوظيفية التي قد يراها المستخدم المرئي. يجب أن يعمل نص سمة alt كـ "ستاند إن" في حالة عدم توفر الصورة نفسها. اطرح على نفسك هذا السؤال: إذا كنت ستستبدل الصورة بالنص ، فهل سيحصل معظم المستخدمين على نفس المعلومات الأساسية ، وهل ستولد نفس الاستجابة؟

بعض الأمثلة:


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

أضف دائمًا سمات بديلة للصور. Alt إلزامي لإمكانية الوصول ولـ XHTML صالح .
بالنسبة للصور التي تلعب دورًا زخرفيًا فقط في الصفحة ، استخدم بديل فارغ (أي alt = "") أو صورة خلفية CSS بحيث لا تزعج متصفحات القراءة المستخدمين من خلال نطق أشياء مثل "spacer image".
تذكر أن هذه هي وظيفة الصورة التي نحاول توصيلها. على سبيل المثال؛ يجب ألا تتضمن أي صور للأزرار كلمة "زر" في النص البديل. يجب عليهم التأكيد على الإجراء الذي يقوم به الزر.
يجب تحديد النص البديل حسب السياق. قد تحتاج الصورة نفسها في سياق مختلف إلى نص بديل مختلف تمامًا.
حاول تدفق النص البديل مع بقية النص لأنه بهذه الطريقة سيتم قراءته باستخدام التقنيات التكيفية مثل قارئات الشاشة. يجب ألا يدرك أي شخص يستمع إلى صفحتك وجود صورة بيانية.
يرجى مراعاة أن استخدام سمة بديلة لكل صورة مطلوب لتلبية الحد الأدنى من متطلبات WAI ، والتي يتم استخدامها كمعيار لقوانين إمكانية الوصول في المملكة المتحدة وبقية أوروبا. كما أنهم مطالبون بتلبية متطلبات "القسم 508" في الولايات المتحدة.

من المفيد تصنيف المحتوى غير النصي إلى ثلاثة مستويات:


موقعك جذاب
مظهر جمالي
المحتوى الموقع

I. موقعك جذاب

Eye-Candy هي أشياء لا تخدم أي غرض سوى جعل الموقع جذابًا / جذابًا و (في كثير من الحالات) ترضي أقسام التسويق. لا توجد قيمة محتوى (على الرغم من أنه قد تكون هناك قيمة للمستخدم المبصر).

لا تبدئي أبدًا حلوى العين إلا إذا كان هناك شيء سيعزز قابلية استخدام الموقع لشخص يستخدم وكيل مستخدم غير مرئي. استخدم سمة alt فارغة أو صور الخلفية في CSS للحلوى.

II. مظهر جمالي

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

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

على سبيل المثال؛ النص البديل المطابق للنص المجاور غير ضروري ، ومزعج لمستخدمي قارئ الشاشة. أوصي بـ alt = "" أو صور CSS للخلفية في مثل هذه الحالات. ولكن في بعض الأحيان ، من المهم توفير هذا المحتوى لجميع المستخدمين.

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

ثالثًا. المحتوى الموقع

هذا هو المكان الذي تكون فيه الصورة هي المحتوى الفعلي. المحتوى البديل دائمًا والصور الوظيفية. قد تكون سمات العنوان والوصف الطويل بالترتيب,السيو.

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

كل رسم له سبب لوجوده في هذه الصفحة: لأنه إما يعزز الموضوع / الحالة المزاجية / الجو أو أنه مهم لما تحاول الصفحة شرحه. إن معرفة الغرض من الصورة يجعل كتابة النص البديل أسهل. وممارسة كتابتها تساعد بالتأكيد.

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

إلى جانب السمة alt لديك المزيد من الأدوات تحت تصرفك للصور.

أولاً ، في درجة الوصف ، يكون العنوان بين alt و longdesc. يضيف معلومات مفيدة ويمكن أن يضيف نكهة. يتم تقديم سمة العنوان بشكل اختياري بواسطة وكيل المستخدم. تذكر أنها غير مرئية ولا تظهر على أنها "تلميح" عند تلقي التركيز عبر لوحة المفاتيح. (الكثير لاستقلالية الجهاز). لذا استخدم سمة العنوان فقط للحصول على معلومات استشارية'الربح من الانترنت.

ثانيًا ، تشير السمة longdesc إلى عنوان URL لوصف كامل للصورة. إذا كانت المعلومات الواردة في الصورة مهمة بالنسبة لمعنى الصفحة (أي سيتم فقد بعض المحتوى المهم إذا تمت إزالة الصورة) ، فيجب استخدام وصف أطول من السمة "alt" بشكل معقول. يمكن أن يوفر توثيقًا ثريًا ومعبّرًا لصورة مرئية.

يجب استخدامه عندما يكون البديل والعنوان غير كافيين لتجسيد الصفات البصرية للصورة. كما يقول كلارك [1] ، "المنظر الطويل هو وصف طويل للصورة ... والهدف هو استخدام أي طول من الوصف الضروري لنقل تفاصيل الرسم.

لن يكون من الخطأ أن نأمل في أن يصف الوصف الطويل صورة - الصورة - في عين العقل ، وهو تشبيه ينطبق حتى على المكفوفين تمامًا ".

على الرغم من أن سمة alt إلزامية لإمكانية الوصول إلى الويب ولغة HTML (X) صالحة ، لا تحتاج جميع الصور إلى نص بديل أو أوصاف طويلة أو عناوين.

في كثير من الحالات ، من الأفضل أن تذهب فقط مع غريزتك المعوية - إذا لم يكن من الضروري تضمينها ، وإذا لم يكن لديك رغبة قوية للقيام بذلك ، فلا تضيف هذا الطول الطويل.

ومع ذلك ، إذا كان من الضروري أن تعمل الصفحة بأكملها ، فعليك إضافة النص البديل (أو العنوان أو longdesc).

ما هو ضروري وما لا يعتمد كثيرًا على وظيفة صورتك وسياقها على الصفحة.

قد تتطلب الصورة نفسها نصًا بديلًا (أو عنوانًا أو مسافة طويلة) في مكان واحد ، ولكن ليس في مكان آخر. إذا لم توفر الصورة مطلقًا أي محتوى أو معلومات وظيفية alt = "" أو صور CSS للخلفية قد تكون مناسبة للاستخدام. ولكن إذا كانت الصورة توفر محتوى أو تضيف معلومات وظيفية ، فسيكون هناك حاجة إلى بديل ، وربما يكون هناك وصف طويل بالترتيب. في كثير من الحالات يكون هذا النوع من الأشياء بمثابة دعوة للحكم.

فيما يلي خطوات رئيسية لتحسين الصور:


اختر اسم ملف منطقي يعزز الكلمات الأساسية. يمكنك استخدام الواصلات في اسم الملف لعزل الكلمة الرئيسية ، ولكن تجنب تجاوز الواصلين. تجنب استخدام الشرطات السفلية كفاصل كلمات ، على سبيل المثال "brilliant-diamonds.jpg" ؛
قم بتسمية امتداد الملف. على سبيل المثال ، إذا شاهد محرك بحث الصور امتداد ملف ".jpg" (JPEG) ، فسيفترض أن الملف عبارة عن صورة ، وإذا كان يرى امتداد ملف ".gif" (GIF) ، فسيفترض أنه رسم.
تأكد من أن النص بالقرب من الصورة ذات الصلة بتلك الصورة تتصدر سيو.
مرة أخرى ، لا تضيع فرصة كبيرة لمساعدة موقعك مع صورك في محركات البحث. استخدم هذه الخطوات لترتيب أفضل على جميع المحركات وجذب المزيد من الحركة إلى موقعك اليوم.

مصادر

تعليمات بحث الصور من Google:
https://www.google.com/help/faq_images.html .

المراجع ذات الصلة:
https://www.d.umn.edu/itss/training/online/webdesign/accessibility.html .

الحاشية السفلية:
[1] https://joeclark.org/book/sashay/serialization/Chapter06.html
تعليقات
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

الاسمبريد إلكترونيرسالة