جستجو کردن
بستن این جعبه جستجو.

تگ noreferrer noopener چیست؟

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

ایجاد تغییرات ناگهانی در فاکتورهای رتبه بندی گوگل و کاهش ترافیک سایت ها یکی از کابوس های دائمی تمامی کسانی است که با دنیای سئو به گونه ای در ارتباط می باشند.

از این رو هر بار که تغییر جدیدی در قوانین رتبه بندی وب سایت ها رخ می دهد تمامی کسانی که در زمینه سئو فعالیت می کنند به دنبال آن هستند که ببینند چگونه می توانند بر تغییرات جدید غلبه کنند تا این تغییرات رتبه وب سایت های آنها را تحت تاثیر قرار ندهد.

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

تگ rel=”noreferrer noopener” چیست؟

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

اخیرا کسانی که در دنیای سئو فعالیت می کنند و از ورژن آخر ورد پرس (ورژن4.7.4) استفاده می نمایند با مشکلی در زمینه کد نویسی های خود برای لینک ها در ورد پرس مواجه شده اند. مشکلات ایجاد شده بدین شکل است که زمانی که افراد برای یک هایپر لینک تگ target=”_blank” اضافه می نمایند وردپرس به صورت اتوماتیک یک خط کد دیگر را به کد های آنها می افزاید.

این خط کد اسرار آمیز، تگی به شکل rel=”noreferrer noopener” می باشد که این روزها برای بسیاری از افراد بسیار دردسر ساز شده است.

بسیاری از افراد با دیدن این کد نگران آن می شوند که مبادا این کد سئوی وب سایت آنها را تحت تاثیر قرار دهد و اختلالی در رتبه بندی های وب سایت آنها ایجاد نماید.

آیا شما نیز با چنین مشکلی مواجه شده اید؟

آیا شما هم به دنبال آن هستید که بدانید این خط کد از کجا آمده است و آیا می خواهد سئوی وب سایت شما را تحت تاثیر قرار دهد؟

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

لذا تمامی مطالب و نکات آورده شده در این مقاله بر اساس جستجوهای شخصی بنده می باشند.
بسیاری از افراد تگ rel=”noreferrer noopener” را چیزی شبیه به تگ Nofollow می پندارند اما این تگ که جدیدا در وردپرس ورژن 4.7.4 ایجاد شده است و پیروی نوشتن کد target=”_blank” برای لینک های داخلی و خارجی در صفحات وب سایت شما (کدی که موجب می شود زمانی که شما لینکی در وب سایت خود ایجاد می نمایید در صورت کلیک کردن کاربر بر روی آن به جای آنکه لینک در همان صفحه باز شود، در پنجره جدیدی باز شود) ایجاد می گردد برای جلوگیری از تب نپینگ به وجود آماده است.

محتوای دست چین شده برای شما:
ایده و روش هایی برای کسب درامد از اینترنت 2023

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

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

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

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

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

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

البته پیرامون این موضوع بحث هایی نیز در Quara، Stack Overflow و حتی Moz ایجاد شده بود و تمامی متخصصان سئو بر این باور هستند که این تگ ها تاثیری بر سئوی وب سایت نمی تواند داشته باشد.

زیرا عملکرد این تگ ها بر خلاف باور عمومی به هیچ وجه شبیه به تگ Nofollow نمی باشد و لینک هایی که این تگ به آنها افزوده می شود نیز توسط موتورهای جستجوگر دنبال می شوند و بر رتبه بندی وب سایت ها تاثیر می گذارند.

آیا تگ rel=”noopener noreferrer” برای کسانی که در سیستم های همکاری در فروش یا افیلیت مارکتینگ کار می کنند می تواند مشکل ساز باشد؟

این مساله کمتر در فروم ها و یا در میان کسانی که متخصص سئو هستند به بحث گذاشته شده است.

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

این مساله ممکن است برای همکاران شما در سیستم همکاری فروش خوشایند نباشد و آنها نخواهند که با چنین شرایطی با شما همکاری نمایند. برای حل این مشکل شما می توانید تگ rel=”noopener noreferrer” را ریموو نمایید.

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

در اینجا ما راهکاری برای شما ارائه نموده ایم که با استفاده از آن خواهید توانست تگ های rel=”noopener noreferrer” را از هایپر لینک هایی که دارای کد target=”_blank” حذف نمایید.

شما باید کدهای زیر را به فایل function.php Theme’s در وردپرس اضافه نمایید.

محتوای دست چین شده برای شما:
مراحل انجام برندسازی چیست؟

توجه کنید، پیش از آنکه هر گونه تغییری در فایل function.php Theme’s ایجاد نمایید یک بک آپ از آن تهیه کنید.

تگ های noopener noreferrer


خب زمانی که شما این کدها را به فایل function.php Theme’s اضافه نمایید دیگر زمانی که می خواهید کد target=”_blank” را به لینک های وب سایت خود اضافه نمایید تگ rel=”noreferrer noopener” به صورت اتوماتیک به کدها اضافه نمی گردد.
خب حال با تگ های rel=”noreferrer noopener” که پیش از افزودن این کدها به وجود آمده اند چکار باید بکنیم؟؟

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

چگونه تگ 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=”nofollow noopener noreferrer” را از لینک های Dofollow حذف نموده اید

اما اگر بخواهید rel=”nofollow noopener noreferrer” را از لینک های Nofollow نیز حذف نمایید باید به روش زیر عمل کنید:

  • ابتدا باید پلاگین وردپرس Better Search Replace را دانلود و نصب نمایید.
  • سپس در آن rel=”nofollow noopener noreferrer” را جستجو کنید.
  • در کادر Replace تنها یک اسپیس بزنید.
  • تیک چک باکس Run as a dry run را حذف کنید.
  • بر روی گزینه ” Run Search/Replace” کلیک نمایید.

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

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

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

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

به پایان آمد این دفتر حكایت همچنان باقیست

نظر شما برای بهبود کیفیت کار ما ارزشمند است

متاسفیم که این پست برای شما مفید نبود!

Let us improve this post!

چگونه میتوانیم این پست را بهبود بخشیم؟

مسیر موفقیت شما با خدمات VIP وب آنجل

18 پاسخ

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

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

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

  2. پس یعنی تفاوت چندانی بین لینک های nofollow با noopener noreferrer نیست؟

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

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

    1. فرق نمیکنه ربطی به گوگل پسندی نداره.یو ایکس هست موضوع.

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

  6. مرسی از مطالب خوبتونن فقط یه کم عامیانه تر بفرمایید ممنون

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

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

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

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

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

    rel = Dofollow noopener

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

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

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

وب آنجل
جستجو کردن