ما هو Rel = ”Noopener” وكيف تستخدمه مع WordPress؟

عند إنشاء مواقع الويب وصيانتها ، يتعين علينا دائمًا مراعاة أمان المواقع التي تحت رعايتنا. تحتاج المدونات بشكل خاص إلى مستوى إضافي من العناية بالنظر إلى عدد الروابط الخارجية التي عادة ما تكون موجودة. تتضمن رعاية الروابط الخارجية مهامًا مختلفة للتأكد دائمًا من تحسينها. إحدى الأدوات التي تساعد في الإشراف على أمان روابطك الخارجية هي سمة HTML rel = ”noopener”. إنه شيء بسيط ولكن يمكنه فعل المعجزات من أجل أمان الموقع.

في هذا المنشور ، سنلقي نظرة على ماهية الرابط noopener بالضبط وكيفية استخدام السمة rel = ”noopener” مع WordPress.

ما هي سمة Rel = ”Noopener”؟

ببساطة ، تتم إضافة السمة rel = ”noopener” إلى ارتباط يفتح في علامة تبويب / نافذة جديدة. عند إضافة رابط في WordPress ، يكون لديك خيار تحديد ما إذا كان الرابط سيفتح في نفس النافذة أو في نافذة مختلفة. عند تحديد الفتح في نافذة أخرى ، يضيف WordPress تلقائيًا سمة rel = ”noopener” إلى HTML مع السمة المعتادة ، target = ”_ blank”.

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

لكن السبب الرئيسي لوجود هذه السمة هو الأمان.

عكس Tabnabbing

تحمي السمة rel = ”noopener” المواقع من النوايا الخبيثة ، وعلى وجه التحديد ، هجوم التصيد الاحتيالي المسمى بـ tabnabbing العكسي.

يحدث علامة التبويب العكسي عندما يستخدم موقع ضار window.opener.location.assign () لاستبدال صفحة حقيقية بأخرى مزيفة. إنه يعمل على النحو التالي: الصفحة التي يتم فيها إضافة الروابط ، تسمى الصفحة الرئيسية ، تؤدي إلى الصفحات الفرعية من خلال الروابط المذكورة. تقوم الصفحة الفرعية الضارة بعد ذلك بإرفاق نفسها بالصفحة الرئيسية باستخدام window.opener.location.assign () وتقليد الموقع الأصلي بموقع مزيف.

إذا كان الموقع الذي تمت محاكاته يحتوي على أداة تسجيل دخول وقام المستخدم بإدخال معلوماته ، فستتم سرقة كل هذه المعلومات بواسطة الصفحة الفرعية الضارة. ما تفعله السمة rel = ”noopener” هو حماية الصفحة الرئيسية من التعرض للهجوم بقصد ضار من خلال استخدام علامة التبويب العكسي عبر الصفحات الفرعية.

ماذا عن نوريفيرر؟

تعمل السمة rel = ”noopener” على معظم المتصفحات باستثناء Firefox والمتصفحات الأقدم الأخرى. عندما يضيف WordPress السمة rel = ”noopener” إلى روابطك كإعداد افتراضي ، يجب عليك بعد ذلك إضافة السمة rel = ”noreferrer” بجانبها. إذا كنت قد قمت بالتحديث إلى أحدث إصدار من WordPress ، فستتم إضافة كلتا السمتين إلى روابطك تلقائيًا.

ستخبر السمة rel = ”noreferrer” المتصفح بعدم جمع معلومات المرجع من الصفحة الرئيسية التي ترسل الروابط.

هذا ما يجب أن تبدو عليه الروابط الخاصة بك:

 <a href="https://www.example.com" rel="noopener noreferrer" target="_blank"> مثال على نص الرابط </a>

كيف يرتبط رابط Noopener بروابط Dofollow و Nofollow؟

من المفاهيم الخاطئة الشائعة أن الروابط مع السمة rel = ”noopener” مرتبطة بروابط dofollow و nofollow ، في حين أنها ليست كذلك في الواقع. الفرق هو أن روابط noopener و noreferrer مخصصة للأغراض الأمنية بينما روابط dofollow و nofollow هي أكثر حول ترتيب الصفحة وتحسين محركات البحث.

على سبيل المثال ، يمكن أن يكون الرابط الذي يحتوي على سمة rel = noopener إما dofollow أو nofollow. هذا الاختيار متروك لك. في الواقع ، لقد نشرنا مقالًا متعمقًا حول هذا الموضوع منذ فترة يجب عليك التحقق منه بالتأكيد.

تُنسب جميع الروابط المضافة تلقائيًا إلى الروابط التالية (dofollow). للتأكد من أنها nofollow ، يجب أن تبدو الروابط الخاصة بك على النحو التالي:

 <a href="https://www.example.com" rel="noopener noreferrer nofollow" target="_blank"> مثال على نص الرابط </a>

هل يؤثر رابط Noopener في تحسين محركات البحث؟

إنها خرافة أن الارتباط بسمة rel = ”noopener” يمكن أن يؤثر على تحسين محركات البحث. لن يؤثر استخدام روابط noopener و noreferrer على مُحسنات محركات البحث على الإطلاق. لا تؤثر Dofollow واتباع الروابط على تحسين محركات البحث على الرغم من ذلك!

فقط تذكرها على هذا النحو:

• noopener و noreferrer: تتعلق بالأمن
• nofollow و dofollow: يتعلقان بـ SEO وسلطة المجال

متى يكون استخدام السمة Rel = ”Noopener” فكرة جيدة؟

يجب عليك استخدام السمة rel = ”noopener” على جميع الروابط الخاصة بك في كل مرة. ليس من المستغرب أن يضيف WordPress الآن السمة rel = ”noopener” كخاصية افتراضية. الأمان مهم للغاية لجميع أنواع المواقع ، من المدونات إلى التجارة الإلكترونية إلى المواقع المليئة بالروابط التابعة.

في بعض الحالات ، قد ترغب في التراجع عن الوظيفة الافتراضية لإضافة السمتين rel = ”noopener” و rel = ”noreferral”. نحن لا نقترح عليك القيام بذلك بالرغم من ذلك. يمكن أن يفتح موقعك لمخاطر أمنية.

ماذا عن الروابط التابعة الخاصة بك؟

إذا كنت قلقًا بشأن كيفية تأثر الروابط التابعة لك باستخدام السمتين rel = ”noopener” و rel = ”noreferer” ، فلا داعي لذلك. ستحتوي معظم الروابط التابعة على معرف الشركة التابع في عنوان URL نفسه ، لذا لا داعي لإرسال أي معلومات إحالة إلى الصفحات الفرعية التابعة من خلال الروابط الخاصة بك. في الواقع ، يجب أن تكون إضافة السمتين rel = ”noopener” و rel = ”noferrer” إلى الروابط التابعة الخاصة بك ممارسة شائعة. لا يمكنك دائمًا التأكد من أمان المواقع التي تتعهد بها.

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

في هذه المقالة ، ستجد الكثير من البرامج التابعة الرائعة لـ WordPress التي نضمنها.

الأفكار الأخيرة حول سمة Rel = ”Noopener”

في هذا المنشور ، نظرنا في الغرض من السمة rel = ”noopener” ومرافقتها السمة rel = ”noreferrer”. نظرنا إلى الغرض منها وكيف يضيف تحديث WordPress الجديد هذه الآن كإعداد افتراضي لجميع الروابط الخاصة بك. ومع ذلك ، يجب عليك دائمًا التحقق مما إذا كان WordPress الخاص بك يقوم بذلك. نظرنا أيضًا في كيفية ارتباط روابط noopener بالروابط dofollow و nofollow وكيف تختلف.

تذكر أن السمة rel = ”noopener” موجودة للحفاظ على موقع الويب الخاص بك آمنًا ويجب عليك دائمًا استخدامها. لن يؤثر ذلك على مُحسنات محركات البحث الخاصة بك ولا الروابط التابعة الخاصة بك. نأمل أن تساعدك هذه المقالة في فهمها بشكل أفضل ولماذا من المهم تضمين السمة للروابط في كل المحتوى الخاص بك.

أخبرنا بأفكارك في التعليقات ، هل سبق لك أن وقعت ضحية للتبني العكسي؟ هل تستخدم السمة rel = ”noopener” دائمًا؟

صورة مميزة عبر MarySan / shutterstock.com