كيف تضيف سمة ALT إلى صورة بشكل صحيح؟

جدول المحتويات:

كيف تضيف سمة ALT إلى صورة بشكل صحيح؟
كيف تضيف سمة ALT إلى صورة بشكل صحيح؟
Anonim

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

تحسين الكود

قم بتعيين سمة ALT
قم بتعيين سمة ALT

كما يمكنك التخمين ، كل حرف من هذا الرمز ، كل رمز له معنى. ومن المثير للاهتمام أيضًا أن الموقع قد لا يحتوي بصريًا على تلك العناصر المهمة للغاية لتحسينه (بمعنى الإعداد الصحيح للمورد لمحركات البحث). يمكن أن تُعزى سمة ALT إلى عدد هذه السمات التي يصعب ملاحظتها ، على سبيل المثال. إنه موجود على صفحات العديد من الموارد ، وفي كثير من الأحيان لا نلاحظه.

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

ما هي سمة ALT؟

لنبدأ من البداية: سنصف موضوع هذه المقالةالكلام ولماذا نحتاج هذه السمة أصلاً

سمة ALT
سمة ALT

alt="

لذا ، لفهم هذا النص ، تحتاج أولاً إلى فهم لغة ترميز HTML. هذا هو الكود الذي تتم كتابة صفحات الويب الأساسية عليه ، والذي ، كما لوحظ بالفعل ، له خاصية العرض في المتصفح. تتكون اللغة بأكملها من سمات خاصة (مثل IMG و ALT و FONT وما إلى ذلك). كل منهم مسؤول عن العمل مع عنصر تصميم أو آخر. من الناحية العملية ، تُستخدم سمة "الصورة"المذكورة أعلاه للصور التي يمكن العثور عليها في صفحات الموقع. وبشكل أكثر تحديدًا ، من خلال مساعدتها ، يتم إنشاء وصف للصور ، بحيث يمكن للمستخدم (زائر الموقع) فهم ما يظهر عليها بسهولة. من المؤكد أنك صادفت مثل هذه الأوصاف - تظهر عند تحريك الماوس فوق الصورة.

قيمة عملية

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

تفتقد جميع الصور المرئية إلى سمة ALT
تفتقد جميع الصور المرئية إلى سمة ALT

مكافآت من محركات البحث

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

كيف تكتب سمة ALT؟

من الناحية الفنية ، لا يوجد شيء صعب في ملء الوصف تحت هذه الصورة أو تلك. هذا واضح: عليك الذهاب إلى محرر HTML على موقعك والعثور على كود الصورة (يبدأ بـ IMG وينتهي بنفس الشيء). داخل هذه الكتلة من التعليمات البرمجية ، هناك رمز. هذا ما يقصدونه عندما يقولون إنك بحاجة إلى كتابة سمة ALT. يتم ذلك على النحو التالي: " alt="" description ".

إذا كنت لا تعمل باستخدام رمز خالص ، ولكنك تستخدم "محركًا" منفصلًا للموقع (على سبيل المثال ، Wordpress أو Joomla) ، فإنه يدمج آلية خاصة لإضافة " alts" يتم من خلالها تذكر موقعنا بواسطة محركات البحث. إذا قمت بملء ALT جديد ، فسيكون التحديث على صفحتك.

ماذا يكتبون في السمة؟

بالطبع ، عندما تكون لديك مهمة كتابة سمة ALT ، فأنت لا تفكر في التقنيةجانب. في أغلب الأحيان ، يُطرح هذا السؤال إذا كان مشرف الموقع لا يعرف المعلومات التي يحتاجها لتقديمها حول صورة معينة. هذا يجعل من الصعب تحديد المعلومات التي ستفيد الموقع من وجهة نظر محركات البحث.

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

سمة النص البديل مفقودة
سمة النص البديل مفقودة

المتطلبات

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

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

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

alt="

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

alt="

أخيرًا ، ضع في اعتبارك معلمات الصور نفسها التي تبحث عنها عن كيفية إضافة سمة ALT إليها. بالنسبة للصور ، من المهم تلبية عدد من المعايير - ألا تكون صغيرة جدًا ، لتبدو واقعية. بمعنى ، إذا حددت وصفًا ، فقم بذلك للحصول على صور أكثر جدية يتم أخذها في الاعتبار بشكل أكبر. لا تؤهل السمة"صورة" لبعض الرموز الصغيرة أو شيء من هذا القبيل.

بحث ALT

أخيرًا ، تحدثنا عن أساسيات السمة ، وبعض قواعد تجميعها ومتطلبات كلا الطرفين (المستخدمين وروبوتات البحث) لهم. لنفكر الآن: كيفية البحث عن الكلمات الرئيسية والعبارات ،التي سنصفها على موقعنا؟ كما هو مذكور أعلاه ، يجب أن يتم توجيه البحث نحو قواعد البيانات الجاهزة للكلمات الرئيسية التي تبدأ بالفعل في جذب العملاء إلى موقعك. بالطبع ، لا يمكن تحقيق ذلك إذا كنت لا تزال تفتقر إلى سمة ALT. خذ الكلمات الرئيسية والعبارات الجاهزة التي تستخدمها في المحتوى الخاص بك والصقها في الصور.

إذا لم تكن لديك مثل هذه المعلومات ولم تفكر على الإطلاق في البدء بالترويج التدريجي لمصادرك ، فنحن نقترح أن تبدأ في البحث عن قواعد بيانات لهذه "الكلمات الرئيسية" التي يمكنك من خلالها إنشاء مواقع جديدة بسهولة. لهذا الغرض ، تعد خدمات مثل Google Keyword Extract Tool أو Yandex. Wordstat مثالية ، حيث تعرض إحصائيات البحث عن عبارات معينة. من خلال "اللعب" بهذه الإعدادات ، يمكنك زيادة نسبة حركة البحث على مواقعك بشكل كبير وبالتالي البدء في جني فوائد جديدة. الشيء الرئيسي هو تجنب الموقف الذي تفتقر فيه جميع الصور المرئية إلى خاصية ALT.

الاستنتاجات

alt="

إذن ، ماذا يمكن أن نقول عن السمة الموضحة في هذا المقال؟ إنه جزء من اللغة التي يتم بها إنشاء أبسط المواقع - HTML. من السهل جدًا القيام بذلك ، لأنه يصف لغة أساسية أولية. من أجل الاستمرار في تسجيل العلامة في الصور ، تحتاج إلى إصدارها بشكل مستقل من خلال الكود المصدري. أو ، باستخدام التعليمات الجديدة ، ابدأ في القيام بذلك مرة أخرى. مهما كان الأمر ، فإن وضع علامة"صورة" هو الحالة المثالية للمنفعة المتبادلة عندما يكون كل من الزائر ومالك المورد راضين.

الإشارة إلى علامة يمكن أن يؤدي إلى جديدالزوار - غالبًا ما تُلاحظ هذه الظاهرة على خدمات مثل Google و Yandex Images. عند النقر فوق صورة ، يحدد الموقع بشكل مستقل المصدر الذي تم التقاط الصورة منه ويعيد توجيه الزائر. وهذا ، كما تفهم ، مهم جدًا لتتمكن من القيام به في المستقبل.

موصى به: