noopener و noreferrer از تگ های HTML هستند که به لینک های خارجی اضافه می گردند. اما چرا به یکباره این تگ ها مهم شدند؟ زیرا وردپرس در نسخه های اخیر خود بصورت پیش فرض این دو تگ را برای زمانی که به جایی لینک می دهید و از ویژگی blank_ که باعث می شود صفحه در یک تب جدید باز شود استفاده می کنید، به کد شما اضافه می کند.
یکی از دلایلی که بحث های زیادی بر روی این دو تگ انجام می شود، تاثیر آنها بر سئوی سایت است. یکسری می گویند تاثیر منفی دارد و بسیاری دیگر نیز منکر تاثیر منفی آنها شده اند. ما در ادامه این مقاله تاثیرات این تگ ها را بیشتر مورد بررسی قرار خواهیم داد، اما در ابتدا هر کدام را جداگانه معرفی می کنیم.
تگ noreferrer چیست؟
این تگ یک ویژگی در html است که می تواند در تگ <a> که مخصوص لینک دادن است، بکار برده شود. کاری که می کند اینست که مانع انتقال اطلاعات سایت referrer به سایت لینک شده یا همان سایت مقصد می شود. referrer سایت معرف است که لینک سایت مقصد در آن قرار داده شده است.
این بدین معنا است که گوگل آنالیتیک وقتی ترافیکی را دریافت می کند که در آن تگ noreferrer است، آن ترافیک ورودی را مستقیم در نظر می گیرد و نه به عنوان referral. در نتیجه وقتی وبمستر، اطلاعات ورودی های سایت خود را در گوگل آنالیتیک بررسی می کند، اگر ورودی ها از لینک هایی بوده باشد که این تگ را نداشته اند، در قسمت referral و اگر این تگ را داشته اند، در قسمت Direct طبقه بندی می شوند.
با یک مثال این مفهوم را بیشتر توضیح می دهیم: فرض کنید شما از سایت الف به سایت ب بدون تگ noreferrer لینک داده اید. وقتی مالک سایت ب در گوگل آنالیتیک سایت خود را بررسی می کند، ترافیکی که از سایت الف آمده است را در قسمت Referral مشاهده می کند. حال فرض کنید شما از سایت الف به سایت ب با تگ noreferrer لینک داده اید. در اینجا هر ترافیکی که از سایت الف به ب می آید در قسمت Direct نشان داده می شود.
در زیر یک کد html با تگ noreferrer را مشاهده می نمایید:
<a href=”https://google.com” rel=”noreferrer”>Link to Google</a>
چه زمانی از تگ noreferrer استفاده نماییم؟
تنها دلیلی که برای استفاده از این تگ وجود دارد برای زمانی است که شما نمی خواهید سایتی که به آن لینک داده اید متوجه این امر شود. اگر این دلیل برای شما بی معنی است پس دیگر لزومی به استفاده از آن نیست.
البته حتماً دقت نمایید که از این تگ برای لینک های داخلی استفاده نکنید زیرا باعث گیج شدن گوگل آنالیتیک می شوید.
آیا استفاده از noreferrer در سئو تاثیر دارد؟
در یک کلام خیر، تاثیری ندارد و نیازی نیست در این زمینه نگران باشید. فقط باید در نظر داشته باشید که اگر از این تگ استفاده نکنید، ادمین های سایت هایی که به آنها لینک داده اید از طریق گوگل آنالیتیک متوجه لینک دادن شما می شوند و ممکن است بخواهند آن صفحه را در شبکه های اجتماعی به اشتراک بگذارند و یا خودشان سایت شما را دائماً چک کنند و شما از این طریق می توانید یکسری ورودی به سایت داشته باشید. در نتیجه بصورت غیرمستقیم ممکن است استفاده نکردن از این تگ در سئوی شما تاثیر مثبت داشته باشد.
تگ noreferrer و وردپرس
اگر شما از وردپرس استفاده می کنید باید بدانید که بصورت اتوماتیک این تگ به لینک هایی که تعریف می کنید در یک تب جدید باز شوند، اضافه می گردد. وردپرس اینکار را برای بهبود امنیت و مانع شدن از حملات tabnapping و phishing انجام داده است.
اگر می خواهید که مانع از افزودن اتوماتیک این تگ در وردپرس شوید، ساده ترین راه اینست که در هنگام تعریف لینک، مشخص کنید که آن لینک در همان تب باز شود و نه در یک تب جدید. اما این روش یک نکته منفی دارد و آن هم اینست که وقتی لینک جدید در همان تب باز شود، عملاً سایت شما بسته می شود، در صورتی که اگر در یک تب جدید باز شود، سایت شما باز می ماند که این در پارامتر Bounce Rate و سئو بسیار موثر است.
راه دوم، استفاده از پلاگین مخصوص این کار در وردپرس است که بصورت اتوماتیک این تگ را حذف می کند. برای دانلود این پلاگین از اینجا اقدام نمایید.
بسیاری این تگ را با nofollow اشتباه می گیرند، اما باید بدانید کاری که هر کدام انجام می دهد کاملاً متفاوت است.
تگ noopener چیست؟
این تگ یک ویژگی در html است که می تواند در تگ <a> که مخصوص لینک دادن است، بکار برده شود. کاری که می کند اینست که مانع ایجاد هرگونه دسترسی سایت لینک شده به صفحه اصلی می گردد. تاثیر استفاده کردن یا نکردن این تگ در سئوی سایت، برابر با صفر است و نگرانی بابت آن نداشته باشید.
این تگ بصورت اتوماتیک توسط وردپرس به تمام لینک های باز شده در تب جدید، اضافه می گردد و با توجه به امنیت بالایی که بخصوص در مقابل اسپمرها و هکرها برای ما فراهم می کند، استفاده از آن پیشنهاد می گردد. اگر هم سایت شما بر روی وردپرس نیست باید بصورت دستی این تگ را اضافه نمایید.
در زیر یک کد html با تگ noopener را مشاهده می نمایید:
<a href=”https://google.com/” rel=”noopener”>Link to Google</a>
