Description

rel=noopener>https://www.RussianFood.com/recipes/bytype/?fid=791

Простые ?

Секреты работы с ссылками: noopener, noreferrer и другие

В сегодняшнем статье мы разберемся с вами, как правильно работать с ссылками на сайте, и какие атрибуты использовать в различных ситуациях. Ответы на эти вопросы найдете в нашей статье.

noopener – что это и зачем он необходим?

В простых словах, атрибут `rel=noopener` – это способ предотвратить открытие новой вкладки в браузере, когда пользователь нажимает на ссылку. Это особенно полезно, когда вы хотите, чтобы пользователь оставался на вашем сайте.

noreferrer – что это и зачем он необходим?

Атрибут `rel=noreferrer` скрывает информацию о реферере при нажатии на ссылку. Например, если кто-то разместит ссылку на своей странице, то при нажатии на эту ссылку, информация о реферере не будет передаваться.

Примеры использования noopener и noreferrer

* Используйте `rel=noopener`, когда вы хотите, чтобы пользователь оставался на вашем сайте, и не переходил на другой сайт.
* Используйте `rel=noreferrer`, когда вы хотите, чтобы информация о реферере не передавалась при нажатии на ссылку.

Другие атрибуты

* `nofollow` – атрибут, который сообщает поисковым системам, что ссылка не является důveryhodnou.
* `dofollow` – атрибут, который сообщает поисковым системам, что ссылка является důveryhodnou.

Примеры рецептов с использованием noopener

* [Рецепт приготовления рогаликов](https://www.RussianFood.com/recipes/bytype/?fid=1364)
* [Рецепт приготовления пиде, как в Турции](https://www.povarenok.ru/recipes/show/164515/)

В сегодняшнем материале мы разобрали, как использовать атрибуты `noopener`, `noreferrer` и другие в различных ситуациях. Надеемся, что наш материал помог вам лучше понять, как работать с ними.