تگ noopener چیست؟ آموزش کامل + بررسی تاثیر noreferrer بر سئو
احتمالاً برای شما هم پیش آمده که بخواهید در محتوای سایتتان به یک منبع خارجی لینک بدهید و دوست داشته باشید این لینک در یک تب جدید (پنجره جدید) برای کاربر باز شود تا او از سایت شما خارج نشود. اینجاست که پای ویژگی target="_blank" به میان می آید. اما صبر کنید! استفاده از این ویژگی به تنهایی می تواند یک حفره امنیتی بزرگ در سایت شما ایجاد کند.
در این مقاله از اس ال ای وبز، می خواهیم بررسی کنیم که تگ noopener و noreferrer چه هستند، چرا باید از آنها استفاده کنیم و آیا واقعاً تاثیری روی سئو دارند یا خیر؟
تگ noopener چیست؟
تگ rel="noopener" دقیقاً همان سپر دفاعی است! وقتی شما این عبارت را به لینک های خروجی خود اضافه می کنید، در واقع به مرورگر دستور می دهید که دسترسی سایت مقصد را به تب سایت شما قطع کند.
به این ترتیب، window.opener مقدار null می گیرد و سایت مقصد هیچ کنترلی روی صفحه اصلی شما نخواهد داشت.
ساختار یک لینک امن به این شکل است:
<a href="https://example.com" target="_blank" rel="noopener">لینک به سایت خارجی</a>
تگ noreferrer چیست؟
تگ rel="noreferrer" کار مشابهی با noopener انجام می دهد (یعنی امنیت را تامین می کند) اما یک کار اضافهتر هم می کند: اطلاعات ارجاع دهنده (Referrer) را مخفی می کند.
یعنی اگر شما با این تگ به یک سایت دیگر لینک بدهید، صاحب آن سایت در گوگل آنالیتیکس خود نمی تواند ببیند که ترافیک از سمت سایت شما آمده است؛ بلکه آن را به عنوان ترافیک مستقیم (Direct) می بیند.
تاثیر noreferrer و noopener بر سئو چیست؟
بسیاری از وب مستر ها نگران این هستند که اضافه شدن این تگ ها به لینک ها، باعث افت سئو یا از بین رفتن ارزش بک لینک ها شود. بیایید یک بار برای همیشه این خیال باطل را دور بریزیم!
تگ های noopener و noreferrer هیچ تاثیر منفی مستقیمی بر سئو (SEO) ندارند.
این تگ ها صرفاً دستوراتی برای مرورگر و ابزارهای تحلیلی هستند و ربطی به خزنده های گوگل ندارند. موتورهای جستجو همچنان لینک شما را دنبال می کنند (مگر اینکه از تگ nofollow استفاده کرده باشید). با این حال، استفاده از این تگ ها باعث افزایش امنیت سایت و در نتیجه بهبود تجربه کاربری می شود؛ چیزی که برای الگوریتمهای هوشمند گوگل مانند الگوریتم رنک برین به شدت ارزشمند است.
اگر می خواهید ساختار لینک سازی داخلی و خارجی سایتتان دقیقاً مطابق با استاندارد های روز گوگل باشد و رتبه های اول را هدف بگیرید، می توانید از خدمات سئو و بهینه سازی سایت ما کمک بگیرید.
تفاوت nofollow با noopener و noreferrer
خیلیها این سه مورد را با هم اشتباه می گیرند:
- noopener: فقط برای امنیت است و جلوی هک شدن تب مرورگر را می گیرد. (تاثیری روی انتقال اعتبار سئو ندارد).
- noreferrer: اطلاعات سایت مبدا را از گوگل آنالیتیکس سایت مقصد مخفی می کند و امنیت را هم تامین می کند. (تاثیری روی انتقال اعتبار سئو ندارد).
- nofollow: به موتورهای جستجو می گوید که این لینک را دنبال نکنند و اعتبار سایت من را به سایت مقصد انتقال ندهید. (مستقیماً روی سئو تاثیر دارد).
نکته مهم: اگر قصد دارید در بخش های مختلف سایت خود مانند فوتر یا سایدبار لینک هایی به بیرون بدهید (که به آنها لینک سایت واید می گویند)، حتماً مراقب تگهای امنیتی و سئویی آنها باشید تا توسط گوگل جریمه نشوید.
وردپرس و اضافه کردن خودکار این تگ ها
خبر خوب این است که اگر سایت شما وردپرسی است، از نسخه ۴.۷ به بعد، وردپرس به طور خودکار تگ rel="noopener noreferrer" را به تمام لینک هایی که تنظیم شده اند در تب جدید باز شوند، اضافه می کند.
اگر سایت شما با سیستم های اختصاصی ساخته شده یا از نسخه های خیلی قدیمی استفاده می کنید، وقت آن رسیده که به فکر ارتقا باشید. یک کدنویسی تمیز و اصولی از همان ابتدا، جلوی بسیاری از مشکلات آینده را می گیرد. برای داشتن یک سایت استاندارد می توانید روی خدمات طراحی سایت اس ال ای وبز حساب باز کنید.
سخن پایانی
امنیت کاربر و سایت، خط قرمز شما در دنیای وب است. استفاده از target="_blank" بدون تگ noopener یک ریسک بزرگ است. بررسی تک تک لینک های قدیمی سایت ممکن است زمان بر باشد، اما برای حفظ سلامت سایت ضروری است. اگر زمان کافی برای بررسی فنی سایت خود ندارید یا نیاز به رفع ایرادات فنی دارید، تیم ما در بخش خدمات پشتیبانی سایت و خدمات امنیت سایت وردپرس آماده است تا تمام این موارد را برای شما بررسی و بهینه سازی کند.
امیدواریم این مقاله از اس ال ای وبز نیاز شما را برطرف کرده باشد. اگر سوالی در مورد تگ های لینک سازی دارید، در بخش نظرات بپرسید تا با کمال میل پاسخ دهیم!
منبع: google
بدون دیدگاه