في هذا الدليل ، ستتعرف على النص البديل (النص البديل): ما هو ، ولماذا هو مهم بالنسبة إلى مُحسّنات محرّكات البحث ، وكيفية استخدامه بشكل صحيح ، والمزيد!
هذا دليل عملي ودقيق للغاية يحتوي على نصائح وإرشادات يمكنك استخدامها على الفور لتحسين جودة موقع الويب الخاص بك. الرجوع إلى الصورة وإمكانية الوصول.
ما هو النص البديل؟
النص البديل (أو النص البديل) ، المعروف أيضًا باسم سمة النص البديل أو علامة النص البديل (وهو ليس صحيحًا من الناحية الفنية لأنه ليس علامة) ، هو مجرد جزء من النص يصف الصورة في كود HTML.
ما هي استخدامات النص البديل؟
كانت الوظيفة الأساسية للنص البديل هي ببساطة وصف صورة لا يمكن تحميلها.
منذ عدة سنوات ، عندما كان الإنترنت أبطأ بكثير ، ساعدك النص البديل في معرفة محتوى الصورة التي كانت أكبر من أن يتم تحميلها في متصفحك.
اليوم ، نادرًا ما يفشل تحميل الصور ، ولكن إذا حدث ذلك ، فسترى نصًا بديلاً بدلاً من صورة.
![عرض النص البديل بدلا من الصورة](https://cdn.searchenginejournal.com/wp-content/uploads/2022/08/alt-text-62f7afe112df8-sej.jpg)
الآن ، بدأ النص البديل أيضًا في لعب دور لبرامج زحف محركات البحث ومستخدمي قارئ الشاشة:
- النص البديل يساعد الأشخاص ذوي الإعاقة (على سبيل المثال ، استخدام برامج قراءة الشاشة) تعرف على المزيد حول محتوى الصورة.
- يساعد النص البديل أيضًا برامج زحف محركات البحث فهم محتوى الصورة وسياقها.
بالطبع ، مثل أي عنصر من عناصر تحسين محركات البحث (SEO) ، غالبًا ما يتم إساءة استخدامه وحتى ، في بعض الحالات ، يتم إساءة استخدامه.
الآن دعنا نلقي نظرة فاحصة على سبب أهمية النص البديل.
لماذا النص البديل مهم
الويب والمواقع هي تجربة مرئية للغاية. من الصعب العثور على موقع ويب بدون صور ورسومات.
هذا هو سبب أهمية النص البديل.
يساعد النص البديل في ترجمة محتوى الصورة إلى كلمات – مما يجعل الصورة في متناول جمهور أوسع ، بما في ذلك الأشخاص ذوو الإعاقة وبرامج زحف محركات البحث الذين ليسوا بعد أذكياء بما يكفي لفهم كل صورة وسياقها ومعناها بشكل كامل.
لماذا يعتبر النص البديل مهمًا لتحسين محركات البحث
النص البديل هو جزء مهم من على الصفحة لتحسين محركات البحث تهيئة.
يمنح التحسين المناسب للنص البديل موقع الويب الخاص بك فرصة أفضل للترتيب في بحث الصور من Google.
نعم، النص البديل هو عامل الترتيب للبحث عن الصور من Google.
اعتمادًا على مكانة وخصوصية موقع الويب الخاص بك ، يمكن أن تلعب حركة البحث عن الصور من Google دورًا كبيرًا في النجاح الشامل لموقعك على الويب.
على سبيل المثال ، في حالة مواقع التجارة الإلكترونية ، غالبًا ما يبدأ المستخدمون البحث عن المنتجات بامتداد البحث عن الصور من Google بدلاً من كتابة اسم المنتج في بحث Google القياسي.
![نتائج بحث صور جوجل عن العبارة](https://cdn.searchenginejournal.com/wp-content/uploads/2022/08/google-image-search-for-products-62f7b00f21542-sej.jpg)
قد تعرض Google ومحركات البحث الأخرى صورًا أقل للمنتج (أو لا تعرضها على الإطلاق) إذا لم تهتم بتحسين النص البديل.
بدون تحسين جيد للصورة ، فإنك تخاطر بفقدان الكثير من حركة المرور والعملاء المحتملين.
لماذا يعتبر النص البديل مهمًا لإمكانية الوصول
يعد الظهور في بحث الصور من Google أمرًا مهمًا للغاية ، ولكن هناك اعتبار أكثر أهمية: إمكانية الوصول.
لحسن الحظ ، كان هناك تركيز أكبر في السنوات الأخيرة على إمكانية الوصول (أي جعل الويب في متناول الجميع ، بما في ذلك الأشخاص ذوي الإعاقة و / أو استخدام برامج قراءة الشاشة).
افترض أن النص البديل لصورك يصف محتواها بالفعل بدلاً من حشو الكلمات الرئيسية مثلاً. في هذه الحالة ، أنت تساعد الأشخاص الذين لا يمكنهم رؤية هذه الصورة على فهمها بشكل أفضل ومحتوى صفحة الويب بأكملها.
لنفترض أن إحدى صفحات الويب الخاصة بك عبارة عن دليل تدقيق لتحسين محركات البحث يحتوي على لقطات شاشة لأدوات الزاحف المختلفة.
ألن يكون من الأفضل وصف محتوى كل لقطة شاشة بدلاً من وضع نفس النص البديل “تدقيق تحسين محركات البحث” في كل صورة؟
دعنا نلقي نظرة على بعض الأمثلة.
أمثلة النص البديل
ليس من الصعب العثور على الكثير من أمثلة النص البديل الجيد والسيئ. اسمح لي أن أعرض عليك القليل ، متمسكًا بالمثال أعلاه مع دليل تدقيق تحسين محركات البحث.
أمثلة جيدة للنص البديل
لذلك يحتوي دليلنا النموذجي لتحسين محركات البحث على لقطات شاشة لأدوات ، مثل جوجل Search Console ويصرخ الضفدع.
فيما يلي بعض الأمثلة الجيدة للنص البديل:
<img src=”google-search-console-coverage-report.jpg” alt=”The Coverage Report in Google Search Console showing the number of indexed and excluded pages”> <img src=”google-search-console.jpg” alt=”Google Search Console tool from Google”> <img src=”screaming-frog-html-pages.jpg” alt=”List of HTML pages in Screaming Frog”> <img src=”screaming-frog” alt=”Screaming Frog crawl in progress”>
نقطة: من الجيد أيضًا الاهتمام باسم ملفك. لا يعد استخدام أسماء الملفات الوصفية عاملاً من عوامل الترتيب ، لكنني أوصي به كممارسة جيدة لتحسين محركات البحث.
أمثلة على النص البديل غير الصحيح و / أو غير المرغوب فيه
لقد رأيت أيضًا العديد من الأمثلة على إساءة استخدام النص البديل ، بما في ذلك حشو الكلمات الرئيسية أو البريد العشوائي.
إليك كيفية تحويل الأمثلة الجيدة أعلاه إلى أمثلة سيئة:
<img src=”google-search-console-coverage-report.jpg”alt=”seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits”> <img src=”google-search-console.jpg” alt=”google seo ,seo google, google, seo, google search console seo”> <img src=”screaming-frog-html-pages.jpg” alt=”seo auditor, seo audit, seo audits”> <img src=”screaming-frog” alt=”seo audit”>
كما ترى ، فإن الأمثلة أعلاه لا تقدم أي فكرة عما تظهره هذه الصور بالفعل.
يمكنك أيضًا العثور على أمثلة والمزيد الرجوع إلى الصورة نصائح على مركز البحث جوجل.
أخطاء النص البديل الشائعة
إن حشو الكلمات الرئيسية في نص بديل ليس الخطأ الوحيد الذي يمكن أن ترتكبه.
فيما يلي بعض الأمثلة على أخطاء النص البديل الشائعة:
- عدم استخدام النص البديل أو باستخدام نص بديل فارغ.
- استخدم نفس النص البديل لصور مختلفة.
- استخدم نصًا بديلًا عامًا جدًا الذي لا يصف الصورة في الواقع. على سبيل المثال ، استخدام النص البديل لكلب “كلب” على صورة كلب بدلاً من وصف الكلب بمزيد من التفصيل ، ما هو لونه ، وما يفعله ، وما هو سلالته ، وما إلى ذلك.
- الاستخدام التلقائي لاسم الملف كنص بديل – مما قد يؤدي إلى نص بديل غير ملائم للغاية ، مثل “googleseachconsole” أو “google-search-console” أو “photo2323” ، اعتمادًا على اسم الملف.
نصائح حول كتابة النص البديل
وأخيرًا ، إليك النصائح حول كيفية كتابة نص بديل مناسب بحيث يخدم الغرض منه بالفعل:
- لا تقم بتضمين الكلمات الأساسية في النص البديل. لن يساعد ترتيب صفحة الويب الخاصة بك لتلك الكلمات الرئيسية المحشوة.
- صِف الصورة بالتفصيل ، لكن اجعلها قصيرة نسبيًا. تجنب إضافة جمل متعددة في النص البديل.
- استخدم كلماتك الرئيسية المستهدفة ، ولكن بطبيعة الحال ، كجزء من وصف الصورة. إذا كانت كلمتك الرئيسية المستهدفة لا تتطابق مع وصف الصورة ، فلا تستخدمها.
- لا تستخدم النص على الصور. يجب إضافة كل النص كرمز HTML.
- لا تكتب “هذه صورة”. يعرف Google والمستخدمون أنها صورة. ببساطة صِف محتواه.
- تأكد من أنه يمكنك عرض محتوى الصورة بمجرد قراءة نصها البديل. هذا هو أفضل تمرين للتأكد من صحة النص البديل.
كيفية التحقق مما إذا كانت الصفحة تستخدم نصًا بديلًا
أنت الآن تعرف أفضل الممارسات والأخطاء الشائعة في النص البديل. ولكن كيف يمكنك التحقق مما هو موجود في النص البديل للصور على موقع ويب؟
يمكنك تحليل النص البديل بالطرق التالية:
يعد فحص عنصر (النقر بزر الماوس الأيمن وتحديد فحص أثناء التمرير فوق صورة) طريقة جيدة للتحقق مما إذا كانت الصورة المعينة تحتوي على نص بديل.
ومع ذلك ، إذا كنت تريد التحقق من ذلك بكميات كبيرة ، فإنني أوصي بإحدى الطريقتين أدناه.
![افحص عنصرًا للتحقق من النص البديل](https://cdn.searchenginejournal.com/wp-content/uploads/2022/08/inspect-alt-text-62f7b044a3dbf-sej.jpg)
تثبيت مطور ويب ملحق كروم.
![ملحق مطور ويب Chrome](https://cdn.searchenginejournal.com/wp-content/uploads/2022/08/erb-developer-chrome-extension-62f7b06d9a30f-sej.jpg)
بعد ذلك ، افتح الصفحة التي تريد تدقيق صورها.
انقر مطور ويب والوصول الصور > إظهار السمات البديلة. بهذه الطريقة يمكنك مشاهدة محتوى النص البديل لجميع الصور على صفحة ويب معينة.
![مطور ويب Chrome مع تعطيل الصور للتحقق من النص البديل](https://cdn.searchenginejournal.com/wp-content/uploads/2022/08/alte-text-chrome-web-developer-62f7b091469fd-sej.jpg)
للتحقق من النص البديل للصور في جميع أنحاء موقع الويب ، استخدم الزاحف مثل عواء الضفدع أين لمبة الموقع.
استكشف الموقع ، وقم بالوصول إلى تقرير الصورة وراجع النص البديل لجميع الصور على موقع الويب.
المزيد من الموارد:
الصورة المميزة: خسرو / شاترستوك
window.addEventListener( 'load', function() { setTimeout(function(){ striggerEvent( 'load2' ); }, 2000); });
window.addEventListener( 'load2', function() {
if( sopp != 'yes' && addtl_consent != '1~' ){
!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js');
if( typeof sopp !== "undefined" && sopp === 'yes' ){ fbq('dataProcessingOptions', ['LDU'], 1, 1000); }else{ fbq('dataProcessingOptions', []); }
fbq('init', '1321385257908563');
fbq('track', 'PageView');
fbq('trackSingle', '1321385257908563', 'ViewContent', { content_name: 'alt-text-for-images', content_category: 'on-page-seo seo' }); } });
#النص #البديل #ما #هو #وكيفية #كتابته
المصدر
تعليقات
إرسال تعليق