🔎

Що означає: rel="nofollow noopener noreferrer external"?

Підкажіть, будь ласка, що означає: rel="nofollow noopener noreferrer external"
1 відповідь
  • Олег
    Атрибут rel у HTML використовується для визначення відношення між поточною сторінкою та посиланням, на яке веде тег <a>:
    <a href="https://example.com" rel="nofollow noopener noreferrer external">Посилання</a>
    nofollow - вказівка для пошукових систем (наприклад, Google) не передавати вагу SEO за цим посиланням. Тобто, пошуковики можуть перейти за посиланням, але не враховуватимуть його при ранжуванні сторінки, на яку веде лінк.

    noopener - захист від уразливостей. Коли посилання відкривається в новій вкладці (target="_blank"), без noopener відкритий сайт міг би отримати доступ до об'єкта window.opener і потенційно змінити чи перенаправити вміст оригінальної сторінки. noopener блокує це.

    noreferrer - також для безпеки та конфіденційності. Браузер не передає інформацію про джерело переходу (реферер) на сайт, на який веде посилання.

    external - додаткова інформація для браузерів або скриптів, яка вказує, що посилання веде на зовнішній ресурс. Сама по собі вона нічого не змінює функціонально, але може бути корисна для аналітики, стилізації або обробки скриптами.

    Тобто, цей набір атрибутів часто використовується разом, щоб зменшити ризики безпеки (noopener, noreferrer), контролювати SEO (nofollow) та позначити, що посилання веде назовні (external).