تسمية الارتباط التشعبي <a>عادةً ما يتم استخدام الكود مع سمات noopener و noreferrer و nofollow ، وستشارك هذه المقالة في كيفية استخدام سمات كود noopener و noreferrer و nofollow.
ماذا تعني العلامة noopener؟
سوف target="_blank" عند الإضافة إلى ارتباط ، سيتم فتح الصفحة الهدف في علامة تبويب جديدة.
في الصفحة المفتوحة حديثًا ، يمكنك الحصول على كائن نافذة الصفحة المصدر من خلال window.opener ، مما يؤدي إلى دفن المخاطر الأمنية المحتملة.
- على وجه التحديد ، رابط صفحة الويب الخاصة بك A ، هناك رابط صفحة ويب B يمكنه فتح عنوان جهة خارجية أخرى.
- تحصل صفحة الويب B على كائن نافذة صفحة الويب A من خلال window.opener ؛
- ثم يمكنك استخدام الصفحة "أ" للانتقال إلى نافذة صفحة التصيد الاحتيالي window.opener.location.href = ”abc.com" ، ولا يلاحظ المستخدم
- قفز العنوان ، وبعد إدخال اسم المستخدم وكلمة المرور في هذه الصفحة ، حدث تسرب للمعلومات.
- من أجل تجنب المشاكل المذكورة أعلاه ، تم تقديم rel وتم تعيين سمة "noopener" ، بحيث لا تتمكن الصفحة المفتوحة حديثًا من الحصول على كائن نافذة الصفحة المصدر.
- في هذا الوقت ، قيمة window.opener خالية.
لذلك ، إذا كنت تريد فتح عنوان جهة خارجية في علامة تبويب جديدة ، فمن الأفضل إضافة رمز العلامة rel="noopener"صفات.
دور سمة نوريفيرر
على غرار noopener.
设置rel="noreferrer"بعد ذلك ، لا يمكن للصفحة المفتوحة حديثًا أن تجعل نافذة الصفحة المصدر تهاجم.
في الوقت نفسه ، لا يمكن الحصول على معلومات المستند المرجعي من الصفحة المفتوحة حديثًا.تحتوي هذه المعلومات على عنوان الصفحة المصدر.
عادة يتم تعيين noopener و noreferrer في نفس الوقت ،rel="noopener noreferrer".
بما أن الأخير له الوظيفة السابقة المتمثلة في تقييد الوصول إلى window.opener في نفس الوقت ، فلماذا يتم تعيينه في نفس الوقت؟
من أجل التوافق ، لأن بعض المتصفحات القديمة لا تدعم noopener.
دور nofollow
يتضمن حساب وزن الصفحة بواسطة محركات البحث عدد مراجع الصفحة (الروابط الخلفية) ، أي إذا كانت الصفحة مرتبطة بالعديد من صفحات الويب الأخرى ، فسيتم الحكم على الصفحة كصفحة عالية الجودة.
سترتفع التصنيفات في نتائج البحث.
عند تعيين rel = ”nofollow” ، فهذا يعني إخبار محرك البحث أن الرابط لا يساهم في الترتيب أعلاه.
- تستخدم بشكل عام للربط بدونتحسين محركات البحثالعناوين الداخلية المصنفة (مثل روابط صفحة التسجيل أو تسجيل الدخول) ، لا تريد إهدار وزن التصدير ، أو بعض الصفحات ذات الجودة الرديئة.
مدونة Hope Chen Weiliang ( https://www.chenweiliang.com/ ) شارك "ماذا تعني العلامة noopener؟ سمة noreferrer / تأثير nofollow "، ستساعدك.
مرحبا بكم في مشاركة رابط هذه المقالة:https://www.chenweiliang.com/cwl-28447.html
مرحبًا بك في قناة Telegram الخاصة بمدونة Chen Weiliang للحصول على آخر التحديثات!
📚 يحتوي هذا الدليل على قيمة كبيرة، 🌟هذه فرصة نادرة، لا تفوتها! ⏰⌛💨
شارك و اعجبك اذا اردت
مشاركتك وإعجاباتك هي دافعنا المستمر!