Що означає тег noopener? атрибут noreferrer/ефект nofollow

мітка гіперпосилання <a>Код зазвичай використовується з атрибутами noopener, noreferrer і nofollow. Ця стаття розповість, як використовувати атрибути коду noopener, noreferrer і nofollow.

Що означає тег noopener?

буде target="_blank" Після додавання до посилання цільова сторінка відкриється в новій вкладці.

На щойно відкритій сторінці ви можете отримати об’єкт вікна вихідної сторінки через window.opener, приховуючи потенційні ризики безпеки.

• Зокрема, посилання на вашу власну веб-сторінку A, є посилання на веб-сторінку B, яке може відкрити іншу адресу третьої сторони.
• Веб-сторінка B отримує об’єкт window веб-сторінки A через window.opener;
• Потім ви можете використовувати сторінку A, щоб перейти до фішингової сторінки window.opener.location.href=”abc.com”, користувач не помічає
• Адреса підскочила, а після введення імені користувача та пароля на цій сторінці стався витік інформації.
• Щоб уникнути зазначених вище проблем, вводиться rel і встановлюється атрибут = "noopener", щоб щойно відкрита сторінка не могла отримати об'єкт window вихідної сторінки.
• Наразі значення window.opener дорівнює нулю.

Отже, якщо ви хочете відкрити адресу третьої сторони в новій вкладці, найкраще додати код тегу a rel="noopener"Атрибути.

Роль атрибута noreferrer

Подібно до noopener.

Налаштуванняrel="noreferrer"Після цього щойно відкрита сторінка не зможе атакувати вікно вихідної сторінки.

У той же час інформацію document.referrer неможливо отримати з щойно відкритої сторінки.Ця інформація містить адресу вихідної сторінки.

Зазвичай noopener і noreferrer встановлюються одночасно,rel="noopener noreferrer".

Оскільки остання має першу функцію одночасного обмеження доступу до window.opener, чому її потрібно встановлювати одночасно?

Для сумісності, оскільки деякі старі браузери не підтримують noopener.

Роль nofollow

Розрахунок ваги сторінки пошуковими системами включає кількість посилань на сторінку (зворотних посилань), тобто, якщо на сторінку посилається багато інших веб-сторінок, сторінка буде оцінена як сторінка високої якості.

Позиції в результатах пошуку зростуть.

Якщо встановити rel=”nofollow”, це означає, що пошуковій системі повідомляється, що посилання не впливає на рейтинг вище.

• Зазвичай використовується для посилань безSEOВнутрішні адреси з рейтингом (наприклад, посилання на сторінку реєстрації або входу), не хочу витрачати вагу експорту, або деякі сторінки низької якості.