ماذا تعني علامة rel = ”noopener noreferrer”؟ (وهل يؤثر على تحسين محركات البحث؟)

يعد الاهتمام بالأمان على موقع الويب الخاص بك أحد أهم جوانب كونك مالكًا للموقع. قد تدرك أهمية وجود HTTPS في بادئة عنوان URL الخاص بك ، أو لماذا تحتاج إلى شهادة SSL. ولكن هل تعرف ما تعنيه سمات علامة noopener noreferrer HTML ومتى يجب عليك استخدامها؟

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

ما هو rel = ”noopener noreferrer”؟

تظهر سمات HTML rel = ”noopener noreferrer” في الارتباطات التشعبية الخارجية. على وجه التحديد ، فإن استخدام كل من السمتين noopener و noreferrer يمنع:

• هدف الارتباط التحميل في نفس علامة التبويب حيث تم النقر فوق الارتباط
• الرابط الخلفي من الظهور كزيارات إحالة في تحليلات الموقع الوجهة

هذا ما تبدو عليه سمات العلامات أثناء العمل:

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">

يضيف WordPress هذه السمات تلقائيًا إلى الروابط الخارجية التي تحددها لفتحها في نافذة جديدة. دعنا نقسمهم وننظر إلى ما تفعله كل سمة.

noopener

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

"[ noopener ] يوجه المتصفح للانتقال إلى المورد الهدف دون منح سياق التصفح الجديد حق الوصول إلى المستند الذي فتحه. [...] يكون هذا مفيدًا بشكل خاص عند فتح روابط غير موثوق بها ، وذلك للتأكد من أنها لا تستطيع العبث بالمستند الأصلي ... "

باختصار ، noopener هو إجراء أمني إلى حد كبير لمنع الروابط الضارة من الوصول إلى متصفح المستخدم (هجوم تصيد يُعرف باسم tabnabbing). في الماضي ، أدى ترك الهدف = "_ فارغ" بمفرده في الرابط الخاص بك إلى فتح هذه الثغرة الأمنية. الآن ، عندما يكون لديك رابط خارجي مضبوط على الفتح في نافذة متصفح جديدة باستخدام target = "_ blank" ، فإن معظم محركات البحث وخبراء تحسين محركات البحث يعتبرون أنه من أفضل الممارسات استخدام noopener جنبًا إلى جنب.

(وفقًا لشبكة مطوري Mozilla (MDN) ، الهدف = "_ blank" السمة "توفر الآن ضمنيًا نفس سلوك <rel>" مثل noopener . نشعر أنه لا يزال من المفيد أن تكون آمنًا بشكل مضاعف وتتضمن noopener نظرًا لأنه لا يقوم جميع المستخدمين بالنقر فوق الروابط في أحدث المتصفحات وأكثرها أمانًا.)

نوريفيرر

بشكل أساسي ، تمنع شركة noreferrer المواقع الخارجية من معرفة أنك قمت بتضمين روابط لموادها على موقع الويب الخاص بك. قد يكون هذا مهمًا بالنسبة لك لأسباب تتعلق بالخصوصية أو الأمان. بشكل عام ، هذه السمة المحددة هي سمة تريد التفكير فيها قبل تطبيقها على روابطك. يعتمد استخدامه حقًا على تفضيلاتك.

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

إذا انتقل شخص ما إلى موقع الويب الخاص بك باستخدام رابط لا يتضمن noreferrer ، فستتمكن من رؤية موقعه على الويب مدرجًا في رابط زيارات الإحالة على لوحة معلومات Analytics. ولكن إذا كان الرابط يتضمن noreferrer ، فسيظهر في حركة المرور المباشرة. يمكنك العثور على هذه القوائم في Google Analytics ضمن الاكتساب> جميع الزيارات> القنوات والاكتساب> كل حركة المرور> الإحالات .

سيستمر تمرير "عصير الارتباط" لتحسين محركات البحث ، ولكن ليس البيانات المتعلقة بالمنشئ. إذا لم تكن مهتمًا بتمرير تعزيز مُحسّنات محرّكات البحث ، فستكون nofollow علامة إضافية تريد إضافتها.

باستخدام مع rel = "nofollow"

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

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

باختصار ، فإن إضافة السمات الثلاث - noopener و noreferrer و nofollow - إلى رابط يخبر Google بأنك:

• على استعداد لحماية مستخدمي موقعك من الروابط الخارجية التي يُحتمل أن تكون ضارة ( noopener )
• عدم الرغبة في الظهور في بيانات تحليلات موقع الويب كحركة مرور مُحالة ( نوريفير )
• عدم الرغبة في المصادقة على المحتوى أو المنشئ الذي تربطه ( nofollow )

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

متى تستخدم "noopener noreferrer"

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

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

التأثير العام لـ "noopener noreferrer" على مُحسنات محركات البحث

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

ومع ذلك ، فإن noreferrer ستمنع Google من التعرف عندما تقوم بالربط بمواقع الآخرين. ولن يتمكن مالكو مواقع الويب الآخرون من معرفة ما إذا كنت تقوم بالارتباط بهم.

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

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

خاتمة

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

هل تستخدم rel = ”noopener noreferrer” في الارتباطات التشعبية الخاصة بك؟ لما و لما لا؟ اترك لنا تعليقًا وأخبرنا برأيك.

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