مهم جدا استخدام سمة noopener وnofollow للروابط الخارجية في موقعك بلوجر

السلام عليكم عندما تكتب مقالة ما فقد تضع رابط خارجي يعني إلى موقع آخر غير موقعك فهنا سأجعلك تضيف السمتين noopener وnofollow مع بعضهما إلى هذا الرابط

السلام عليكم 
عندما تكتب مقالة ما فقد تضع رابطاً إلى موقع آخر خارجي غير موقعك فهنا سأجعلك تضيف السمتين noopener وnofollow مع بعضهما إلى كل رابط خارجي أكرر كليهما فقد اختبرت مقالة لي على pagespeed وكنت قد أضفت فقط سمة nofollow فقط فقال لي أنه يجب عليك إضافة noopener
قبل أن شرح الموضوع فقد شرحت كل ما في المقالة في فيديو على اليوتيوب على الرابط التالي

https://youtu.be/BgLCTqxZWtM

والآن نبدأ على بركة الله

1- noopener
هي للروابط التي لا تثق بها أو التي تعتقد بأنها غير آمنة والتي قد تخترق موقعك أو تسرق معلوماتك راجع موقع web.dev للمزيد من المعلومات وأيضاً هذا الفيديو بالإنكليزية
2- nofollow 
قالت غوغل في استخدام هذه السمة: في حال كنت لا تريد أن يربط محرك البحث Google بين موقعك الإلكتروني والصفحة المرتبطة أو لا تريد أن يزحف محرك البحث إليها من داخل موقعك الإلكتروني.

السؤال هو كيف تستخدم الاثنان معاً في آنٍ واحد؟

الجواب عندما تكتب مقالة فتكب كلمة مثلاً وتضع داخلها رابط موقع آخر كما في هذه المقالة فلو عدت لفوق وضغطت على جملة (موقع web.dev) فسيأخذك للموقع فهنا عندما تضغط عليها سترى قلم فتضغط عليه كما في الصورة

مهم جداً استخدام سمة noopener وnofollow بلوجر

وبعد أن تضغط عليه ستجد في الأسفل خيار الإعدادات المتقدمة فتضغط عليها 
كما في الصورة

مهم جداً استخدام سمة noopener وnofollow بلوجر

وبعد أن تضغط على الإعدادات المتقدمة ستجد خيارين
1- فتح الرابط في نافذة جديدة
2- إضافة 'rel=nofollow'

تحدد على الخيارين وبذلك يكون قد أضفت nofollow بقي لدينا أن نضيف سمة noopener فكيف تضيفها؟
عندما تكتب مقالة ما ستجد في الزاوية العلوية على اليمين رمز مثل القلم تضغط عليه كما في الصورة

مهم جداً استخدام سمة noopener وnofollow بلوجر

وسترى خيارين:
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 بلوجر

ملحوظة أخيرة: لا تستخدم هاتين السمتين noopener وnofollow على الروابط الداخلية أي الروابط الخاصة بموقعك فقط تستخدمها على الروابط الخارجية أي إلى خارج موقعك

هذا والله تعالى أعلم

إرسال تعليق