تعرف على أهمية الخاصية noopener للروابط في ووردبريس

مما لا شك فيه أن الروابط الخارجية لأي موقع ووردبريس هامة لتحسين سيو هذا الموقع لكن تجدر الإشارة إلى أن الروابط الخارجية تحتاج عناية وانتباه كي لا تؤثر سلباً على موقعك!

فالروابط الخارجية قد تشكل ثغرة لاختراق موقعك وتنصيب برامج ضارة لسرقة معلومات المستخدمين باستخدام الخاصية window.opener. التي تمكن من فتح الروابط الخارجية في علامة تبويب جديدة أو نافذة جديدة. .
وهنا تكمن أهمية الخاصية "rel = "noopener. وهي خاصية HTML يمكنك استخدامها لاختبار أمان الروابط التي لديك مخاوف بشأنها وجعل عملية النقر لأي موقع خارجي في موقعك عملية آمنة ودون مخاطر.

ما هي الخاصية "rel = "noopener في ووردبريس؟

أضاف نظام ووردبريس منذ الإصدار 4.7.4 الخاصية "rel = "noopener بصورة ذاتية إلى كل رابط يتضمن على الخاصية "target = ”_ blank على موقع الويب الخاص بك، كي يجبر المتصفح على فتح النافذة الجديدة مع إرجاع مرجع إلى النافذة السابقة التي فتحت النافذة الحالية. على سبيل المثال إذا فتحت النافذة A النافذة B فإن B.opener ترجع A.

ومن الناحية الفنية الغرض opener window له وظائف محدودة إذا لم يكن من نفس أصل الصفحة الحالية لأن الأغراض Window objects لا تتضمن متغيرات أو وظائف يمكن الوصول إليها. لكن المشكلة أنه يمكن التنقل في opener window وجعل الصفحة المفتوحة تفتح عنوان URL آخر في نفس علامة التبويب الخاصة بالصفحة الأساسية.

وبالتالي يمكن للمخترقين استبدال الصفحة الموثوق بها التي تريد أن تفتحها في النافذة الأصلية لموقعك بصفحة أخرى احتيالية. لهذا السبب من المهم التأكد من أن الرابط الذي تقدمه آمن ومضمون وإذا كنت لا تستطيع ضمان سلامته ففي هذه الحالة من الأفضل إضافة الخاصية noopener إليه.

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

يمكن أن تقوم بتعطيل هذه الميزة عند إضافة رابط جديد لموقعك من خلال إجبار الصفحة على الفتح في علامة تبويب جديدة وفي هذه الحالة يضيف ووردبريس كل من الخاصية "rel = "noopener و "rel = "noreferrer إلى كود الرابط ويصبح شكل الرابط كما يلي:

<a href="https://example.com" target="_blank" rel="noreferrer noopener" aria-label="This is an external link">Click here</a>

ما هو الفرق بين noopener و nofollow؟

لفهم الخاصية nofollow يجب أن تعرف كيف تعمل محركات البحث. يستخدم محرك البحث روبوتًا للزحف بين كل رابط في صفحة ويبK قد ترغب أحيانًا في تقديم رابط ولكن لا تريد أن تقوم برامج الزحف بالزحف إلى عنوان URL هذا، في هذه الحالة عليك إضافة الخاصية "rel = "nofollow لهذا الرابط كي تخبر برامج الزحف بعدم اتباع هذا الرابط.

لماذا هذا مهم في تحسين محركات البحث؟

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

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

ما هي خاصية noreferrer؟

يحتوي عنوان طلب Referer HTTP على عنوان مطلق أو عنوان جزئي للصفحة التي تقدم الطلب، يسمح Referer header للخادم بتحديد الصفحة التي يزورها الأشخاص منه، ويمكن استخدام هذه البيانات للتحليلات والتسجيل والتخزين المؤقت المحسن والمزيد.

عندما ينتقل المستخدم من العنوان "أ" إلى العنوان "ب"، يتلقى مالك العنوان "ب" معلومات حول الموقع السابق للمستخدم. يمكن اكتشاف تنقلات العملاء customer journeys من خلال منصات التحليلات مثل Google Analytics.

لكن مالك العنوان "أ" قد لا يرغب في أن يعرف العنوان "ب" أنه تمت إحالة المستخدمين إلى العنوان "ب" من موقعه على الويب، لإخفاء هذه المعلومات، يقوم باستخدام الخاصية noreferrer في روابط HTML الخاصة بهم. فمثلا:

<a href=”https://waelit.net” rel=”noreferrer”>WAEL IT </a>

يضمن وضع هذا الارتباط عدم تمكن مالك الموقع "ب" من الحصول على معلومات موقع المستخدمين الذين أتوا من الموقع "أ".

لنفترض أنك قمت بتضمين رابط من موقع الويب (أ) إلى موقع الويب (ب) بدون علامة "noreferrer". عندما يكون صاحب الموقع B يعرض تقرير "ACQUISITION" في Google Analytics يمكنه رؤية الزيارات الواردة من موقع الويب A في قسم "الإحالات".

عند الارتباط من موقع الويب (أ) إلى موقع الويب (ب) باستخدام علامة "noreferrer" فإن أي حركة مرور تنتقل من موقع الويب (أ) إلى موقع الويب (ب) ستظهر كزيارات مباشرة في Google Analytics.

ما هو الفرق بين nofollow و noreferrer؟

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

الفرق بين nofollow و noreferrer هو أن رابط noreferrer لا يرسل أي معلومات إلى المتصفح. باستخدام روابط nofollow يتم نقل المعلومات إلى الصفحة التالية من خلال المتصفح.

في الأساس هذان المفهومان مختلفان تمامًا عن بعضهما البعض وباختصار الموضوع بجملتين أقول:

• استخدم روابط nofollow عندما لا تثق في الرابط ذي الصلة.
• واستخدم روابط noreferrer عندما لا تريد نقل معلوماتك إلى موقع آخر.

هل تؤثر ميزة "rel = "noopener على تحسين محركات البحث؟

لن يؤثر استخدام روابط noopener على مُحسنات محركات البحث لموقعك بأي شكل من الأشكال فقط روابط dofollow يمكن أن تؤثر على سيو محركات البحث لموقعك. باختصار، تذكر دائمًا ما يلي:

• Noopener هو عن الأمن.

• Nofollow و follow يرتبطان بـ SEO وصلاحية المجال.

هل يمكن منع الإضافة التلقائية لـ "rel = "noopener إلى الروابط في ووردبريس؟

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

لكن إذا كنت بحاجة إلى القيام بذلك على أي حال، فاستخدم أولاً محرر ووردبريس الكلاسيكي TinyMCE بدلاً من المحرر الجديد Gutenberg. بعد ذلك في ملف function.php للقالب الحالي أضف الكود التالي:

add_filter('tiny_mce_before_init','wpb_disable_noopener'); function wpb_disable_noopener( $mceInit ) { $mceInit['allow_unsafe_link_target']=true; return $mceInit; }

الخلاصة:

يحاول ووردبريس مثل أي نظام إدارة محتوى آخر معالجة جميع المخاوف الأمنية التي قد تنشأ. منذ الإصدار 4.7.4 أضاف ووردبريس بشكل افتراضي خاصيات سمات "rel = "noopener و "rel = "noreferrer للروابط التي تفتح في علامة تبويب جديدة .

تساعدك هذه الميزات في الأمان العام لموقعك والمستخدمين لديك وأرجو أن أكون قد قدمت لكم في هذه المقال توضيحًا لاستخدامات noopener والفرق بينها وبين noreferrer و nofollow وأزلت الالتباس الحاصل بينها وإذا كان لديك أي أسئلة حول الموضوع فلا تتردد في كتابته في التعليقات أسفل التدوينة.