عند إستخدام أداة PageSpeed Insights لتحليل صفحات الويب، قد تواجه مشكلة تحذير تسمى "Links Do Not Have A Discernible Name" أو "الروابط ليس لها إسم مميز". هذا التحذير يشير إلى أن هناك مشكلة في صفحتك تتعلق بروابطك، حيث لا يتم تحديد أسماء صحيحة ومميزة للروابط.
تأتي هذه المشكلة عادةً نتيجة عدم إستخدام العناصر المناسبة في عناصر الرابط <a> أو عدم توفير نص ذي معنى يصف الروابط بشكل واضح. وهناك عدة أسباب قد تؤدي إلى هذه المشكلة، وفيما يلي سنستعرض بعض الأسباب الشائعة وكيفية حلها:
- عدم إستخدام العناصر المناسبة: تأكد من إستخدام العنصر <a> بشكل صحيح لإنشاء الروابط. قد يحدث خطأ عند إستخدام عناصر أخرى مثل <div> أو <span> لإنشاء روابط. يجب إستخدام <a> بشكل حصري للروابط.
- عدم توفير نص معنوي: تأكد من توفير نص معنوي لكل رابط على الصفحة. النص المعنوي يعتبر النص القابل للرؤية من قبل المستخدمين، ويعرض عادة كنص مؤشر الماوس عند تحريكه فوق الرابط. يجب أن يكون النص واضحاً وموجزاً ومتعلقاً بالوجهة المرتبطة بالرابط.
- إستخدام نص غير مفهوم: تجنب إستخدام نص غير مفهوم مثل "إنقر هنا" أو "تفاصيل" كنص للروابط. يجب أن يعطي النص فكرة واضحة عن المحتوى الذي سيتم الوصول إليه عند النقر على الرابط.
- نص غير قابل للرؤية: تأكد من أن النص للروابط قابل للرؤية بشكل جيد على الصفحة. قد تواجه مشكلة عندما يكون النص مخفياً بواسطة CSS أو لون خلفية غير مناسب. يجب أن يكون النص واضحاً وبارزاً بحيث يمكن للمستخدمين رؤيته بسهولة.
ولحل هذه المشكلة يمكنكم إتباع الخطوات التالية:
1. نقوم اولاً بنسخ الـ class أو الـ id للكود الذي حدثت فيه المشكلة.
2. ثم نقوم بتسجيل الدخول الى حساب بلوجر، ثم النقر على تبويب المظهر من لوحة التحكم وإختيار تعديل HTML.
3. نضغط من الكيبورد Ctrl + F ثم نعمل لصق وننقر Enter.
4. نقوم بإضافة الوسم ' '=aria-label الى الكود ونضيف له نفس قيمة الـ class ونعمل حفظ، وكما موضح في الصورة أدناه:
وعند عمل تحليل للمدونة مره اخرى في أداة PageSpeed Insight سنلاحظ إختفاء الخطأ وتم حل المشكلة بنجاح.
0 comments:
إرسال تعليق