rel noopener noreferrer چیست؟

rel noopener noreferrer قطعاً بر امنیت وب سایت اثر می گذارد و احتمال بروز برخی از مشکلات امنیتی را کاهش می دهد.

زمانی که روی یک لینک کلیک می کنید و آن لینک در صفحه دیگری باز می شود، صفحه جدید توسط جاوااسکریپت به صفحه قبل قابل دسترس است و می تواند اطلاعاتی از آن را به سرقت ببرید و یا سرعت آن صفحه قبلی را کم کند. برای مقابله با این مشکل، می توان از قابلیت noopener استفاده نمود.

این قابلیت فرمان می دهد که صفحه جدید نباید به صفحه قبلی دسترسی داشته باشد و تأثیری بر آن بگذارد. زمانی که در وردپرس، یک لینک را با فعال کردن تیک “باز کردن در صفحه جدید” بوجود می آورید وردپرس به طور اتومات قابلیت noopener را فعال می کند. بدین ترتیب یک امنیت خوب ایجاد می شود و بر تجربه کاربری، تأثیر مثبت دارد. در این مطلب، بیشتر با rel noopener noreferrer آشنا می شویم.

rel noopener noreferrer

rel noopener به چه معناست؟

rel noopener ، یک ویژگی امنیتی می باشد که در تگ لینک های html قرار دارد. زمانی که لینکی با target=blank آغاز می شود، صفحه ای باز می شود که توسط جاوااسکریپت به صفحه قبلی قابل دسترسی باشد.

در واقع سایت مقصد ممکن است کدهای مخرب در صفحه شما پیاده سازی کند. این بدین معناست که کدهای مخرب در صفحه مبداء اجرایی می شوند که ممکن است از جنبه های مختلف بر وب سایت اثر منفی بگذارند. اما ویژگی noopener این امکان را فراهم می کند که دسترسی کاملاً قطع شود و امنیت تأمین شود.

rel noopener noreferrer به چه معناست؟

این تگ، ادغامی از دو قابلیت امنیتی و حفظ حریم خصوصی در تگ لینک های html می باشد. این دو قابلیت یا ویژگی می توانند در کنار یکدیگر، سطح امنیت لینک های خروجی را افزایش دهند.

به کارایی هر دو ویژگی توجه کنید:

 

ویژگی کارایی نتیجه
noopener ممانعت از از دسترسی صفحه مقصد به صفحه مبداء جلوگیری از ایجاد کدهای مخرب و تأثیرات نامطلوب بر سایت
noreferrer خودداری از ارسال آدرس صفحه مبداء به مقصد با کلیک بر روی لینک عدم اطلاع سایت مقصد از آدرس سایت مبداء

تفاوت noopener و noreferrer چیست؟

این دو ویژگی دارای تفاوت هایی هستند و با هدف افزایش سطح امنیت و حریم خصوصی به تگ لینک ها افزوده می شوند و اقدام متفاوتی را انجام می دهند. تفاوت در این دو به هدف و عملکرد آنها مربوط می شود.

noopener، یک ویژگی امنیتی می باشد که مانع از دسترسی صفحه جدید به صفحه قبلی می شود اما noreferrer مانع از معلوم شدن آدرس مبداء برای صفحه مقصد می شود. زمانی که این دو با یکدیگر پیاده سازی می شوند قطعاً امنیت سایت مبداء بهبود پیدا می کند.

پشتیبانی سایت آموزشی و آموزشگاه

تگ rel noopener noreferrer چه تأثیری بر سئو دارد؟

هیچکدام از این ویژگی ها بر سئو سایت اثرگذار نیستند وصرفاً سطح امنیت سایت را افزایش می دهند. زمانی که قابلیت noopener برای لینک استفاده شده باشد، مرورگر نمی تواند از شیء جاوا اسکریپت window.opener بهره بگیرد و اصلاً مرتبط با موتورهای جستجو نمی باشد.

تگ nreferrer صرفاً مرتبط با قسمت آنالیز سایت می باشد. احتمالاً این تگ در بدست آوردن ترافیک ورودی به سایت بر مبنای منبع ترافیک، اختلالاتی را بوجود می آورد. ولی اثری بر ایندکس، خزش و رتبه بندی ندارد.

چگونه تگ های noopener و noreferrer مانع از فیشینگ می شوند؟

استفاده از rel noopener noreferrer موجب ممانعت از فیشینگ می شود. البته ممانعت صد درصدی وجود ندارد اما سطح امنیت افزایش پیدا می کند.

امروزه، حملات فیشینگ به طور قابل توجهی افزایش پیدا کرده اند. هکرها، کاربران را به صفحات پرداخت فیک هدایت می کنند و بدین ترتیب، اطلاعات کاربران را به سرقت می برند. ولی در صورتیکه در لینک های خروجی که در وب سایت وجود دارند، از این دو تگ استفاده شده باشد امنیت بیشتری حس می شود. در واقع این دو ویژگی در کنار یکدیگر می توانند راه های نفوذ و سرقت اطلاعات را برای هکرها مسدود کنند.rel noopener noreferrer

ویژگی های noopener چیست؟

  • امنیت در برابر حملات: احتمال اینکه کاربران به صفحات جعلی هدایت شوند با وجود استفاده از rel noopener noreferrer بسیار کم است.
  • قطع ارتباط جاوا اسکریپتی: ارتباط میان صفحه مبداء و مقصد توسط جاوااسکریپت قطع می شود و صفحه جدید بر صفحه قبلی تسلط نخواهد داشت.
  • ممانعت از سرقت اطلاعات کاربران: سایت های مخربی که قصد سرقت اطلاعات کاربران را دارند با وجود ویژگی noopener نمی توانند اطلاعات را سرقت کنند.
  • اضافه کردن خودکار در وردپرس: این ویژگی از وردپرس نسخه 4.7.4 به بعد به صورت خودکار فعال شده است و همزمان با انتخاب “باز کردن در تب جدید” فعال می شود.

پشتیبانی سایت فروشگاه کامپیوتر و قطعات

آیا باید rel=”npppener” را از وردپرس حذف کرد؟

خیر، استفاده از rel noopener noreferrer  موجب افزایش سطح امنیت وب سایت می شود. بنابراین نباید آن را حذف کنید ولی چنانچه ناچار به حذف آن هستید، ویرایشگر بلوک گوتنبرگ در وردپرس را غیرفعال کنید و ویرایشگر کلاسیک قدیمی را مورد استفاده قرار دهید.

اگر این تگ، دستی از لینک ها حذف شود ویرایشگر بلوک به صورت خودکار آن را افزوده تا امنیت وب سایت حفظ شود. فراموش نکنید که بعد از غیرفعالسازی ویرایشگر بلوک باید یک کد را به فایل functions.php وارد کنید.

 

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

 

 

کد فوق را به آخر فایل functions.php اضافه کنید. این فایل در مسیر نصبی قالب وردپرس به آدرس wp-contnt/theme/   نام فایل می باشد. بدین ترتیب دیگر شاهد کارایی rel noopener noreferrer نخواهید بود.

روش های افزودن noopener به لینک ها چیست؟

چندین روش برای انجام این کار وجود دارند:

  • استفاده از قابلیت پیش فرض وردپرس
  • افزودن دستی در ویرایشگر متن
  • استفاده از افزونه وردپرس مانند افزونه Auto External Link Nofollowrel noopener noreferrer

سخن پایانی

rel noopener noreferrer می تواند امنیت وب سایت شما را افزایش دهد. ربات های موتورهای جستجو معمولاً این تگ را مورد بررسی قرار نمی دهند. لذا استفاده از این تگ بر سئو سایت اثری ندارد.

این ویژگی ها از وردپرس نسخه 4.7.4 به طور اتومات برای لینک هایی ایجادی با گزینه “باز کردن در تب جدید” فعال می شوند اما روش های دیگری برای استفاده از آنها وجود دارد که به آنها اشاره کردیم.

اگر این ویژگی را از لینک های سایت خود حذف کنید، احتمال هک و حملات مختلف به وب سایت شما افزایش پیدا می کند. فراموش نکنید که این ویژگی برای لینک های خارجی به کار می رود و نیاز نیست که برای لینک های داخلی استفاده شود.

برای دریافت مشاوره فرم زیر را پر کنید.

آنچه در این مطلب خواهید خواند

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *