Target blank rel nofollow: Опасный target=»_blank» / Хабр
Informer target blank rel nofollow – Тарифы на сотовую связь
142 пользователя считают данную страницу полезной.
Информация актуальна! Страница была обновлена 16.12.2019
Атрибут target
По умолчанию ссылки открываются в том же окне, в котором они были нажаты. Но иногда нужно, чтобы они открывались в новом окне. Это можно сделать, используя атрибут HTML target blank .
Значения target
Четыре наиболее распространенных значения атрибута target :
_self
Значение _self открывает ссылку в том же окне, в котором она была нажата. Это состояние по умолчанию для всех ссылок, так что это значение используется очень редко.
Единственная ситуация, в которой это может произойти, если в HTML использован тег , который устанавливает определенный способ открытия для всех ссылок. Например, если между тегами добавлен следующий код , нужно использовать target=»_self» , чтобы ссылка открывалась в том же окне.
_blank
Открывает ссылку в новой вкладке или окне. Это определяется локальными настройками пользователя, в большинстве браузеров это новая вкладка. Вы можете подумать, что с помощью данного значения можно реализовать всплывающие рекламные блоки. Но это не так. Чаще всего для этого используется JavaScript , а не HTML .
Это значение атрибута target HTML лучше всего использовать для открытия на новой вкладке ссылок на внешние сайты или на PDF-файлы . Благодаря этому после закрытия этих вкладок пользователь снова попадает на ваш сайт. Но этим не следует злоупотреблять, так как пользователю будет довольно сложно ориентироваться, если каждая ссылка будет открываться на новой вкладке.
_parent
Значение _parent открывает ссылку в родительском фрейме для фрейма, в котором вы находитесь. Это не популярное значение, так как теги для создания фреймов и не поддерживаются в HTML5 . Тем не менее, это значение по-прежнему можно использовать внутри тегов .
Как и _parent , значение _top относится к фреймам. С помощью можно создать фреймы внутри фреймов с многоуровневой иерархией. _top отменяет все установленные фреймы и загружает страницу в отдельное окно браузера.
framename
Символ подчёркивания
Теперь разберемся, для чего используется символ нижнего подчеркивания. Если мы уберем подчеркивание и изменим значение атрибута на target=»blank» , то ссылка будет открываться в новом окне независимо от подчеркивания. Чтобы убедиться в этом, создайте новый HTML-документ и разместите на нем код следующей ссылки:
Затем добавьте в документ код следующей ссылки. А теперь при открытой вкладке с первой ссылкой откройте вторую с атрибутом HTML target blank :
Код второй ссылки:
Вы увидите, что вторая ссылка открылась во вкладке, которая была открыта для предыдущей ссылки, а не в новой ( собственной вкладке ).
Это связано со значением framename , которое мы рассматривали ранее. Поскольку мы начали значение с буквы, “ blank ” интерпретируется как значение типа framename . В случае если framename указан в качестве цели, но такой фрейм не существует, новая вкладка или окно будет создано с использованием этого имени. Таким образом, новое окно, которое мы открыли ранее, стало фреймом с именем “ blank ”.
Чтобы избежать этой проблемы, для ключевых слов значений было добавлено нижнее подчеркивание. Вот откуда взялось _blank .
Данная публикация представляет собой перевод статьи « TARGET=“_BLANK” AND THE TARGET VALUES OF THE » , подготовленной дружной командой проекта Интернет-технологии.ру
Тема в разделе «PrestaShop», создана пользователем yuazakharov, 17 ноя 2015 .
Приветствую гость, обрати внимание! Темы которые закреплены в разделах, в скором времени будут откреплены.
Рад приветствовать Вас на блоге Checho.ru! В сегодняшней статье мы начнем говорить о языке гипертекстовой разметки html. Данная публикация будет первой в своем роде (и далеко не последней), так как прежде я ничего подобного не писал.
План поста:
- Тег ссылки А – создаем гиперссылку в html документе с анкором и без него
- Открытие ссылки в новом окне. Атрибут target _blank
- Атрибут rel nofollow и тег noindex. Закрываем ссылку от индексации
- Ссылка якорь и как ее сделать. Атрибут Name
А вот сейчас, когда я набрал необходимые знания и проверил их на практике, с удовольствием поделюсь ими со своими читателями. Ведь недаром, сколько сил и времени на первоначальном этапе было потрачено, к примеру для того, чтобы знать,
Вообще, стоит отметить, что теги ссылок просто необходимы в работе оптимизаторов, потому что их хлеб, это как раз поисковая оптимизация и продвижение сайта, и естественно без ссылок гуру в области SEO скорее всего не обходятся, что уж говорить про обычных блоггеров :).
Пожалуй, html тег ссылки A является одним из моих самых используемых, на ряду, с тегом img, который необходим для вывода изображений в тексте. В среднем, в каждой публикуемой мной статье, проставляется примерно пять ссылок, как на внутренние страницы, так и на внешние.
Не стоит забывать о том, что теги для сайта html используются не только при написании постов. Также, они будут нужны при изменении кода установленного Вами шаблона на CMS WordPress или любой другой системы управления сайтом.
Поэтому, нужно изучить хотя бы самые основные html теги, чтобы в дальнейшем не иметь проблем при работе со ссылками. К примеру, если Вы пользуетесь «Визуальным редактором», когда пишите свои статьи, то это не очень хорошо, потому как, если данный редактор не будет работать, Вы даже не будете знать элементарного кода, чтобы проставить ссылку.
В общем, знание основных понятий в языке разметки html, я считаю, сильно поможет Вам и упростит жизнь. Все таки время, которые Вы потратите сейчас на изучение, возможно нового для Вас материала, не будет потрачено зря.
Также существует еще очень много нюансов, которые облегчат Вам работу, и о которых, Вы прочитаете ниже в моей статье – это и rel=”nofollow”, и target=“_blank”, и много еще чего интересного связанного со ссылками.
Тег ссылки А – создаем гиперссылку в html документе с анкором и без него
[yandexd]
Как я уже выше успел заметить, ссылка один из самых используемых мною html тегов. Нужны они для того, чтобы пользователи могли без особых усилий из одного документа переходить на другой с помощью одного щелчка мышкой.
Однако, чтобы указать путь гиперссылке, нужно обязательно использовать атрибут href. Благодаря ему можно и нужно указывать URL страницы, на которую Вы хотите сослаться. Это могут быть как внутренние страницы Вашего сайта, так и страницы любого другого ресурса во всемирной паутине.
При чем ссылки на внутренние страницы с необходимым анкором, будут полезны во внутренней оптимизации сайта, что может увеличить Ваши шансы на попадание в ТОП выдачи поисковой системы. Подробнее об этом я писал в своем посте о внутренней перелинковке.
Разобравшись немного с теорией гиперссылок в html документе, можно приступить и к наглядным примерам. Вот такой код будет иметь ссылка:
Как видите, ссылка начинается с открывающейся скобки « Становитесь моим фолловером
Все довольно таки просто. Также, я рекомендую Вам при использовании noindex использовать и атрибут rel с параметром nofollow, чтобы ссылка была неиндексируемой и не передавала внутренний вес внешнему ресурсу.
Кстати, я зайдя на любой сайт сразу вижу, где гиперссылка закрыта от индексации, а где наоборот открытая. Все благодаря, отличному дополнению для браузера Opera RDS bar. Также, с помощью данного плагина я могу отслеживать и другие параметры ресурсов, такие как Тиц и Page Rank, а также AlexaRank.
Ссылка якорь и как ее сделать. Атрибут Name
А сейчас я, возможно, для многих открою весьма занимательную вещь при работе со ссылками. Лично я узнал о ней лишь после того, как более полугода пользовался WordPress. Так вот, сейчас речь пойдет о якоре ссылок.
Благодаря ему, а также при использовании хэш-ссылки, можно ссылаться не просто на какую-то статью, но и на место в ней, которое необходимо, то есть на определенный участок текста. Это ннужно, когда публикация очень объемная и найти на ней нужную информацию будет затруднительно.
Так вот, браузер при нажатии на ссылку якорь открывает новую страницу и автоматически прокручивает до того места, где предварительно был проставлен атрибут name. Сейчас я более подробно расскажу, как все это устроено.
Сначала, нужно в статье, на которую Вы хотите сослаться выбрать участок текста, до которого будет прокручиваться страница в интернет браузере. То есть, если Вы даете ссылку, допустим о настройке плагина All in One SEO Pack (не является примером якоря), то и атрибут name должен размещаться в необходимом участке публикации.
Якорь ссылки в html
Как видите, атрибут name не имеет анкора, так как якорь состоит из открывающегося и закрывающегося тега A. Параметр атрибута Вы должны задать сами, указывается он после знака равенства и скобок, как показано выше на примере.
Теперь непосредственно в новом посте нужно указать хэш-ссылку, используя заранее приготовленный якорь. Таким образом, ссылка будет открывать сразу то место в тексте, которое необходимо. Данная хэш-ссылка будет иметь следующий вид:
В принципе html код ссылки практически не изменился. Только после указания URL страницы, на которую Вы хотите сослаться, нужно проставить знак решетки «#» (хэш-символ) и указать название якоря.
После этого читатели Вашего сайта смогут, переходя по таким ссылкам, добираться сразу до определенного участка на странице.
Что же, на этом у меня все, если возникли какие-либо вопросы, задавайте их в комментариях. Отмечу, что эта не последняя статья по html, в обозримом будущем будут еще публикации на эту тему.
Всем удачи, с Вами был Вячеслав Чечотенко!
Видео-эпилог: художник очень быстро рисует картины на стекле
Атрибут rel | htmlbook.ru
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
10.50+ | 4.0+ |
Спецификация
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Описание
Атрибут rel определяет отношения между текущим документом и документом, на который ведет ссылка, заданная атрибутом href. Несмотря на то, что браузеры в большинстве своем не поддерживают атрибут rel, на сайтах часто можно встретить код rel=»nofollow», предназначенный для поисковых систем Google и Яндекс. Ссылки, помеченные таким образом, не передают PageRank и ТИЦ.
Синтаксис
<a rel="строка">...</a>
Обязательный атрибут
Нет.
Значения
Некоторые возможные значения перечислены ниже.
- answer
- Ответ на вопрос.
- chapter
- Раздел или глава текущего документа.
- co-worker
- Ссылка на страницу коллеги по работе.
- colleague
- Ссылка на страницу коллеги (не по работе).
- contact
- Ссылка на страницу с контактной информацией.
- details
- Ссылка на страницу с подробностями.
- edit
- Редактируемая версия текущего документа.
- friend
- Ссылка на страницу друга.
- question
- Вопрос.
Весь список значений можно посмотреть по адресу http://wiki.whatwg.org/wiki/RelExtensions
В HTML5 поддерживается следующие значения.
- archives
- Ссылка на архив сайта.
- author
- Ссылка на страницу об авторе на том же домене.
- bookmark
- Постоянная ссылка на раздел или запись.
- first
- Ссылка на первую страницу.
- help
- Ссылка на документ со справкой.
- index
- Ссылка на содержание.
- last
- Ссылка на последнюю страницу.
- license
- Ссылка на страницу с лицензионным соглашением или авторскими правами.
- me
- Ссылка на страницу автора на другом домене.
- next
- Ссылка на следующую страницу или раздел.
- nofollow
- Не передавать по ссылке ТИЦ и PR.
- noreferrer
- Не передавать по ссылке HTTP-заголовки.
- prefetch
- Указывает, что надо заранее кэшировать указанный ресурс.
- prev
- Ссылка на предыдущую страницу или раздел.
- search
- Ссылка на поиск.
- sidebar
- Добавить ссылку в избранное браузера.
- tag
- Указывает, что метка (тег) имеет отношение к текущему документу.
- up
- Ссылка на родительскую страницу.
Значение по умолчанию
Нет.
Пример 1
HTML 4.01IECrOpSaFx
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег А, атрибут rel</title>
</head>
<body>
<p><a href="http://ya.ru" rel="nofollow">Наш ответ Яндексу</a></p>
</body>
</html>
Пример 2
HTML5IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Добавить в избранное</title>
</head>
<body>
<p><a href="http://htmlbook.ru" rel="sidebar">Добавить в избранное</a></p>
</body>
</html>
Браузеры
Firefox поддерживает значение prefetch и sidebar. Opera поддерживает значение sidebar.
Узнаем как будет правильно использовать атрибут rel=nofollow
Секреты оптимизации сайтов заключаются не только в их продвижении по ключевым запросам, заботе о юзабилити и увеличении трафика, но и в правильном использовании html-кода. Правильное применение тегов и их атрибутов часто помогает избежать многодневной работы. Есть популярные и эффективные приемы. Наверное, в SEO-оптимизации нельзя отделить друг от друга атрибуты rel nofollow и тег noindex. Поэтому в этой статье пойдет речь и о том и о другом, а также о том, для чего они нужны, стоит ли их ставить рядом и в каких случаях ими пользоваться, а когда этого делать не стоит.
Индексирование страниц и их вес
Один из важнейших параметров попадания сайта в ТОП 10 поисковых систем – вес его страниц. Именно они попадают в первую выдачу Яндекса и Google, а за ними и интернет-порталы. Вес каждой из них повышается за счет ссылок — как внешних, так и внутренних. Понимать, как происходит процесс распределения этого параметра между страницами своего сайта и интернет-проектами, ссылки которых размещены на собственном ресурсе, важно каждому веб-мастеру.
Куда уходит вес
Рассмотрим элементарный пример. Допустим, что в главном тексте расположены две ссылки, ведущие на другие публикации. Изначально присвоим каждой странице вес равный 1. При индексации поисковый робот учтет обе ссылки. При этом вес главной страницы уменьшится на коэффициент равный 0,85. Несложно подсчитать, сколько получат публикации, на которые ведут ссылки: 0,85/2=0,425.
Алгоритм этот не является точным и официальным расчетом поисковых систем. Он изложен для того, чтобы читателю в общих чертах было понятно распределение такого параметра, как вес страницы. Когда его значение ясно, легче воспринимать информацию о том, что такое атрибут rel nofollow.
Скрыть ссылки от поисковых роботов
Конечно, любой сайт создается с целью получить какую-либо прибыль с него. И вес каждой страницы ценится веб-мастером. Но не размещать внешние ссылки в своих публикациях невозможно. На это есть причины, и вот несколько из них:
– покупка и продажа ссылок приносит прибыль;
– цитирование на авторитетных ресурсах прибавляет вес сайту;
– повышается посещаемость интернет-проекта.
Существует мнение, что атрибут тега a – rel nofollow поможет скрыть анкоры от поисковых роботов и при этом вес страницы сохранится. Но это утверждение возможно только при правильном написании кода. Точное написание этого атрибута выглядит так:
a href=»URL» rel=»nofollow»>анкор.
Правильная перелинковка только придает сайту вес и повышает его ранжирование. Излишне говорить, что для внутренних ссылок нет нужды использовать a href rel nofollow.
Пример использования
Объяснение в общих чертах не всегда открывает полную картину важности применения тех или иных тегов и их атрибутов. Скрыть ссылку, не отдать вес страницы своего сайта другому. Что это? Просто жадность? Нет, это далеко не так. К примеру, на многих сайтах есть кнопки социальных сетей. Согласитесь, что их траст и так велик. Коды социальных кнопок с сохранением веса собственных страниц прописываются с использованием атрибутов target blank, rel nofollow. Первый из них после клика приведет посетителя на сторонние интернет-ресурсы, открыв еще одну вкладку браузера. Второй – не позволит уменьшить вес страницы. Например, для кнопки социальной сети Twitter это будет выглядеть так:
a rel=”nofollow”target=”_blank”href=”URL/home/.
Стоит оговориться о валидности кода — соблюдении всех технических требований html-разметки. Тег rel external nofollow не только не хуже заменяет атрибут target_blank, но и лучше воспринимается роботами поисковых систем.
A rel href nofollow, или Когда он еще нужен
Не только социальные сети не нуждаются в дефицитном для молодого интернет-проекта весе. Как правило, атрибут используется для:
– скрытия от поисковиков ссылок на «плохие» или нетематические сайты;
– того, чтобы спрятать большое количество адресов на сторонние ресурсы;
– скрытия ссылок в случае, если веб-мастер ими торгует;
– непередачи веса мегапопулярным порталам, таким как Яндекс или Google;
– скрытия ссылок в комментариях.
Nofollow спасает сайты, а особенно блоги от спама. Непроверенные ссылки, закрытые таким атрибутом, будут все реже и реже появляться в комментариях.
Noindex, и почему о нем стоит говорить
Запрет индексирования поисковым роботам можно задать не только на ссылке внешние и внутренние, но и на отдельные элементы текстов, а также страницы целиком. Для этого веб-мастера используют тег noindex. Скрывает он только тексты. К картинкам и фотографиям не применим. Ссылки же, которые успешно прячет rel nofollow, noindex утаить от поисковых систем не может. Анкоры робот не увидит, а вот адреса проиндексирует. Noindex обычно используют для скрытия части контента:
– с нецензурными выражениями;
– с неуникальным текстом;
– в сайдбарах и рассылках.
Тег, безусловно, использовать нужно. Но работает он не на каждом движке. Дело в том, что noindex не валиден, то есть не соответствует стандартам. Именно поэтому одна из самых популярных платформ для ведения блогов WordPress «выкидывает» тег из своего кода. Секрет валидности заключается в применении нескольких знаков. <!—/noindex—>. Написав код в таком виде, можно быть уверенным, что страницы блога на WordPress Яндекс не проиндексирует.
Совместное использование
Стоит ли прописывать и тег, и атрибут в коде страницы? Ничего не мешает использовать noindex и a rel nofollow в паре. Тег не мешает атрибуту, и наоборот. Ставят их рядом потому, что поисковые системы по-разному видят код сайта. Например, при использовании и тег, и атрибута веб-мастер может быть уверен, что анкор робот Яндекса не распознает, как и не увидит и саму ссылку. Google же увидит текст, но вес не передаст сторонним страницам других сайтов.
Специально для новичков
Оптимизация сайтов – новая на рынке труда и интересная работа. Отсутствие системно спланированных информационных ресурсов для новичков значительно усложняет их деятельность. И естественно, молодые веб-мастера совершают ошибки. Кто-то наполняет контент безумным количеством ссылок, кто-то оставляет страницы вообще без одной. Та же картина в случае с расстановкой тега noindex и атрибута rel nofollow.
Стремление вывести сайт в ТОП поисковых систем является причиной совершения критической ошибки. Дело в том, что новички часто закрывают внешние ссылки и тегом, и атрибутом. Это в какой-то степени действительно сохраняет вес каждой страницы сайта. Но правда и в том, что те же внешние ссылки повышают доверие со стороны поисковых систем. Компенсировать потерю веса можно продвижением по низко-, и среднечастотным запросам.
Любому оптимизатору стоит помнить, что любая информация будет восприниматься читателями с большим доверием в случае возможности перейти по ссылке к ее источнику. Наверняка сами веб-мастера вряд ли возьмут на вооружение книгу или брошюру, в которой отсутствует список используемой литературы.
Все больше пользователей Интернета ориентируется на авторитетные источники. И если молодой сайт не будет ссылаться на их мнение, то ему будет намного сложнее удержать читателей, привлечь подписчиков. Само собой это негативно повлияет на оптимизацию ресурса по поведенческому фактору. Так стоит ли слепо использовать атрибуты rel nofollow?
Хороший веб-мастер заботится о своем читателе. Помнит, что одна из основ Интернета – это ссылки на авторитетные ресурсы, предоставляющие достоверную информацию. Сайты, сделанные для людей, поисковики «любят». И вес страниц не единственный параметр, по которому страницы с контентом попадают в ТОП. По 800 параметрам Яндекс оценивает интернет-проекты.
И в конце концов, вес страниц имеет значение только для публикаций, получивших его от ссылок со сторонних сайтов. Как показывает опыт, доноры, оставив этот параметр ранжирования себе, не поднимаются по нему выше в «глазах» поисковых систем.
PR и SEO: получаем качественные ссылки на сайт
Ирина Сердюковская, специалист по PR и SEO, автор курса «Коммуникации в онлайне», подготовила серию статей о SEO для PR-специалистов. Вместе с Ириной разберемся, что важно знать пиарщику о SEO, как PR и SEO работают на цели компаний по росту продаж и узнаваемости и какие SEO-инструменты пригодятся PR-специалистам.
В предыдущей статье мы разбирались, какие бывают типы ссылок. В этот раз поговорим про каждый тип подробнее, и узнаем, как создавать качественные ссылки с помощью PR.
Зачем нужны ссылки?
Через ссылки Google узнает, что ваш сайт и статья/товары существуют. Для сравнения: если вы открыли магазин, но не повесили вывеску и не рассказываете о магазине, то в него никто не придет. С сайтом такая же история — если вы его сделали, но на него нигде нет ссылок с других сайтов, то Google не узнает о сайте и не покажет его в поиске.
Конечно, вы можете самостоятельно добавить сайт на индексацию, но этого без ссылок недостаточно. Именно ссылки помогают роботу Google найти ваш сайт и показывать его по релевантным запросам в поиске, опираясь на количество и качество ссылок и совокупность других метрик сайта.
Dofollow ссылки и стратегии их получения
Активные или dofollow ссылки передают ссылочный вес и напрямую влияют на ранжирование сайта. В коде они выглядят так: <a href=»https://www.facebook.com/irina.irgusik» target=»_blank»>
С помощью какого контента можно получить активные ссылки?
1. Пресс-релизы с новостями компании
Самое простое — это добавить ссылку на компанию в пресс-релизе. Если новость о компании опубликована без ссылки, стоит попросить редактора или журналиста добавить ссылку на проект. В большинстве медиа журналисты без проблем добавляют ссылку.
Дополнение: не просите добавить много ссылок в одну статью. Количество ссылок на одной странице сайта никак не влияет на пользу от ссылки. Достаточно одной ссылки с одной страницы другого сайта.
2. Исследования и результаты исследований в формате новости
Компании нередко делают различные исследования, и это классный способ не только рассказать о себе в медиа, но и получить ссылки. Хорошая стратегия — сделать контент на сайте компании с результатами исследования.
Например, коллеги из Iprice делают классный интерактивный контент. Такой формат представления информации мотивирует СМИ ставить активную ссылку на источник исследования, а для читателей это отличный способ узнать больше не только об исследовании, но и о бренде.
Сданными на сайте Iprice можно «играться» при помощи фильтров. Интерактивность создает большую вовлеченность аудитории в контент.Дополнение: попросите коллег, которые занимаются сайтом, добавить на страницу с результатами исследования внутренние ссылки на другие страницы домена. Это позволит распределить ссылочный вес, полученный из публикаций в СМИ, и на другие страницы сайта.
3. Анонсы мероприятий или конференций
Многие бренды делают отдельные сайты для конференций и прочих мероприятий. Однако сточки зрения SEO выгоднее под эту цель создавать раздел на сайте компании. Тогда ссылки, которые вы получите с публикаций о мероприятии в СМИ, будут вам в плюс.
4. Статьи и экспертные колонки
Во многих изданиях редакторы не против поставить активную ссылку в профиле автора или в его колонке. Главное, не забыть про ссылку и убедиться, что она рабочая.
При приоритизации СМИ, куда писать колонку, возможность поставить dofollow ссылку может быть решающим фактором при прочих равных условиях. Так, например, мы в CupoNation получили ссылку с блога Яндекса, что с точки зрения SEO является очень качественной публикацией и ссылкой.
Дополнение: в гостевых статьях/колонках ссылайтесь на публикации из вашего корпоративного блога, чтобы мотивировать людей переходить на сайт (из профиля переходы обычно минимальны) и взаимодействовать с вашим контентом.
Nofollow-ссылки и их особенности
Специально задаваться целью получить nofollow ссылки не нужно. Обычно такие ссылки появляются сами благодаря распространению пресс-релизов и публикации колонок, так как не все медиа ставят активные ссылки.
В коде nofollow ссылка выглядит так: <a href=»https://www.facebook.com/irina.irgusik»target=»_blank» rel=»nofollow»>
Наличие nofollow ссылок в профиле сайта так же необходимо, поэтому намеренно исключать их не стоит.
Риски при работе с онлайн-медиа
Кроме положительного эффекта от публикаций есть и риски, которые также связаны со ссылками. Из-за неграмотного управления ссылочным профилем можно попасть под фильтр Google — это потеря позиций в поиске частично по некоторым страницам или полностью для сайта.
Для того, чтобы управлять ссылочными рисками, важно учитывать, что Google поддерживает получение ссылок только органическим способом, а индикатор об оплате ссылки или бартере за нее негативно сказывается на ранжировании.
Ссылки с коммерческим контекстом должны быть закрыты в nofollow или отмечены как sponsored.
Самые распространенные кейсы, когда важно закрыть ссылки (даже если вы не платили за публикацию):
- giveaway или конкурс;
- cсылки в статьях с UTM-метками;
- аффилиатные ссылки на вас или другие компании, которые упоминаются в статье.
Пример ссылки с UTM-метками: https://www.jet2holidays.com/croatia/pula-area-of/pula-resort-of/park-plaza-histria-pula?utm_source=SEO_blog_post&utm_medium=referral&utm_campaign=Croatia
Пример аффилиатной ссылки на Амазон: https://amzn.to/3gA2zFs
О чем еще важно помнить
1. Отслеживайте, куда скопирована ваша публикация и, соответственно, ссылки на сайт
Часто из крупных изданий новости перепечатывают медиасайты низкого качества, откуда ссылку иметь не стоит. Подобные сайты часто заспамлены и ассоциация с ними (т.е. наличие dofollow ссылки на вас) негативно сказывается на ранжировании сайта.
Понять, какие ссылки ставит издание, можно несколькими способами:
- руками посмотреть код страницы;
- установить расширение Linkparser или его аналог.
2. Убедитесь, что ссылки ведут на индексируемые страницы сайта
Если вы даете ссылку на неиндексируемую страницу (т.е. закрытую от индексирования поисковым роботом), ссылочный вес с публикации не передается и ценность ссылки для Google будет минимальной.
Готовя материал для распространения в СМИ, добавляйте в текст релевантную ссылку на сайт и не стесняйтесь просить журналистов сохранить ссылку при перепечатке материалов. При этом не забывайте о возможных рисках, отслеживайте низкокачественные перепечатки и учитывайте особенности разных типов ссылок. С таким подходом ваши PR-усилия будут помогать продвижению вашего сайта.
Чтобы не пропустить новые статьи из серии о SEO для PR-специалистов, подписывайтесь на рассылку PR Tech Journal или следите за обновлениями в блоге PREX.
Источник главного изображения — Unsplash
Target blank rel nofollow img
Сегодня поставил себе интересную задачу – закрыть от индексации все ссылки на изображения (как внешние, так и внутренние) на моем WordPress блоге.
Если с внешними все понятно, то с внутренними может возникнуть вопрос: «зачем добавлять nofollow к внутренним ссылкам?».
Вопрос резонный, имеет место быть.
Все дело в СЕО-мифах. Некоторые считают, что страница донор (которая ссылается) при передаче веса акцептору (на кого ссылается. В данном случае – страница с изображением) теряет свой вес. В принципе, звучит очень даже логично. У ссылок ведь есть свои факторы ранжирования.
На некоторых сайтах, как например мой блог, картинки не всегда уникальны и уж тем более не приносят траффик из поиска по картинкам. Их не нужно прокачивать. Поэтому есть смысл закрыть от индексации внутренние ссылки на изображения.
Конечно же, это не касается проектов, изобилующих множеством изображений и фотографий, при этом получающим траффик из поиска по картинкам. В таком случае закрывать не нужно.
Закрыть картинки в nofollow с помощью SQL-запроса
На сайтах с маленьким количеством статей, данная проблема легко решаема ручным проставлением атрибута nofollow. Но если статей тысячи? Без автоматизации процесса на это уйдет очень много времени.
Первое что мне пришло в голову – воспользоваться SQL-запросом, так как найти WordPress плагин, выполняющий подобные функции маловероятно.
Я не силен в работе с базой данных, однако, мне посчастливилось ознакомиться с одной интересной статьей, в которой описаны 20 полезных SQL-запросов. Советую ее прочитать. Она меня выручала уже несколько раз.
Итак, из этой статьи нас интересует конструкция по замене одного текста из таблицы wp_posts (тут хранятся все статьи) на другой:
Теперь нужно определить правильную формулировку заменяемого и заменяющего участков текста.
Такую структуру имеет ссылка на изображение в WordPress:
При оформлении статей, используется не так много графических расширений. Как правило – jpg, gif, png.
Что мы делаем? А делаем мы следующее:
Этот SQL-запрос добавит всем ссылкам на картинки с расширением png атрибут rel=”nofollow”
Можно еще улучшить конструкцию и добавить target=”_blank”, чтобы все ссылки открывались в новом окне:
Абсолютно ничего сложного.
Далее по аналогии добавляем nofollow и blank к jpg изображениям:
Для выполнения указанных действий желательно иметь хоть какое-то представление о работе SQL и PHPMyAdmin.
Комментарии к “ Закрываем все ссылки на изображения в nofollow ”
Хорошо, что вы юрл картинок не додумались закрывать, а вообще я думаю это многие знают, что ссылки нужно закрывать, особенно счетчиков, которые располагаться на всех страницах.
В качестве значения используется имя окна или фрейма, заданное атрибутом name . Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.
_blank Загружает страницу в новое окно браузера. _self Загружает страницу в текущее окно. _parent Загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self . _top Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self .
Значение по умолчанию
Валидация
Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного .
Казалось бы, раз все знают, какой смысл писать об этом? Но на практике мы столкнулись с тем, что многие оптимизаторы:
- Не уделяют внимание данному атрибуту. Об этом говорит наша статистика по проектам, в которых не указан target=»_blank» для внешних ссылок.
- Не знают об одной важной особенности данного атрибута.
О том, что нужно знать про target=»_blank», мы расскажем в этой статье.
Польза target=»_blank»
Сохраняем пользователей
По умолчанию все ссылки сайта открываются в текущей вкладке браузера. Это касается и ссылок на другие сайты. Здесь появляется риск потери пользователей, которые навсегда уходят с вашего на внешний сайт. Например, уходят с карточки товара на сайт производителя и там «залипают».
Как это происходит?
Многие пользователи до сих пор не знают, что средней кнопкой мыши можно открывать ссылки в новых вкладках. Некоторые забывают об этом. Большинство просто нажимают по ссылке и переходят на внешний сайт, забывая, откуда они пришли.
Здесь как раз на помощь приходит атрибут target. Он позволяет принудительно открывать ссылки в новых вкладках браузера. Посмотрите, как это работает (нажимать левой кнопкой мыши):
Поэтому рекомендуем использовать данный атрибут для всех внешних ссылок на сайте:
Удерживаем внимание
Также бывает полезно открывать некоторые внутренние ссылки в новой вкладке. Например, на карточке товара ссылку на информацию о доставке лучше открыть на новой странице, чтобы пользователь не потерял страницу с карточкой товара и продолжил заказ.
Вопрос-ответ по target=»_blank»
Чем отличается target=»blank» и target=»_blank»?
target=»_blank» — открывает все ссылки в разных вкладках, target=»blank» — все в одной новой вкладке.
Если у ссылок указан атрибут target=»_blank» (с подчёркиванием), то все они будут открываться в разных вкладках. Если на странице несколько ссылок с атрибутом target=»blank» (без подчёркивания), то все они будут открываться в одной отдельной вкладке. Первый вариант в большинстве случаев удобнее для пользователей, второй — применяется на ваше усмотрение.
Есть ли альтернативы?
Некоторые сайты используют JavaScript для открытия ссылок в новых вкладках. Например, такой вариант (вместо https://saitreport.ru подставить своё значение):
внешняя ссылка
Данный скрипт можно оформить в виде отдельной функции, которая срабатывает на всех внешних ссылках.
Валидно ли использовать?
Атрибут target был исключён из XHTML. С тех пор атрибут считается невалидным. Но в HTML 5, атрибут был снова реабилитирован , поэтому его использование не противоречит современным стандартам.
Не страдает ли юзабилити?
Скорее нет, чем да.
По этому вопросу до сих пор ведутся жаркие споры. Против обычно выступают опытные пользователи, которые хотят на 100% контролировать поведение открываемых ссылок. Но они — в меньшинстве. Большинство вебмастеров склоняются к открытию внешних ссылок в новых вкладках из соображений удержания аудитории сайта и для удобства пользователей.
Как найти все внешние ссылки без target=»_blank» на сайте?
Для этой цели мы сделали в Сайтрепорте новый отчёт Внешние без target=»_blank» . Отчёт доступен как в интерфейсе, так и в виде CSV выгрузки.
Стоит отметить, что ссылки на поддомены Сайтрепорт считает внешними. Здесь вам стоит решить самим, ставить для них target=»_blank» или нет.
Помимо этого, вы сможете найти все внешние ссылки, циклические, ссылки-картинки и множество других срезов в отчётах Сайтрепорта.
Проверить сайт на ошибки
Target=»_blank» + rel=»noopener» = Безопасность
В использовании target=»_blank» есть одна особенность. Страницы, открытые через ссылки с этим атрибутом, выполняются в одном процессе браузера вместе с родительской страницей. Это плохо по двум причинам:
- Внешняя страница влияет на производительность родительской. То есть, если открытая внешняя страница потребляет много ресурсов, то подвиснет и ваша исходная страница.
- Внешняя страница получает частичный контроль над родительской страницей. Это может угрожать безопасности пользователей.
Подробнее с данной проблемой можно ознакомиться по ссылкам:
Чтобы избежать таких нежелательных последствий для всех внешних ссылок с атрибутом target=»_blank», необходимо использовать атрибут rel=»noopener». Данный атрибут разрывает связь родительской и дочерней страницы, и они начинают выполняться в разных процессах браузера.
Атрибут noopener можно использовать с атрибутом nofollow, если вы не хотите передавать вес стороннему сайту:
Внешняя ссылка
Как найти все внешние ссылки с атрибутом target=»_blank», но без rel=»noopener» на сайте?
Об этом мы уже позаботились и сделали в Сайтрепорте отчёт Внешние ссылки с target=»_blank» без rel=»noopener» . Отчёт доступен как в интерфейсе, так и в виде CSV выгрузки.
Также в отчёте по ссылкам вы можете просмотреть содержимое атрибутов rel и target всех ссылок сайта — как внутренних, так и внешних.
Как исправить найденные ошибки?
Для популярных CMS есть плагины, позволяющие управлять поведением ссылок на сторонние сайты. Например, для WordPress это WP External Links . Если ваша CMS не имеет такой встроенной функции или плагина, то можно написать собственный скрипт или расставить атрибуты вручную, если на сайте немного страниц.
Для поиска, описанных в статье, и многих других ошибок, рекомендуем воспользоваться сервисом Сайтрепорт.
Проверить сайт на ошибки
Об Авторе
Сервис диагностики внутренней и внешней оптимизации сайта. Успешно работает с 2010 года.
2 комментария
Спасибо за интересный материал. Но вы забываете про самое главное — ориентир на пользователя. Вы игнорируете предпочтения пользователя. Открывая ссылки в новой вкладке, вы чуть ли не насильно говорите ему, «останься на нашем сайте, вдруг ещё пригодится, а эту ссылку открой в новой вкладке/окне». Если мне нужно запомнить ваш сайт/страницу, то я добавлю его в избранное и зайду в другое время (когда освободиться время, когда будет потребность, когда просто захочется для интереса зайти на данный сайт). Если я не нашёл ничего интересного для себя, то и нет повода оставаться на данном сайте. Функциональность «Добавить в избранное» сейчас работает во всех браузерах и заставить пользователя сейчас не потерять сайт скорее нужна только для новичка. А опытный пользователь скорее будет раздражён, если сайт без нужды откроет сайт в новой вкладке.
Константин, верно пишете. Здесь не всё однозначно. В конечном счёте решение принимает владелец сайта, ориентируясь на предпочтения аудитории и бизнес-задачи.
Постараемся подготовить исследование на эту тему. Будем признательны, если кто-то из наших пользователей поделится информацией как повлияло внедрение target=»_blank» для внешних ссылок на глубину просмотра, время на сайте, заказы и т. п.
Объяснение: значения noopener, noreferrer и nofollow
Если вы занимаетесь веб-разработкой или поисковой оптимизацией (SEO), скорее всего, вы наткнулись на термины noopener, noreferrer и nofollow. Что такое noopener noreferrer? А что насчет nofollow? В этом посте мы объясняем все из них и их влияние на SEO и веб-безопасность.
Введение
Все три термина (noopener, noreferrer и nofollow) являются значениями атрибута rel тега привязки в HTML.Возможно, nofollow является наиболее известным среди веб-разработчиков и SEO экспертов
.
Anchor Тег
обычно используется в HTML для определения URL / ссылки. Например, рассмотрим следующую строку кода.
Вы можете видеть, что используется атрибут href (href, полученный из Hypertext REFerence), и что значение этого атрибута является веб-адресом домашней страницы Point Jupiter. Далее следует текст, который отображается вам как пользователю.В зависимости от вашего CSS и браузера этот текст может быть подчеркнут, окрашен по-разному или и того, и другого.
Тег привязки может иметь много разных атрибутов, одним из которых является rel (rel, происходящий от RELationship). Ключевой темой этого сообщения в блоге является noopener, noreferrer и nofollow — все три из них являются значениями атрибута rel.
Снова рассмотрим следующую строку кода.
Вы можете быстро заметить три значения атрибута rel
. Но теперь вы также можете увидеть целевой атрибут со значением _blank
.Эта часть кода инструктирует веб-браузер открыть эту ссылку в новой вкладке.
И это основная причина, по которой используются значения типа noopener
и noreferrer
. Это также основная причина потенциальных угроз безопасности и фишинга.
Давайте обсудим их более подробно и их важность для SEO и безопасности, и когда вам следует добавить rel
, добавить nofollow
и каково значение добавления rel noopener.
Что такое ноопенер?
Когда вы используете значение target = "_blank"
, происходит кое-что интересное.Страница, на которую вы ссылаетесь, получает частичный доступ к странице ссылки. Это делается через объект window.opener
.
Затем страница со ссылками может использовать window.opener.location
для открытия вредоносного веб-сайта.
Использование target _blank может привести к проблемам с безопасностью. Фото Маркуса Списке на Unsplash.
Может использоваться для фишинговых атак. Рассмотрим следующий сценарий.
Вы создаете вредоносный веб-сайт и размещаете на нем вирусный контент.Затем вы делитесь этим сайтом в социальных сетях или других источниках, которые открывают внешние ссылки, используя target = "_ blank"
. Facebook — яркий тому пример.
Ничего не подозревающий пользователь нажимает на ссылку, и ваша веб-страница открывается в новой вкладке. В этот момент ваш вредоносный веб-сайт теперь контролирует предыдущую вкладку («Facebook»). Используя window.opener.location
, он переходит на новый сайт — скажем, форму входа в систему, имитирующую экран входа в Facebook с сообщением: «Срок действия вашей предыдущей сессии в Facebook истек.Пожалуйста, войдите в систему еще раз, чтобы продолжить использование Facebook ».
Теперь пользователя обманом заставили ввести свои данные для входа в систему, и он стал жертвой фишинг-атаки.
Это всего лишь гипотетический случай, поскольку Facebook использует rel = "noopener"
в своих ссылках target = "_blank"
. Но вы поняли.
Подробнее
Использование noopener
эффективно сообщает браузеру открыть ссылку в новой вкладке без предоставления контекстного доступа к веб-странице, которая открыла ссылку.Это достигается за счет того, что свойство window.opener
не устанавливается, возвращая таким образом нулевое значение.
Указывает браузеру открыть ссылку без предоставления новому контексту просмотра доступа к открывшему его документу — не устанавливая window.opener в открытом окне (он возвращает null
).
Таким образом, атрибут rel = "noopener" и значение
никак не влияют на поисковую оптимизацию (SEO). Он не зависит от SEO. Но его следует использовать в тех случаях, когда вы имеете дело со ссылками с пустым целевым значением.
Что такое noreferrer?
Аналогично функции noopener
, noreferrer
также не позволяет новому открытому сайту манипулировать объектом window.opener
. Но, кроме того, noreferrer
запрещает браузеру, когда вы переходите на другую страницу, отправлять адрес ссылающейся веб-страницы.
Проще говоря, значение noreferrer
будет скрывать информацию реферера при нажатии на ссылку. Например, если кто-то размещает вашу ссылку на своей веб-странице и использует noreferrer
, а затем пользователи нажимают на эту ссылку, вы не сможете определить, откуда пришли эти пользователи.В вашем программном обеспечении для аналитики (скажем, Google Analytics) это будет отображаться как прямой трафик, а не как переход.
Опять же, noreferrer
также не влияет на SEO, но может исказить цифры в вашем программном обеспечении для аналитики и отслеживания, сообщая о более прямом трафике.
Есть также некоторые соображения относительно партнерского маркетинга и noreferrer
, но они выходят за рамки данной статьи. В целом, партнерские ссылки и партнерские программы теперь используют подходы и методы, которые не зависят от значения noreferrer
.
Итак, когда следует использовать noreferrer
, а когда noopener
? Я предлагаю вам рассмотреть возможность использования обоих. Большинство современных браузеров поддерживают noopener
, но в некоторых случаях, если noopener
не поддерживается, вы можете использовать noreferrer
.
Это означает, что с практической точки зрения имеет смысл использовать их оба для поддержки старых браузеров. Но лучший подход — вообще не использовать target = "_ blank"
.Если только у вас нет веской причины его использовать.
Ознакомьтесь с некоторыми хорошими и плохими причинами использования значения _blank.
Что такое nofollow?
В поисковой оптимизации очень важно получить много ценных и качественных ссылок, ведущих на вашу страницу. Это называются обратными ссылками. Но не все ссылки одинаковы.
В целом, когда одна страница ссылается на вашу — она передает свой ссылочный вес — то есть это дает больше доверия к вашему сайту и сигнализирует поисковым системам, что они ценят ваш сайт.По сути, вы можете рассматривать это как одобрение. Если на вас ссылается авторитетная веб-страница — она поддерживает вас, и Google / Bing сочтут это фактором ранжирования. Google использует термин PageRank как меру количества и качества ссылок.
Однако иногда вы не хотите передавать вес ссылки. Это может иметь место при внутреннем связывании ваших страниц — например, вы можете не захотеть передавать свой ссылочный вес с более ценных страниц на те, которые не так важны.
Введите rel = "nofollow"
.Как и его двоюродные братья noopener noreferrer
, nofollow
имеет значение атрибута rel
. Когда вы добавляете это значение, оно сигнализирует поисковым системам, что вы не хотите передавать свой ссылочный вес / PageRank странице, на которую вы ссылаетесь.
В приведенной выше строке кода мы помещаем все три значения — добавляя значение nofollow
, мы сигнализируем Google, что вес PageRank / ссылки не передается на веб-сайт pointjupiter.com.
Когда следует использовать nofollow?
Общее правило — использовать nofollow
в ссылках в комментариях или на форумах.Пользовательский контент может быть источником спама и некачественных ссылок. Вы же не хотите, чтобы ваш блог или веб-сайт форума передавали свою ценность этим некачественным страницам.
Кроме того, Google и другие поисковые системы требуют, чтобы вы использовали nofollow
во всех рекламных ссылках и рекламных объявлениях. То же самое касается ссылок в пресс-релизах и различных видов платных ссылок.
Немного о терминологии — noopener noreferrer nofollow
Иногда можно заметить, что люди упоминают тег noopener
или тег noreferrer
.В других случаях вы можете обнаружить атрибут rel noreferrer
. Хотя это понятно большинству веб-разработчиков, стоит отметить следующее.
-
noopener
,noreferrer
иnofollow
не являются тегами или атрибутами. Это значения атрибутов. -
rel
не является тегом. Это атрибут тега привязки. -
rel
), и эти атрибуты имеют значения (noopener noreferrer nofollow
)
Заключение
Есть три основных значения атрибута rel
тега привязки.Это noreferrer
, noopener
и nofollow
.
-
rel = "noopener"
, который вы используете для всех ссылок, открывающихся в новых вкладках с использованием цели_blank
. Если вы не используете значениеnoopener
для ссылок, открывающихся в новых вкладках, возникнут проблемы с безопасностью. Злоумышленник может использовать объектwindow.opener
для изменения содержимого и местоположения исходной страницы. -
rel = "noreferrer"
может служить той же цели, что иnoopener
, особенно в старых браузерах.Следовательно, имеет смысл использовать их оба. Кроме того,noreferrer
может повлиять на вашу аналитику и сообщить трафик как прямой, а не реферальный. -
rel = "nofollow"
проинформирует поисковые системы, чтобы они не передавали вес ссылки на связанную страницу, и он не будет передавать PageRank. Вы можете рассматривать это как значение, которое используется, когда вы хотите сделать ссылку на какую-то другую страницу, но без «одобрения» ее. Это единственное значениеrel
в этом списке, которое оказывает ощутимое влияние на усилия по поисковой оптимизации.
Nofollow, noreferrer и noopener | За кадром
HTML имеет различные способы для поисковых систем и веб-браузеров для понимания данных. Здесь мы покажем, как использовать nofollow, noreferrer и noopener в качестве значений атрибутов rel.
Это постоянный пост. Предлагайте исправления, пояснения и т. Д. В разделе комментариев внизу этой страницы.Введение
Атрибут rel HTML используется для определения взаимосвязи между документами.Правильное использование его значений в некоторых случаях может быть очень полезным.
В этом посте будут более подробно описаны значения атрибутов HTML nofollow, noreferrer и noopener rel, а также приведены сценарии, в которых их использование необходимо рассмотреть и принять. Также упоминаются некоторые связанные функции WordPress.
Атрибут rel ссылки HTML
Атрибуты Rel используются внутри тегов HTML
и
для определения отношения между текущим документом и другим (связанным) документом.
Типичный пример использования атрибута
tag rel
:
rel = "stylesheet" type = "text / css" href = "stylesheet.css">
Типичный пример использования атрибута
(он же гиперссылка) rel
:
rel="noopener" target="_blank"> За кулисами
В WordPress теги
и их атрибуты rel
в основном настраиваются ядром WordPress, плагинами и / или файлами (дочерними) темами и молча находятся внутри раздела
файла страница в Интернете.
используются для создания гиперссылок и обычно используются внутри раздела
веб-страницы. Обычно они добавляются вручную с помощью редактора HTML. В WordPress область содержимого будет содержать большинство гиперссылок.
Поскольку этот пост посвящен значениям атрибутов nofollow, noreferrer и noopener rel
, теги
не будут обсуждаться далее.
Что такое rel = ”nofollow”?
Значение атрибута rel = ”nofollow” позволяет веб-страницам показывать поисковым системам возможность не переходить по этой ссылке .Это значение атрибута rel
можно использовать в разделе тегов
, чтобы запретить переход по всем ссылкам на странице:
или, как вариант, индивидуально в каждом теге
:
войти
Nofollow обычно используется для ссылки на веб-страницы, которые не нуждаются в ранжировании в поиске Google. Его можно использовать при открытии ссылок в том же окне и / или при открытии ссылок в новом окне ( target = "_ blank"
).
Использование значения атрибута nofollow оказывает значительное влияние на SEO. Его использование будет сигнализировать поиску Google и другим поисковым системам о том, что ссылка не должна учитываться как «голосование» за этот URL.
Google Search (настоятельно) рекомендует рассмотреть возможность использования значения атрибута nofollow для ссылки на ненадежный контент, платные ссылки и веб-страницы, к которым не могут получить доступ сканеры (например, страницы входа). Из-за его потенциального воздействия очень важно, чтобы значение атрибута nofollow использовалось разумно.
В последних версиях WordPress параметры исходящих ссылок теперь включают флажок, позволяющий пользователям вставлять атрибут nofollow в качестве атрибута rel.
Что такое rel = «noreferrer»?
Значение атрибута rel = «noreferrer» в основном указывает браузеру, что он не будет передавать заголовок реферера HTTP, если пользователь щелкает гиперссылку. Более конкретно, он указывает на то, что никакая информация о реферере (например, браузер, ОС, регион и т. Д.) Не должна передаваться по ссылке.
Атрибут rel = «noreferrer» не следует путать с rel = «nofollow». Поскольку он действует на уровне браузера, noreferrer не влияет на SEO.
По мнению некоторых экспертов, значение атрибута noreferrer повлияет на состав данных источника трафика Google Analytics, но также считается, что Google все еще собирает некоторую ссылочную информацию.
В последних версиях WordPress атрибут noreferrer будет автоматически сгенерирован для всех ссылок, которые должны быть открыты в новом окне.
Что такое rel = «noopener»?
Значение атрибута rel = ”noopener” предотвращает доступ связанной страницы к свойству window.opener и обеспечивает ее выполнение в отдельном процессе. Другими словами, он блокирует использование объекта JavaScript window.opener.
Объект JavaScript window.opener может влиять на ссылающуюся веб-страницу одним из двух способов:
- Во-первых, он может создать портал для фишинговых атак
Когда используется noopener, он фактически действует как исправление безопасности, которое не позволяет вредоносным ссылкам захватить контроль над открытой вкладкой.
- Во-вторых, это может вызвать снижение производительности скорости загрузки страницы
Значение атрибута noopener также предотвратит трату времени веб-страницей на загрузку ненужного JavaScript со связанных страниц.
В последних версиях WordPress значение атрибута noopener будет автоматически сгенерировано для всех ссылок, которые должны открываться в новом окне.
Объект Javascript window.opener
Javascript-объект window.opener используется для управления родительским окном с помощью дочернего окна.Когда target = "_ blank"
используется для гиперссылок, достигается частичный доступ к предыдущей странице через объект window.opener.
Поскольку новое открытое окно может изменить window.opener.location на другую страницу (целевую фишинговую страницу), это может привести к очень простой атаке фишинга.
Используя эту функцию, хакеры могут переключить текущий открытый веб-сайт пользователя на поддельный и украсть информацию.
Инструменты Google для веб-разработчиков
Согласно Инструментам для разработчиков Google, атрибут rel = ”noreferrer” имеет тот же эффект, что и атрибут noopener, но также предотвращает отправку заголовка referer на новую страницу.Они рекомендуют добавлять значения атрибута noopener или noreferrer к ссылкам, открывающимся в новом окне.
Значения атрибутов rel гиперссылки в WordPress
WordPress будет автоматически управлять некоторыми атрибутами rel и значениями атрибутов через свой редактор TinyMCE.
С ноября 2016 года (и WordPress версии 4.7.4) WordPress TinyMCE добавляет rel = ”noreferrer noopener” ко всем ссылкам, которые должны открываться в новом окне. Это делается в качестве автоматической меры безопасности.
Пример, в котором WordPress добавил значения атрибута rel = ”noopener noreferrer” к гиперссылке. Это делается только тогда, когда используется тег target = ”_ blank”.Добавление значений атрибута rel nofollow в WordPress
Значение атрибута rel nofollow можно добавить к ссылкам WordPress, введя их вручную (например, с помощью файлов шаблонов) или с помощью плагина.
В качестве примера, подключаемый модуль Title и Nofollow For Links добавит опцию добавления nofollow ко всем ссылкам, которые должны открываться в новом окне.
Эта функция показывает флажок рядом с каждой созданной ссылкой, чтобы пользователь мог решить, следует ли переходить по ссылке или нет. В этом примере параметр Добавить rel = "sponsored"
в ссылку добавлен другим плагином.
Обратите внимание, что не все ссылки на веб-сайте WordPress управляются редактором TinyMCE. Хотя большинство ссылок закрываются автоматически, бывают случаи, когда WordPress / TinyMCE не действует.
Когда ссылки добавляются, например, путем редактирования HTML / JavaScript / PHP, плагинов или файлов темы, значения атрибутов rel необходимо установить вручную внутри кода.
Nofollow, noreferrer и noopener можно вставить в атрибуты rel
следующим образом:
rel="nofollow noreferrer noopener" > За кулисами
Заключение
Атрибут rel HTML используется для определения взаимосвязи между документами. Если значения атрибутов nofollow, noreferrer и noopener rel используются правильно, SEO, безопасность и скорость страницы могут быть улучшены.
WordPress имеет встроенную функциональность для автоматического добавления наиболее важных значений атрибутов rel.
Об авторе
Ренье занимается улучшением своего английского письма, креативным веб-дизайном и своими веб-сайтами, фотошопом, микроэлектроникой, несколькими жанрами музыки, фильмами о супергероях и крутыми сериалами.Страница не найдена — За кадром
Похоже, эта страница исчезла.Может, попробуй поискать или два?
Если это вас огорчает =, (нерешительно приносим свои извинения за неудобства.
Не волнуйтесь, администратору сообщили о проблеме (здесь какой-то случайный код …)
Гарнитура семейства Барлоу
20 марта 2021 г. | Обновлено 27 марта 2021 г.
Barlow — это малоконтрастный шрифт без засечек со слегка закругленными краями.Своими высокими буквами он напоминает визуальный стиль калифорнийской публики. Более…Полосатая резиновая лягушка (Phrynomantis bifasciatus)
15 апреля 2015 г.
Полосатая резиновая лягушка (Phrynomantis bifasciatus) описывается как ходячая и лазающая лягушка среднего размера (45-66 мм), обитающая в южных частях Африки, включая бушвельды, саванны, субтропические или тропические кустарники и пастбища Южной Африки.Более…Создание снимка экрана на Raspberry Pi из удаленного места
1 июля 2018 г.
Будь то в целях отладки, создания изображений для учебных пособий или фиксации момента в игре, скриншоты (снимки экрана или снимки экрана) часто пригодятся. В большинстве операционных систем, включая Raspbian, есть возможность создавать снимки экрана с помощью клавиатуры, но что, если клавиатура не подключена? Более…Погоня за идеальной Кровавой Мэри, часть 2
21 февраля 2015 г.
Для тех из вас, кто не знаком с этим термином, Кровавая Мэри — это несколько другой, полезный фруктовый (томатный) коктейль со здоровой рюмкой водки, лимонным соком, Вустерширским соусом, соусом Табаско, солью и молотым перцем и специальным гарниром .Более…Ссылки на места назначения из разных источников небезопасны
• Обновлено
Появляется в: аудиты передовой практики При переходе по ссылке на страницу на другом сайте с помощью target = "_ blank"
, вы можете подвергнуть свой сайт проблемам производительности и безопасности:
- Другая страница может выполняться в том же процессе, что и ваша страница. Если на другой странице выполняется много JavaScript, производительность вашей страницы может пострадать.
- Другая страница может получить доступ к вашему объекту
window
с помощью свойстваwindow.opener
. Это может позволить другой странице перенаправить вашу страницу на вредоносный URL.
Добавление rel = "noopener"
или rel = "noreferrer"
в вашу target = "_ blank"
ссылок позволяет избежать этих проблем.
Начиная с Chromium версии 88, привязки с target = "_ blank"
автоматически получают поведение noopener
по умолчанию. Явная спецификация rel = "noopener"
помогает защитить пользователей устаревших браузеров, включая Edge Legacy и Internet Explorer.
Как не удается выполнить аудит пункта назначения Lighthouse в разных странах #
Lighthouse помечает небезопасные ссылки на пункты назначения в разных странах:
Lighthouse использует следующий процесс для определения ссылок как небезопасных:
- Собирает все теги
target = "_ blank"
, но не атрибутrel = "noopener"
илиrel = "noreferrer"
. - Отфильтровать любые ссылки на один и тот же хост.
Поскольку Lighthouse отфильтровывает ссылки с одним и тем же хостом, существует крайний случай, о котором вам следует знать, если вы работаете на большом сайте: если одна страница содержит ссылку target = "_ blank"
на другую страницу вашего сайта без использования rel = "noopener"
влияние этого аудита на производительность все равно остается.Однако вы не увидите эти ссылки в результатах поиска Lighthouse.
Каждый аудит передового опыта имеет одинаковый вес в рейтинге Lighthouse Best Practices Score. Узнайте больше в рейтинге лучших практик.
Как повысить производительность вашего сайта и предотвратить уязвимости безопасности #
Добавьте rel = "noopener"
или rel = "noreferrer"
к каждой ссылке, указанной в вашем отчете Lighthouse. Обычно при использовании target = "_ blank"
всегда добавляйте rel = "noopener"
или rel = "noreferrer"
:
Пример зоомагазина
-
rel =" noopener "
предотвращает доступ новой страницы к свойствуwindow.opener
и обеспечивает выполнение в отдельном процессе. -
rel = "noreferrer"
имеет тот же эффект, но также предотвращает отправку заголовкаReferer
на новую страницу. См. тип ссылки «noreferrer».
См. общий доступ ресурсы с перекрестным происхождением безопасно размещайте для получения дополнительной информации.
Ресурсы #
Последнее обновление: Улучшение статьи, что такое NoFollow, и когда мне следует его использовать?
Меня часто спрашивают, как и когда использовать значение атрибута nofollow . Многих веб-мастеров это смущает. Тем не менее, хотя эксперты по поисковой оптимизации (SEO), которые не верят в то, что «все должно оставаться реальным», могут немного поволноваться, на самом деле это довольно просто.
Что делает «nofollow» и почему он был введен?
Помимо очевидной цели открытия новой страницы в браузере вашего посетителя, для поисковых систем ссылка имеет две или три функции:
- Чтобы «рекомендовать» связанную страницу
- Чтобы связать текст ссылки или текст привязки со связанной страницей
- Для передачи Google PageRank на связанную страницу.
Что такое Google PageRank?
Проще говоря, Google PageRank ™ — это числовая мера «важности» веб-страницы, рассчитываемая с использованием сложного итеративного алгоритма на основе количества и «важности» веб-страниц, которые ссылаются на нее.
На самом деле он назван в честь соучредителя Google Ларри Пейджа, но я не могу не задаться вопросом, было ли это счастливой случайностью. Если бы имя Пейджа было менее подходящим, использовалось бы оно для этой цели?
Хотя введение карты сайта XML теперь дает им еще один метод поиска веб-страниц для индексации, поисковые системы (и Google в частности) по-прежнему принимают во внимание эти три фактора при принятии решения о том, какие страницы должны быть возвращены в их результаты поиска для конкретный поисковый запрос.
Это работает при условии, что веб-мастера размещают ссылки только на качественные, релевантные сайты ради самих себя.
Проблема в том, что один веб-сайт может ссылаться на другой не из-за качества или релевантности этого сайта, а потому, что владелец сайта надеется получить прямо или косвенно оплату за это. Опять же, некоторые веб-мастера могут ссылаться на сайты, которые они не рекомендуют или не «доверяют» (хотя я не понимаю, зачем они это делают, особенно если не было никакой оплаты).
Я пойду за тобой. Ты пойдешь за мной? »
Майк Резерфорд / Тони Бэнкс / Фил Коллинз
Для решения этой проблемы в 2005 году Google ввел использование значения атрибута rel = «nofollow» в гиперссылке. То же соглашение было принято другими крупными поисковыми системами: там, где используется значение этого атрибута, не будет подразумеваться никакая рекомендация, не будет привязан текст привязки и не будет передаваться рейтинг страницы Google по этой конкретной ссылке.
Однако, несмотря на то, что вам могут сказать поисковые системы, небезопасно предполагать, что по ссылке физически не будут переходить их пауки или что связанная страница не будет проиндексирована.
Как, когда и зачем мне использовать nofollow?
Вот пример кода ссылки, который использует это значение атрибута:
rel = «nofollow» > текст привязки
По причинам, которые мы обсудим позже, вы редко захотите использовать внутреннюю ссылку «nofollow», поэтому я предположил, что это внешняя ссылка.Обратите внимание, что я включил target = «_blank» , чтобы открывать связанную страницу в новом окне или на новой вкладке. Порядок атрибутов не важен.
Пользователи SiteSell BB2 SiteBuilder могут добавить значение атрибута rel = «nofollow» к своему коду ссылки, нажав кнопку «NoFollow» на панели инструментов блока Text .
Возможно, вы захотите сделать это, потому что ссылка может считаться «платной», или потому, что вы не рекомендуете или не «доверяете» связанную страницу — так почему вы на нее ссылаетесь? Это единственные ситуации, в которых я бы порекомендовал запретить переход по ссылкам, и снова мы увидим почему позже.
Платные ссылки …
Покупка и продажа Google PageRank противоречит Руководству Google для веб-мастеров и может привести к понижению рейтинга вашего сайта в результатах поиска, если это будет обнаружено. Тем не менее, нет возражений против продажи ссылок в обычных рекламных целях и нет штрафов, если эти ссылки отмечены как таковые.
Похоже, что нет никаких конкретных рекомендаций относительно партнерских ссылок, например, но я был бы склонен рассматривать всех ссылок, по которым может быть задействован платеж, как «оплаченные».
Хотя может и не быть намерения манипулировать результатами поиска, Google заинтересован в ссылках, которые отражают ценность связанного сайта как таковую, а не как источник дохода. Если кажется вероятным, что ссылка не будет существовать, если не будет возможности платежа, я полагаю, что Google будет ожидать, что по ней будет «nofollowed».
Плохие окрестности …
Поисковые системы не должны возлагать на вас ответственность за сайты, которые ссылаются на ваш (хотя некоторые могут это делать), но ваш сайт может быть наказан, если вы ссылаетесь на веб-сайты низкого качества или не относящиеся к его теме, в частности если они кажутся «плохими соседями» или частью схемы обмена ссылками.
Отклонять запросы на обмен ссылками с сайтов, которые не имеют ничего общего с вашим, и от брокеров ссылок. Эти ссылки никак не влияют на доверие к вашему сайту и могут нанести вред. Мое собственное правило — не обмениваться ссылками с каким-либо сайтом, на который я бы не ссылался, если бы не использовалась обратная ссылка.
Если необходимо, добавьте к коду ссылки rel = «nofollow» , чтобы избежать штрафных санкций для поисковой системы. Вы, вероятно, обнаружите, что ваш потенциальный партнер по обмену ссылками все равно потеряет интерес, если Google PageRank не будет передан.
Что такое формирование рейтинга страниц?
Когда Google впервые ввел понятие «nofollow», PageRank, доступный для передачи веб-страницей на связанные страницы, был разделен поровну только между «отслеживаемыми» ссылками. В результате веб-мастера могли распределять или «формировать» PageRank, используя значение атрибута rel = «nofollow» в ссылках на страницы, отличные от тех, которые они хотели отдать предпочтению.
Google полагал, что это имело нежелательные последствия как для пользователей поисковой системы Google, так и, в некоторых случаях, для веб-мастеров, которые использовали эту технику.В 2008 году они изменили алгоритм так, чтобы PageRank делился поровну между и всеми исходящими ссылками, но пропускал только те, которые были « следуют за ». По словам Мэтта Каттса , главы группы Google по борьбе со спамом, все, что выделено для ссылок « nofollowed », просто «испарится».
Я бы не рекомендовал вам использовать rel = «nofollow» в любых обстоятельствах, кроме тех, которые я описал выше.
Разумеется, нет недостатка в том, чтобы «переходить» по вашим ссылкам в других обстоятельствах, и, действительно, это может быть преимуществом, даже если ссылки внешние.Вместо того, чтобы просто «испаряться», любой PageRank, передаваемый на внешние сайты, в конечном итоге может быть передан обратно по хорошим входящим ссылкам. Поисковые системы также могут отдать вам должное, когда они оценивают ценность ваших страниц, если вы ссылаетесь на релевантные высококачественные «авторитетные» сайты.
Что делать, если я не хочу индексировать свою страницу?
Обычно я разрешаю проиндексировать все мои общедоступные страницы, чтобы их могли найти посетители, использующие средство поиска на моем сайте. В тех редких случаях, когда я хочу предотвратить индексирование страницы, я использую формат
Атрибуты Noreferrer / noopener / nofollow | Справочный центр
Не влияют ли атрибуты noreferrer и noopener на мои обратные или исходящие ссылки с точки зрения SEO?
Краткий ответ: Нет
Noreferrer, noopener и nofollow не связаны друг с другом. У каждого атрибута свое предназначение. Давайте посмотрим, для чего они используются.
Noreferrer
Noreferrer занимается аналитикой и отслеживанием.Значение реферера показывает предыдущую страницу, с которой пришел пользователь. Используя атрибут noreferrer в ссылке, вы не позволяете другим страницам видеть, что трафик пришел от щелчка по вашей ссылке.
Пример:
Влияние на SEO: 0, но может повлиять на аналитику и отслеживание .
Noopener
Noopener имеет отношение к безопасности. Он закрывает проблему безопасности браузера, называемую обратным захватом вкладок, которая позволяет злоумышленнику получить частичный доступ к предыдущей странице и обычно используется, когда ссылка настроена на открытие в новой вкладке с target = «_ blank».
Примечание: С выпуском Chrome 88 все ссылки с target = «_ blank» будут обрабатываться как noopener.
Пример:
Влияние на SEO: 0
Nofollow
Атрибут nofollow использовался в прошлом, чтобы указать поисковым системам просто игнорировать ссылку. Google не сканировал эти ссылки и не передавал по ним ценность. Их отношение к ссылкам nofollow изменилось в 2020 году, и теперь все стало сложнее.Они рассматривают nofollow как подсказку, что означает, что они могут выбирать, сканировать ли и передавать через них значение, или нет.
Влияние на SEO: это зависит от того, решат ли они, что ссылки являются ценными или нет. Невозможно определить, какие ссылки они используют, а какие нет.
Пример:
Ссылка на yoursite.com
Дополнительную полезную информацию о ссылках nofollow можно найти здесь:
https://ahrefs.com/blog/nofollow-links/
https: // ahrefs.com / blog / nofollow-ugc-sponsored /
Как мне добавить атрибуты rel = nofollow или target = blank, rel = external или другие подобные атрибуты к определенным ссылкам в моих сообщениях (в уценке)? — поддержка
макетов / _default / _markup / render-link.html
{{- $ parsedTitle: = dict -}}
{{- с .Title -}}
{{- $ parsedTitle = partial "functions / parse-title-attribute.html". -}}
{{- конец -}}
{{.Text | safeHTML}}
{{- / * Удалить конечный пробел. * / -}}
макетов / partials / functions / parse-title-attribute.html
{{/ * Разделить .Title на две части: заголовок и атрибуты. * /}}
{{- $ parts: = split. "{" -}}
{{- $ parts = применить $ parts "trim" "." "" -}}
{{- $ parts = применить $ parts "trim" "." "}" -}}
{{/ * Извлечь заголовок в строку.* /}}
{{- $ title: = index $ parts 0 -}}
{{/ * Извлечь атрибуты в словарь. * /}}
{{- $ temp: = index $ parts 1 -}}
{{- $ temp = split $ temp "'" -}}
{{- $ temp = first (sub (len $ temp) 1) $ temp -}}
{{- $ temp = применить $ temp "заменить" "." знак равно
{{- $ temp = применить $ temp "trim" "." "" -}}
{{- $ attributes: = dict -}}
{{- если $ temp -}}
{{- диапазон (seq 0 2 (sub (len $ temp) 1)) -}}
{{- $ attributes = объединить $ attributes (dict (index $ temp.) (index $ temp (add 1.))) -}}
{{- конец -}}
{{- конец -}}
{{- $ parsedTitle: = dict "title" $ title "attributes" $ attributes -}}
{{- вернуть $ parsedTitle -}}
Это работает со всеми этими:
[Hugo Forum] (https: // discourse.