كيفية إصلاح خطأ "الروابط ليس لها اسم واضح"؟

إذا كنت تعمل بنشاط على تحسين موقعك الإلكتروني لمحركات البحث ، فمن المحتمل أنك استخدمت Google Lighthouse التي تقدم رؤى حول كيفية تحسين أداء صفحات الويب الخاصة بك. ومن الأخطاء الشائعة التي تُشير إليها Lighthouse أن "الروابط لا تحمل اسمًا واضحًا".

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

سنتناول في هذه المقالة كيفية إصلاح خطأ Google Lighthouse هذا. ولكن قبل ذلك، إليكم وصفًا موجزًا ​​لأداة Google Lighthouse.

باختصار: حل سريع لمشكلة عدم وضوح عناوين الروابط

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

• استبدل العبارات المبهمة مثل "انقر هنا" بنص رابط واضح ووصفي يشرح الوجهة.

• أضف نصًا بديلًا مناسبًا للصور القابلة للنقر حتى تتمكن التقنيات المساعدة من فهم الغرض منها.

• استخدم سمات مثل aria-label للأيقونات أو الأزرار أو العناصر الديناميكية لجعلها سهلة الوصول والتفسير.

ما هو جوجل لايت هاوس؟

باعتبارها برنامجًا مفتوح المصدر، فإن Lighthouse هي أداة مجانية من Google تساعد في تدقيق صفحات الويب وتقدم اقتراحات مفيدة حول كيفية تحسينها.

المعايير الخمسة التي تعتمد عليها أداة Google Lighthouse في تدقيق موقع الويب هي الأداء، وإمكانية الوصول، وتحسين محركات البحث، وأفضل الممارسات، وتطبيق الويب التقدمي (PWA).

بناءً على هذه المعايير، يقدم الموقع اقتراحات لتحسين أدائه العام. دعونا نلقي نظرة سريعة على كل معيار من هذه المعايير.

أداء

يقيس تدقيق أداء Lighthouse سرعة تحميل صفحات الموقع الإلكتروني ، ومدى كفاءة الموقع في تلبية احتياجات المستخدمين. تُقسّم درجة الأداء إلى ثلاث فئات: 0-49، 50-89، و90-100.

تشير النتيجة بين 90 و100 إلى أن الموقع الإلكتروني مُحسَّن بشكل جيد. أما أي نتيجة أقل من 90 فتعني أن الموقع بحاجة إلى تحسين. يُسلِّط Lighthouse الضوء على المشكلات ويُقدِّم اقتراحات لتحسين أداء الموقع .

إمكانية الوصول

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

في تقرير تدقيق إمكانية الوصول، تُقيّم Lighthouse الموقع الإلكتروني من 100. وكما هو الحال دائمًا، تشير الدرجة الأعلى إلى سهولة وصول أكبر. كما تُقدم الأداة اقتراحات لتحسين إمكانية الوصول.

اقرأ : توافق ووردبريس مع معايير إمكانية الوصول WCAG

تحسين محركات البحث

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

بعض الأشياء التي يحللها هي:

• بيانات منظمة صالحة
• روابط تحتوي على نص وصفي
• ملف robots.txt صالح
• استجابة صفحات الويب وقابليتها للفهرسة.
• العلامات الوصفية - العنوان والوصف
• الصور والنصوص البديلة للصور
• إمكانية الوصول إلى الروابط الداخلية

أفضل ممارسات الفحص

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

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

• خالٍ من أخطاء المتصفح والأطر وواجهات برمجة التطبيقات القديمة
• تحميل الموارد من خوادم آمنة باستخدام بروتوكول HTTPS
• استخدام نسبة العرض إلى الارتفاع الصحيحة للصور
• آمن ضد هجمات البرمجة النصية عبر المواقع (XSS)
• آمن من الثغرات الأمنية في مكتبات جافا سكريبت.

إذا كنت ترغب في إنشاء موقع ويب يلتزم بأفضل الممارسات دون أي عناصر معيبة، فتواصل مع إحدى أفضل شركات تطوير ووردبريس

اقرأ : المشكلات التقنية الشائعة في تحسين محركات البحث وأفضل الممارسات

تطبيق ويب تقدمي (PWA)

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

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

يُمنح تقرير التدقيق هذا شارة تطبيق ويب تقدمي (PWA) بناءً على أداء التطبيق عبر عوامل مختلفة. كما يقدم Google Lighthouse اقتراحات مفيدة لتحسين أداء التطبيق.

ماذا يعني "الروابط ليس لها اسم واضح"؟

على الرغم من أن عبارة "الروابط ليس لها اسم واضح" واضحة تماماً، إليك مثال سيوفر بعض السياق.

المثال 1

<h3 style=";text-align:right;direction:rtl">هل تريد التحقق من سرعة موقعك الإلكتروني؟</h3><li style=";text-align:right;direction:rtl"> <a href="https://seahawkmedia.com/tools/website-speed-test/">انقر هنا</a></li>

المثال 2

<h3 style=";text-align:right;direction:rtl">هل تريد التحقق من سرعة موقعك الإلكتروني؟</h3><li style=";text-align:right;direction:rtl"> <a href="https://seahawkmedia.com/tools/website-speed-test/">استخدم أداتنا المجانية للتحقق من سرعة موقعك</a></li>

أي من المثالين سيؤدي إلى ظهور خطأ "الروابط ليس لها اسم واضح"؟

إذا قلت المثال 1، فأنت محق تماماً!

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

تُركز جوجل بشكل أساسي على تحسين تجربة المستخدم. لذا، من خلال جعل النصوص في روابطك/أزرارك/صورك وصفية، فإنك تلتزم بإرشادات جوجل، مما يُساعد على تحسين أداء موقعك الإلكتروني في نتائج البحث.

كيفية إصلاح خطأ "الروابط ليس لها اسم واضح"؟

إذا فشلت عملية تدقيق اختبار الروابط في Google Lighthouse، فستظهر رسالة الخطأ التالية ضمن قسم "تحسين محركات البحث"

مصدر الصورة : https://developer.chrome.com/en/docs/lighthouse/seo/link-text/

لتجنب هذا الخطأ، يجب عليك اتباع أفضل الممارسات المتعلقة بنصوص الروابط التي توفرها Lighthouse، مثل:

• التزم بموضوع صفحة الويب أو منشور المدونة عند كتابة نص الرابط. تجنب استخدام نص رابط لا علاقة له بمحتوى الصفحة.

• تأكد من أن وصف نص الرابط قصير ودقيق. التزم بالعبارات القصيرة.

• تجنب استخدام عنوان URL للصفحة كوصف للرابط.

• تأكد من أن روابطك الداخلية تحتوي على نصوص وصفية. سيسهل ذلك عملية التصفح للمستخدمين وبرامج زحف محركات البحث.

من النصائح الأخرى لإصلاح خطأ "الروابط ليس لها اسم واضح":

إضافة اسم وصفي إلى الروابط التشعبية النصية

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

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

<h3 style=";text-align:right;direction:rtl">هل تريد التحقق من سرعة موقعك الإلكتروني؟</h3><li style=";text-align:right;direction:rtl"> <a href="https://seahawkmedia.com/tools/website-speed-test/">استخدم أداتنا المجانية للتحقق من سرعة موقعك</a></li>

ستعرض أداة Google Lighthouse صفحات الويب التي تظهر فيها رسالة الخطأ "الروابط لا تحمل اسمًا واضحًا". كل ما عليك فعله لتصحيح هذا الخطأ هو إضافة نص موجز وواضح داخل HTML .

إضافة نص بديل للصور المرتبطة

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

على سبيل المثال، في الصورة أدناه، تم تعيين سمة alt إلى "W3Schools.com". لذلك، عندما يمرر المستخدم مؤشر الماوس فوق الصورة، فإنه يعرف بالضبط إلى أين سينتقل بالنقر عليها.

مصدر الصورة : https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_link

اجعل النص البديل للصورة بسيطًا ومختصرًا. لستَ بحاجة إلى وصف الصورة؛ فقط حدد الغرض منها لتصحيح خطأ "الروابط ليس لها اسم واضح" الخاص بالصور.

أضف اسمًا واضحًا للروابط ذات المحتوى المعقد

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

مثال : زر إغلاق (X) في نافذة منبثقة

<div id="box" style=";text-align:right;direction:rtl">هذا مربع منبثق. <button aria-label="Close" onclick="document.getElementById('box').style.display='none';" class="close-button">X</button></div>

في المثال أعلاه، عند النقر على الرابط، سيظهر مربع منبثق (عنصر div). عنصر "الإغلاق" عبارة عن زر يحمل الحرف "X" فقط.

هنا، يوفر aria-label=”close” اسمًا واضحًا للزر (X).

الخاتمة

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

بمجرد تحديد صفحات الويب التي لا تحتوي على اسم واضح في الرابط، يمكنك تصحيح المشكلة بإضافة نص وصفي داخل وسم HTML. بالنسبة للصور المرتبطة، أضف نصًا بديلًا للصورة. أما بالنسبة للعناصر الديناميكية والأيقونات والمحتوى غير النصي، فيمكنك استخدام سمة aria-label.

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

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

الأسئلة الشائعة حول خطأ "الروابط ليس لها اسم واضح"