دوره جامع سئو وردپرس

تبلیغات
طراحی و بهینه سازیمشاهده
هاست

rel= noopener چیست؟ چرا به لینک‌های وردپرس اضافه می‌شود؟

مقالات,آموزش,ترفند , وردپرس

چند وقت پیش یکی از هم میهنان از من پرسید، خاصیت rel=”noopener” چیست و چه مزیتی دارد؟ این سوال باعث شد مقاله امروز رو در رابطه با این خاصیت و ویژگی‌های آن توضیح دهم.

 

خیلی‌ها فکر می‌کنند این خاصیت مثل rel=”nofollow” مربوط به سئوی سایت می‌شود. اما این خاصیت بر خلاف سایر خصوصیات تگ a به مواردی مثل سئو مربوط نیست.

 

زمانیکه در حال نوشتن یک پست جدید در وردپرس هستید، شاید دوست داشته باشید یکی از کلمات موجود در نوشته را لینک کنید و از وردپرس بخواهید این لینک را در تب جدیدی باز کند. به این شکل:

rel= noopener چیست؟ چرا به لینک‌های وردپرس اضافه می‌شود؟

اما تا اینجای کار زیاد عجیب نیست. عجیب اینجاست که وردپرس بصورت خودکار یک خاصیت rel=”noopener” به کدنویسی سایت شما اضافه می‌کند!

 

rel= noopener چیست؟

noopener یک صفت در HTML هست که بصورت پیشفرض به تمام لینک های وردپرس اضافه می شود. اما معمولا همراه با ویژگی rel=”noreferrer” همراه هست. این امکان معمولا توسط وردپرس استفاده می‌شود تا امنیت کاربران شما را ارتقا دهد.

 

یک خاصیت می‌تواند چه ربطی به امنیت کاربر داشته باشد؟

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

 

افزودن خاصیت rel= noopener این ویژگی را از ساختار جاوا اسکریپت سلب می‌کند. به این ترتیب دیگر وبسایتی که به آن لینک می‌دهید نمی‌تواند اطلاعات کاربر شما را سرقت کند.

 

تفاوت بین rel= nofollow و rel= noopener چیست؟

تفاوت بین این دو کاملا ساده و قابل فهم هست. این دو هیچ ربطی به یکدیگر ندارند. 🙂 nofollow برای ربات‌های جستجوگر و دستور به بات‌های گوگل و بینگ و … به کار می‌رود و noopener برای جلوگیری از استفاده window.opener که این دو کاملا با یکدیگر متفاوت هستند. در واقع هر کدام از اینها در جای خود و در حیطه کاری خود بکار می‌روند.

موفق باشید.


دانلود


دوره حرفه ای آموزش سئو سایت مارکیو | رتبه اول گوگل یک رویا نیست!


مطلب مفیدی بود ؟
نویسنده : mohammad 0 مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : https://www.20script.ir/?p=47518

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
6,810آموزش دانگرید وردپرس به نسخه پایین تر تاریخ : 1396/09/5
3,349افزونه نمایش اطلاعات نویسنده مطلب وردپرس WP – Author Box تاریخ : 1394/07/5
6,146دانلود نسخه نهایی قالب فارسی صحیفه Sahifa نسخه 5.5.3 تاریخ : 1395/01/12
16,810دانلود قالب تک صفحه ای Brooklyn برای وردپرس تاریخ : 1394/02/31
16,055افزونه وردپرس ایجاد پنجره های پاپ آپ حرفه ای Master Popups نسخه 3.0.1 تاریخ : 1398/07/28
3,454پلاگین ساخت گالری تصاویر مثله شبکه های اجتماعی تاریخ : 1392/11/15
3,894افزونه اشتراک گذاری به ازای دانلود وردپرس تاریخ : 1395/10/22
2,008پوسته محصولات ارنگانیک Organic Life برای وردپرس تاریخ : 1397/07/27
4,182افزونه اتصال هاست دانلود به وردپرس Hacklog Remote Attachment تاریخ : 1396/10/15
4,386دانلود قالب نمونه کار cvCard برای وردپرس تاریخ : 1395/12/14
932نمایش خلاصه مطالب در برگه وردپرس تاریخ : 1398/02/8
7,571دانلود پوسته چند منظوره CargoPress فارسی نسخه 1.4.0 برای وردپرس تاریخ : 1394/10/4
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب