السلام عليكم
عندما تكتب مقالة ما فقد تضع رابطاً إلى موقع آخر خارجي غير موقعك فهنا سأجعلك تضيف السمتين noopener وnofollow مع بعضهما إلى كل رابط خارجي أكرر كليهما فقد اختبرت مقالة لي على pagespeed وكنت قد أضفت فقط سمة nofollow فقط فقال لي أنه يجب عليك إضافة noopener
قبل أن شرح الموضوع فقد شرحت كل ما في المقالة في فيديو على اليوتيوب على الرابط التالي
والآن نبدأ على بركة الله
السؤال هو كيف تستخدم الاثنان معاً في آنٍ واحد؟
الجواب عندما تكتب مقالة فتكب كلمة مثلاً وتضع داخلها رابط موقع آخر كما في هذه المقالة فلو عدت لفوق وضغطت على جملة (موقع web.dev) فسيأخذك للموقع فهنا عندما تضغط عليها سترى قلم فتضغط عليه كما في الصورة
وبعد أن تضغط عليه ستجد في الأسفل خيار الإعدادات المتقدمة فتضغط عليها
كما في الصورة
وبعد أن تضغط على الإعدادات المتقدمة ستجد خيارين
1- فتح الرابط في نافذة جديدة
2- إضافة 'rel=nofollow'
تحدد على الخيارين وبذلك يكون قد أضفت nofollow بقي لدينا أن نضيف سمة noopener فكيف تضيفها؟
عندما تكتب مقالة ما ستجد في الزاوية العلوية على اليمين رمز مثل القلم تضغط عليه كما في الصورة
وسترى خيارين:
1- عرض HTML
2- عرض وضع الإنشاء
فتختار الخيار الأول عرض HTML ليحولك إلى وضع الأكواد فستبحث عن الرابط الذي وضعته وستجده يشبه هذا وسترى سمة nofollow لأنك أضفته سابقاً
<a href="https://support.google.com/webmasters/answer/96569?hl=ar" rel="nofollow"
فقط تضع مسافة بعد nofollow وتضيف noopener فيصبح على الشكل التالي
<a href="https://support.google.com/webmasters/answer/96569?hl=ar" rel="nofollow noopener"
انتهينا وإذا أردت أن تخرج من وضع الأكواد أي وضع عرض html إلى وضع الكتابة العادي فمن نفس المكان تضغط وتختار خيار عرض وضع الإنشاء كما في الصورة
ملحوظة أخيرة: لا تستخدم هاتين السمتين noopener وnofollow على الروابط الداخلية أي الروابط الخاصة بموقعك فقط تستخدمها على الروابط الخارجية أي إلى خارج موقعك
هذا والله تعالى أعلم