تگ noreferrer noopener چیست؟

🔄 تاریخ آخرین به‌روزرسانی: ۱۰ بهمن ۱۴۰۳
آنچه در این مقاله خواهید خواند
مشاوره با دکتر مهدی زاده
درباره این مقاله سوال دارید؟
پاسخ سوالاتت پیش دکتر مهدی‌زاده است؛ همین حالا بپرس!

تغییرات ناگهانی در فاکتورهای رتبه‌بندی گوگل و کاهش ترافیک سایت‌ها از جمله چالش‌های همیشگی متخصصان سئو است. با هر به‌روزرسانی در قوانین گوگل، بسیاری از فعالان سئو تلاش می‌کنند با پیاده‌سازی تغییرات جدید از کاهش رتبه سایت خود جلوگیری کنند. یکی از تغییرات جدیدی که اخیراً توجه زیادی را به خود جلب کرده است، تگ rel=”noreferrer noopener” است.

این تگ به‌طور خودکار در آخرین نسخه وردپرس (نسخه 4.7.4) به لینک‌هایی که با کد target=”_blank” ایجاد می‌شوند، اضافه می‌شود. در این مقاله به بررسی دلایل ظاهر شدن این تگ، نحوه عملکرد آن و تأثیر آن بر سئو خواهیم پرداخت.

تگ rel=”noreferrer noopener” چیست و چرا به وجود آمده است؟

زمانی که کاربران عبارتی را در گوگل جستجو می‌کنند، نتایج به صورت فهرستی از لینک‌های وب‌سایت‌های مختلف در صفحه نتایج جستجو (SERP) نمایش داده می‌شوند. این لینک‌ها به صورت تصادفی نمایش داده نمی‌شوند، بلکه بر اساس مطابقت وب‌سایت‌ها با الگوریتم‌های گوگل و اصول سئو مرتب‌سازی می‌شوند.

کاربران وردپرس که از نسخه 4.7.4 استفاده می‌کنند، متوجه شده‌اند که هنگام اضافه کردن تگ target=”_blank” برای باز کردن لینک‌ها در تب جدید، وردپرس به‌طور خودکار تگ rel=”noreferrer noopener” را به کد اضافه می‌کند. این تگ برای برخی کاربران نگران‌کننده شده است، زیرا آنها نگران تأثیر آن بر رتبه‌بندی و سئوی سایت خود هستند.

آیا تگ rel=”noreferrer noopener” بر سئو تأثیر دارد؟

این تگ برخلاف تگ nofollow که به موتورهای جستجو اعلام می‌کند لینکی را دنبال نکنند، هیچ تأثیر منفی بر انتقال اعتبار لینک‌ها ندارد و موتورهای جستجو همچنان می‌توانند این لینک‌ها را دنبال کرده و به آنها اعتبار بدهند. هدف اصلی از اضافه شدن تگ noreferrer noopener بهبود امنیت کاربران است و تأثیری بر رتبه‌بندی وب‌سایت شما ندارد.

چرا وردپرس این تگ را به لینک‌ها اضافه می‌کند؟

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

آیا باید تگ rel=”noreferrer noopener” را حذف کنیم؟

از آنجایی که این تگ تنها جنبه امنیتی دارد و تأثیر منفی بر سئو ندارد، توصیه می‌شود آن را حذف نکنید. حذف این تگ ممکن است کاربران سایت شما را در معرض حملات تب نپینگ قرار دهد و تجربه کاربری آنها را به خطر بیندازد.

تگ rel=”noreferrer noopener” چگونه از فیشینگ جلوگیری می نماید؟

تگ noopener زمانی که به لینک اضافه می‌شود، از دسترسی صفحه جدید به window object صفحه اصلی جلوگیری می‌کند. با این ویژگی، صفحه جدید که در اثر کلیک کاربر در تب یا پنجره‌ای دیگر باز شده است، نمی‌تواند به اطلاعات صفحه اصلی دسترسی پیدا کند. این کار از طریق غیرفعال‌سازی ویژگی window.opener انجام می‌شود، که امکان هرگونه دسترسی به اطلاعات صفحه مرجع را برای صفحه جدید مسدود می‌کند.

تگ noreferrer نیز به مرورگر می‌گوید که اطلاعات ارجاع‌دهنده (HTTP Referrer) را به صفحه مقصد ارسال نکند. با این کار، اطلاعاتی از صفحه اصلی هنگام کلیک کاربر به صفحه جدید منتقل نمی‌شود و اطلاعات کاربران محافظت می‌شود. در صورتی که هکرها از طریق حملات تب نپینگ بخواهند اطلاعات کاربران را سرقت کنند، به دلیل عدم انتقال اطلاعات ارجاعی، دسترسی به اطلاعات کاربران برای آنها غیرممکن می‌شود.

آیا تگ rel=”noopener noreferrer” می‌تواند برای سئو مشکلی ایجاد کند؟

تگ‌های noopener noreferrer که به‌صورت خودکار در وردپرس نسخه 4.7.4 با افزودن target=”_blank” اضافه می‌شوند، تنها به منظور حفظ امنیت اطلاعات سایت‌ها و کاربران طراحی شده‌اند. این تگ‌ها از انتقال اطلاعات به صفحه جدید جلوگیری می‌کنند و به حفظ امنیت کاربران کمک می‌کنند؛ بنابراین مشکلی برای سئو ایجاد نمی‌کنند.

در بحث‌هایی که در پلتفرم‌های Quora، Stack Overflow و Moz انجام شده، متخصصان سئو تأکید کرده‌اند که این تگ‌ها تأثیری بر سئو ندارند. برخلاف باور عمومی، عملکرد این تگ‌ها به هیچ وجه شبیه به تگ nofollow نیست و لینک‌هایی که با این تگ‌ها همراه می‌شوند همچنان توسط موتورهای جستجو دنبال می‌شوند و می‌توانند بر رتبه‌بندی وب‌سایت تأثیر مثبت داشته باشند.

آیا تگ rel=”noopener noreferrer” برای همکاری‌های افیلیت (Affiliate Marketing) مشکلی ایجاد می‌کند؟

در میان متخصصان سئو، بحث کمی درباره تأثیر این تگ‌ها در سیستم‌های همکاری در فروش (افیلیت مارکتینگ) وجود دارد. با این حال، چون تگ noopener noreferrer مانع از انتقال اطلاعات ارجاعی می‌شود، سرور افیلیت نمی‌تواند اطلاعاتی درباره کاربرانی که روی لینک‌های افیلیت کلیک می‌کنند دریافت کند. این اطلاعات می‌تواند شامل نوع ویندوز، نوع مرورگر، موقعیت مکانی کاربر و دستگاه مورد استفاده باشد.

برای افرادی که در افیلیت مارکتینگ فعالیت می‌کنند، این وضعیت ممکن است خوشایند نباشد و ممکن است برخی از همکاران افیلیت تمایلی به همکاری با شما نداشته باشند. برای حل این مشکل، می‌توانید تگ rel=”noopener noreferrer” را از لینک‌های افیلیت حذف کنید تا اطلاعات ارجاعی به سرور افیلیت ارسال شود.

چگونه تگ rel=”noopener noreferrer” را از وردپرس حذف کنیم؟

اگر می‌خواهید تگ‌های rel=”noopener noreferrer” را از لینک‌هایی که شامل کد target=”_blank” هستند حذف کنید، می‌توانید این کار را با افزودن کدهای زیر به فایل functions.php قالب وردپرس خود انجام دهید. قبل از اعمال هر تغییری، حتماً از فایل functions.php نسخه پشتیبان (بک‌آپ) تهیه کنید تا در صورت بروز مشکل بتوانید آن را بازیابی کنید.

کد حذف تگ rel=”noopener noreferrer”

function remove_noopener_noreferrer($content) {
    return str_replace(' rel="noopener noreferrer"', '', $content);
}
add_filter('the_content', 'remove_noopener_noreferrer');
add_filter('widget_text', 'remove_noopener_noreferrer');

با افزودن این کدها به فایل functions.php، تگ‌های rel=”noopener noreferrer” دیگر به صورت خودکار به لینک‌هایی با target=”_blank” اضافه نمی‌شوند.

حذف تگ‌های rel=”noopener noreferrer” که قبلاً ایجاد شده‌اند

اگر این تگ‌ها پیش از اعمال این کدها به لینک‌های سایت شما اضافه شده‌اند، نیازی نیست که آن‌ها را به‌صورت دستی و تک‌تک حذف کنید. می‌توانید از راه‌حل‌های سریع‌تر و ابزارهای ویرایش انبوه برای حذف تمامی تگ‌های rel=”noopener noreferrer” استفاده کنید.

  • استفاده از افزونه‌های وردپرس: افزونه‌هایی مانند Better Search Replace یا WP Migrate DB می‌توانند به شما کمک کنند تا به‌راحتی و به‌صورت انبوه این تگ‌ها را از محتوای سایت خود حذف کنید.
  • ویرایش مستقیم پایگاه داده: اگر به پایگاه داده (Database) دسترسی دارید و با آن آشنا هستید، می‌توانید از دستورات SQL برای جستجو و جایگزینی تگ‌های rel=”noopener noreferrer” در محتوای سایت خود استفاده کنید. در این صورت، توجه داشته باشید که این روش نیاز به دقت زیادی دارد.

چگونه تگ rel=”noreferrer noopener” را از پست‌های قبلی وردپرس حذف کنیم؟

برای حذف تگ‌های rel=”noreferrer noopener” که به‌طور ناخواسته به برخی از لینک‌های پست‌های قبلی سایت شما اضافه شده‌اند، می‌توانید از افزونه وردپرس Better Search Replace استفاده کنید. مراحل زیر را دنبال کنید:

  1. گام اول: افزونه Better Search Replace را دانلود و نصب کرده و سپس آن را فعال کنید.
  2. گام دوم: در افزونه، عبارت rel=”noopener noreferrer” را جستجو کنید.
  3. گام سوم: این عبارت را با یک جای خالی جایگزین کنید.
  4. گام چهارم: تیک چک‌باکس “Run as a dry run” را بردارید.
  5. گام پنجم: روی گزینه “Run Search/Replace” کلیک کنید.

این مراحل تگ‌های rel=”noopener noreferrer” را از لینک‌های Dofollow حذف می‌کند. اگر بخواهید تگ‌های rel=”nofollow noopener noreferrer” را نیز از لینک‌های Nofollow حذف کنید، مراحل زیر را انجام دهید:

  1. گام اول: افزونه Better Search Replace را دانلود، نصب و فعال کنید.
  2. گام دوم: عبارت rel=”nofollow noopener noreferrer” را جستجو کنید.
  3. گام سوم: در کادر Replace تنها یک فاصله (Space) وارد کنید.
  4. گام چهارم: تیک چک‌باکس “Run as a dry run” را بردارید.
  5. گام پنجم: روی گزینه “Run Search/Replace” کلیک کنید.

چرا وردپرس این تگ را اضافه می‌کند؟

وردپرس به‌صورت خودکار تگ rel=”noopener noreferrer” را به لینک‌هایی که کد target=”_blank” دارند، اضافه می‌کند. این قابلیت با هدف افزایش امنیت کاربران طراحی شده است و از انتقال اطلاعات HTTP به صفحه جدید جلوگیری می‌کند، که به‌ویژه برای مقابله با حملات فیشینگ و دزدی اطلاعات مفید است.

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

پاسخ‌های متداول درباره ویژگی‌های noopener noreferrer در لینک‌ها

1

چرا از noopener noreferrer استفاده کنیم؟

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

2

چه زمانی باید rel=”noopener noreferrer” را به لینک‌ها اضافه کنیم؟

وقتی یک لینک را با target=”_blank” باز می‌کنید، بهتر است rel=”noopener noreferrer” را اضافه کنید تا از مشکلات امنیتی و حریم خصوصی جلوگیری کنید. این عمل در همه لینک‌های خارجی و به‌خصوص در سایت‌های حساس توصیه می‌شود.

3

تگ rel چیست؟

تگ rel یا “relationship” یک ویژگی در تگ a است که نوع رابطه بین صفحه جاری و لینک هدف را مشخص می‌کند. برای مثال، noopener, noreferrer, nofollow و author نمونه‌هایی از این مقادیر هستند که هرکدام هدفی خاص دارند.

4

آیا همچنان نیاز به noopener noreferrer است؟

بله، به‌ویژه در لینک‌هایی که با target=”_blank” باز می‌شوند، استفاده از noopener noreferrer توصیه می‌شود تا از آسیب‌پذیری‌های امنیتی و ارسال اطلاعات غیرضروری جلوگیری شود.

5

rel=’noopener noreferrer’ چیست؟

این ویژگی به مرورگر می‌گوید که زبانه جدید بازشده نباید به زبانه مادر دسترسی داشته باشد (noopener) و نباید اطلاعات مرجع (مانند URL) را به سایت مقصد ارسال کند (noreferrer).

6

آیا به noopener نیاز دارم؟

اگر لینک‌ها را با target=”_blank” باز می‌کنید، استفاده از noopener توصیه می‌شود تا از دسترسی‌های ناخواسته جلوگیری کند. این کار به افزایش امنیت سایت کمک می‌کند.

7

آیا به noreferrer نیاز است؟

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

8

آیا noopener همان nofollow است؟

خیر، noopener به جلوگیری از دسترسی صفحه مقصد به صفحه اصلی کمک می‌کند، درحالی‌که nofollow به موتورهای جستجو می‌گوید که لینک را دنبال نکنند و اعتبار به صفحه مقصد ندهند.

خدمات و آموزش دیجیتال مارکتینگ در آکادمی وب آنجل

آموزش دیـجیتال مارکتینگ در آکادمی وب آنجل یک فرصت بی‌نظیر برای توسعه مهارت‌های بازاریابی آنلاین است. این دوره‌ها توسط حامد مهدی زاده، متخصص سئو و بازاریابی با بیش از یک دهه تجربه، ارائه می‌شود. همچنین، برای استفاده از خدمات سئوی وب آنجل نیز می‌توانید همین حالا تماس بگیرید.

🎉 ۲۰٪ تخفیف ویژه برای هم‌میهنان عزیز

وب آنجل با بیش از ۱۶ سال تجربه تخصصی در سئو، طراحی وب و بازاریابی دیجیتال، همیشه یک هدف داشته است: رضایت کامل مشتریان.

صدها پروژه موفق و بازخوردهایی که یک پیام مشترک دارند: «وب آنجل، فرشته نجات کسب‌وکار ماست»

این فرصت را از دست ندهید؛ همین امروز کسب‌وکار خود را وارد مسیر رشد سریع و پایدار کنید.
۱. بررسی رایگان وب‌سایت
  • ارزیابی سئو تکنیکال و تجربه کاربری
  • گزارش دقیق با فرصت‌های رشد
  • پیشنهادهای کاربردی و اختصاصی
۲. خدمات سئو
  • استراتژی‌های پیشرفته کلمات کلیدی و محتوا
  • بهینه‌سازی سئو تکنیکال و داخلی
  • ساخت بک‌لینک و لینک‌سازی داخلی
۳. تبلیغات گوگل و SEM
  • راه‌اندازی و بهینه‌سازی کمپین‌ها
  • افزایش CTR و مدیریت بودجه
  • هدف‌گیری تبلیغاتی با نرخ تبدیل بالا
۴. بهبود CRO و تجربه کاربری
  • تست A/B و تحلیل نقشه حرارتی
  • بهینه‌سازی CTAها و صفحات فرود
  • ایجاد تجربه کاربری روان و بدون مانع
۵. طراحی و توسعه وب
  • طراحی واکنش‌گرا و اولویت با موبایل
  • طراحی مدرن و با بارگذاری سریع
  • توسعه یکپارچه با سئو
۶. بازاریابی محتوایی و ایمیل
  • تولید محتوا و استراتژی بلاگ سئو
  • ایمیل مارکتینگ و طراحی قیف‌های ارتباطی
  • محتوای شخصی‌سازی‌شده و متمرکز بر تبدیل

18 پاسخ

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

    1. سلام
      بله متاسفانه به خاطر کمبود وقت این مشکلات پیش میاید .قبلا مطلبی به ذهن خطور میکرد و در سایت پیش نویس میشد . ولی الان در یک فایل پیش نویس و انتشار میشود . البته هدف اصلی آموزش و ارائه تجریات ما به هموطنان عزیز میباشد و مطلب همانطور که مشخص میباشد کپی نیست ./ موفق باشید

      1. من البته منظورم از کپی این نبود که از جایی کپی کردید. خود من معمولا وقتی می خوام از ورد مطلبی رو به وردپرس منتقل کنم، برای از بین رفتن استایلها، اول به نوت پد می برم و از اونجا کپی می کنم. اما این کار باعث از بین رفتن همه تگهای پاراگراف هم میشه، برای همین همه پاراگراف ها می چسبه به هم. کافیه در وردپرس اول هر پاراگراف یک اینتر زد.

  2. داداش چی میگی، چی میزنی یه کلوم بگو چیه؟
    چرا الکی مخاطبت رو به حاشیه میکشی و الکی متنو طولانی میکنی که فقط تعداد کلماتت بره بالا، لقمه رو نپیچون به مخاطبت احترام قائل باش

  3. سلام از نظر سئو کدوم بهتره؟
    لینک با target
    یا
    بدون target
    منظورم کدوم گوگل پسندتر هست
    تنکس

  4. ممنون از متن‌های خوبتون. چندین بار توی سرچ‌های مختلف اومدم توی سایت شما که خب خود این میتونه خیال آدم رو از منبعی که داره در مورد سئو میخونه راحت کنه.

  5. سلام روز شما بخیر
    به تازگی متوجه شدم با کلیک روی اینماد سایتم ارور ۴۰۴ میاد وقتی توی inspect
    rel = noreferer noopener رو پاک میکنم مشکل حل میشه
    این کد هم که فرمودین خود به خود اضافه میشه
    اگه فقط بخوام از صفحه اینمادم پاک شه باید افزونه نصب کنم یا توی فانکشن کد بنویسم؟
    چون بنا به مطلب کد فوق برای امنیت سایت مفیده
    ممنون میشم راهنمایی بفرمایید

    1. سلام
      خود noopener که برای امنیت استفاده میشه رو نیازی نیست حذف کنید.
      فقط بیاید و همون noreferrer رو تنها حذف کنید کافیه
      ای نماد جدیدا داره سایتهایی که از تگ noreferrer استفاده میکنن رو میفرسته به صفحه ارور 404 که به نظر دلیلش هم بیشتر برای اینه که میخواد ببینه از چه سایتی کاربر داره وارد میشه و مطابقت بده با صفحه ای که کاربر داره بهش هدایت میشه.

  6. سلام . روز بخیر
    ی سوال از خدمتتون داشتم
    برای جوملا هم میشه از تگ rel = noreferer noopener استفاده کرد؟
    و اینکه اگر یک مشتری اصرار داشته باشه برای بنری در یک سایت جوملا از این تگ استفاده کنه امکان قرار دادن آنها برای یک تک لینک هست و این چه معایبی میتوته برای سایت مبدا داشته باشه؟

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

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

    rel = Dofollow noopener

    1. سلام. در وردپرس به صورت پیش فرض این کد اعمال میشه.
      لارم نیست تگ Noopener رو اضافه کنید و حتی تگ دوفالو رو.

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

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