نزدیک به یکی دو سال است که گوگل از تگ هایی به اسم noreferrer noopener رونمایی کرده. اگر سایت های تخصصی برنامه نویسی مثل w3school این تگ ها را معرفی میکردند اتفاق خاصی نمی افتاد. اما چون گوگل دست روی آنها گذاشته، در موردشان حاشیه های زیادی به وجود آمده و خیلی ها آنها را تاثیرگذار بر سئو میدانند. پس در این مقاله همراه من باشید تا ببینیم تگ noreferrer noopener چیست و چه تاثیری روی سئو سایت دارد.
تگ noreferrer noopener چیست؟
در واقع این تگ نیست، بلکه یک خاصیت یا صفت در html است. به زبان دیگر، “rel=”noreferrer noopener چیزی است که به تگ A یا همان تگ لینک در زبان html اضافه میشود. یعنی در گذشته لینک ها چنین ساختاری داشتند:
<href=”https://www.google.com/”>
امروز و با اضافه کردن این خاصیت، به این شکل نوشته میشوند:
< “href=”https://www.google.com” rel=”noreferrer noopener/>
البته این تگ قرار است در لینک هایی از سایت شما قرار بگیرد که به یک سایت دیگر داده شده و همینطور در صفحه دیگر باز میشوند. این یعنی گوگل توصیه میکند که اگر قرار است از سایت تان به سایت دیگری در سطح وب لینک بدهید، همینطور اگر قرار است این لینک در مرورگر کاربر در یک تب جدید باز شود (قابلیت target=_blank) بهتر است این صفات را هم به کد اضافه کنید.
کاربرد rel=noopener چیست؟
rel=noreferrer noopener یکی از راهکارهایی است که گوگل از آن برای افزایش امنیت کاربران کمک گرفته. یعنی چه؟ ببینید، گوگل بسیار به امنیت کاربران در سطح وب اهمیت میدهد. به همین دلیل است که وجود ssl در همه سایت ها را اجباری کرده و همینطور اگر سایتی هک شود، سریعا رتبه هایش را کاهش داده و به کاربران برای ورود به آن هشدار میدهد.
اما تگ noreferrer چه ربطی به این موضوع دارد؟ الان با مثال توضیح میدهم. تصور کنید من در انتهای این مقاله، به سایت y به عنوان یکی از منابع، لینک خروجی میدهم. حالا بعد از گذشت چند ماه، هکرها به سایت y حمله کرده و آن را هک میکنند. بعد از این، هکرها به کمک قابلیتی به اسم window.opener و همینطور کدهای js، کاری میکنند که دستگاه کاربران بعد از کلیک روی لینک سایت مورد نظر، وارد صفحه دیگری شده و مورد سوء استفاده قرار بگیرد.
حالا اگر لینکی که به من به سایت y داده باشم ویژگی rel=noreferrer noopener را داشته باشد، شرایط فرق میکند. چراکه در این حالت همین ویژگی کوچک، به هکرها اجازه نمیدهد از کدهای js استفاده کرده و اطلاعات را سرقت کنند. به زبان دیگر، noreferrer محدودیت هایی را برای مرورگر در حین باز کردن صفحه جدید ایجاد میکند تا باعث جلوگیری از مورد سوء استفاده قرار گرفتن کاربران و سایت شود. همینطور noopener از دسترسی به قابلیت windows.object جلوگیری میکند تا از این طریق هم هکرها دست شان بسته شود.
چطور لینک هایی با تگ rel=noreferrer noopener بسازیم؟
اگر سایت تان وردپرسی است، نگران نباشید چون در نسخه های جدید این سیستم مدیریت محتوا به شکل خودکار کد rel=noreferrer noopener را به لینک های blank، یعنی لینک هایی که در صفحه جدید باز میشوند، اضافه میکند. اگر هم نه کافی است در کد هر لینک به خارج، همین تکه کد “rel=”noreferrer noopener را قرار بدهید.
تاثیر تگ rel=noreferrer noopener بر سئوی سایت
خب، به بخش اصلی مقاله رسیدیم! چیزی که باعث شده اینقدر پیرامون این خاصیت و تگ بحث باشد، این است که گوگل روی آن دست گذاشته. در واقع به دلیل حساسیتی که گوگل نسبت به این تگ ها نشان داده، خیلی ها میگویند اضافه شدن آن به هر بک لینک باعث میشود عملا اثر آن بر سایت مقصد کاهش پیدا کند. اما این درست است؟
این گفته را میشود از 2 زاویه بررسی کرد. اگر بخواهیم به حرف های گوگل و منابع معتبر نگاه کنیم، خب جواب منفی است چون اصلا این قابلیت ربطی به سئو ندارد و صرفا هدفش افزایش امنیت در سطح وب است. حتی ممکن است گوگل به دلیل استفاده از آنها و افزایش امنیت، کمی نمره مثبت برای تان در نظر بگیرد.
زاویه دیگری که میتوان به آن نگاه کرد، بحث همه گیری است! ببینید، همانطور که قبلا هم در تمامی دوره ها و وبینارها گفته ام، سئو یک چیز نسبی است. این یعنی شاید یک تکنیک در سطح وب تاثیر زیادی روی بهبود سئو داشته باشد اما وقتی همه آن را انجام بدهند، اثربخشی اش کم میشود. همینطور وقتی اغلب سایت ها یک تکنیک کلاه سیاه و غیر قانونی را عملی کنند، گوگل نمیتواند آنها را جریمه کند. دقیقا همانطور که امروز هیچ سایتی به دلیل دزدی تصاویر جریمه نمیشود، چون اغلب سایت ها این کار را میکند!
در همین شرایط وقتی وردپرس به طور خودکار تگ “rel=”noreferrer noopener را به لینک هایش اضافه کند، یعنی از این به بعد لینک های خروجی که در حدود 40 درصد سایت های سطح وب ساخته میشود، دارای این تگ خواهند بود. بنابراین چه تاثیر مثبتی در آن باشد و چه تاثیر منفی، نمیتوانیم انتظار داشته باشیم این تاثیر خیلی مشهود باشد چون همه گیر شده. البته همانطور که بالاتر هم گفتم، تا جایی که من میدانم و بقیه منابع میگویند، “rel=”noreferrer noopener ربطی به سئو ندارد پس نگرانش نباشید.
آیا rel= nofollow و rel= noopener مشابه هستند؟
اینهم یکی دیگر از سوالاتی است که پیرامون این تگ ها پرسیده میشود. در واقع rel= nofollow خاصیتی است که اگر به لینک های خروجی از سایت تان اضافه کنید، به گوگل گفته اید اعتباری از سایت شما به سایت مقصد منتقل نکند. اما اینطور نیست که تگ های noopener هم چنین چیزی به گوگل بگویند. بنابراین حین ساخت بک لینک نگران آنها نباشید.
تاثیر تگ های noreferrer noopener بر سایت های همکاری در فروش
کسب و کارهایی که به شکل افیلیت مارکتینگ (همکاری در فروش) با سایت های بزرگ مثل آمازون یا دیجی کالا همکاری میکنند، دائم باید در میان صفحات شان به این سایت های مرجع لینک خروجی بدهند. اما آیا وجود noreferrer noopener در لینک های شان تاثیر خاصی دارد؟
همانطور که بالاتر هم گفتم، وجود این 2 خاصیت میتواند کمی باعث ایجاد محدودیت برای سایت مقصدِ لینک شود. مثلا ممکن است سایت دیجی کالا نتواند آمار کاربرانی که از طریق این لینک ها وارد صفحاتش شده اند را به درستی جمع آوری کند.
با توجه به این موضوع، خیلی از سایت های مرجع فعال در این زمینه برای اینکه بتوانند راحت تر آمار کاربران را به دست بیاورند، به همکاران شان پیشنهاد میکنند خاصیت های noreferrer noopener را از لینک ها حذف کنند. پس حتما اگر در این زمینه فعالید از سایت مقصد در مورد این موضوع سوال کنید.
البته با توجه به اینکه اصولا سایت های مرجعی مثل دیجی کالا، آمازون و دیگر سایت های فعال در حوزه همکاری در فروش امنیت بالایی دارند، وجود این خاصیت ها در لینک هایی که به آنها داده میشود خیلی هم ضروری نیست.
چطور تگ noopener را از وردپرس حذف کنیم؟
ممکن است به هر دلیلی مثل همکاری با سایت های افیلیت مارکتینگ بخواهید لینک های سایت تان این تگ های اضافه را نداشته باشند. برای این کار باید 2 قدم طی کنید:
اول از همه باید قابلیت اضافه کردن خودکار تگ noopener را از وردپرس حذف کنید. برای این کار ویرایشگر گوتنبرگ را غیر فعال کرده و ویرایشگر کلاسیک وردپرس را فعال کنید. سپس این کد را به فایل functions.php در هاست اضافه کنید:
1 2 3 4 5 |
add_filter('tiny_mce_before_init','wpb_disable_noopener');function wpb_disable_noopener( $mceInit ) { $mceInit['allow_unsafe_link_target']=true; return $mceInit;} |
در قدم دوم و برای حذف کردن لینک هایی که قبلا در آنها تگ نوپنر اضافه شده، ابتدا افزونه Better Search Replace را نصب کنید. این افزونه به شما برای پیدا کردن کدهای خاص در سایت و حذف شان کمک میکند:
همانطور که در تصویر مشخص است، ابتدا باید کد “rel=”noreferrer noopener را در کادر اول قرار بدهید، کادر بعدی را با زدن یک بار دکمه اسپیس خالی بگذارید تا چیزی جایگزین این کد نشود، در کادر بعدی همه تب ها را انتخاب کرده و بعد از خالی گذاشتن 3 چک باکس آخر صفحه، دکمه انتهایی را بزنید.
بعد از این بار دیگر به سراغ افزونه رفته و این بار صرفا در کادر اول این کد را قرار بدهید: rel=”nofollow noopener noreferrer” به این ترتیب لینک های نوفالو هم noopener شان حذف شود.
نکته: اگر لینک هایی که به خارج از سایت میدهید در یک صفحه جدید باز نشوند، یعنی قابلیت blank در آنها نباشد، وردپرس به آنها تگ noopener را اضافه نمیکند. اما با توجه به اینکه در این حالت ریسک افزایش نرخ پرش بالا میرود، بهتر است لینک ها را با همان قابلیت باز شدن در صفحه جدید قرار بدهید.
آنالیتیکس و noopener
یکی از مشکلاتی که کدهای noopener در سایت به وجود می آورند، ایجاد اختلال در آمار گوگل آنالیتیکس است. در واقع کاربرانی که از طریق این لینک ها وارد صفحه سایت شما میشوند، باید در حالت عادی به عنوان کاربر ارجاعی یا referral در گوگل آنالیتیکس نمایش داده شوند. اما وقتی این لینک ها برچسب “rel=”noreferrer noopener داشته باشند، آنالیتیکس آنها را به عنوان ترافیک مستقیم نشان میدهد. ترافیک مستقیم یا direct کاربرانی هستند که به شکل مستقیم و با وارد کردن لینک سایت شما در مرورگر وارد شده اند. بنابراین عملا این تگ ها گوگل آنالیتیکس و در نتیجه شما را به اشتباه می اندازند.
آیا نیاز است در لینک های داخلی از noopener استفاده کنیم؟
- اولا که این تگ ها برای لینک های به خارج از سایت ساخته شده،
- دوما این تگ ها برای لینک هایی است که در صفحه جدید باز میشوند،
- در نهایت هم اینکه استفاده از این تگ ها باعث بهم ریختن آمار گوگل آنالیتیکس در سایت تان میشود،
بنابراین نه، نیازی به استفاده از این تگ ها در لینک های داخلی نیست.
کلام آخر
خب به انتهای مقاله رسیدیم. در این مقاله با تگ های “rel=”noreferrer noopener آشنا شده، تاثیرشان بر سئو را بررسی کرده و عملا فهمیدیم noopener و noreferrer چیست. در آخر اگر سوال و نظری دارید در بخش نظرات منتظر شما هستم.
منابع: