Target blank rel nofollow img

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, валидный код получается только при использовании переходного .

Казалось бы, раз все знают, какой смысл писать об этом? Но на практике мы столкнулись с тем, что многие оптимизаторы:

  1. Не уделяют внимание данному атрибуту. Об этом говорит наша статистика по проектам, в которых не указан target="_blank" для внешних ссылок.
  2. Не знают об одной важной особенности данного атрибута.

О том, что нужно знать про 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" есть одна особенность. Страницы, открытые через ссылки с этим атрибутом, выполняются в одном процессе браузера вместе с родительской страницей. Это плохо по двум причинам:

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

Подробнее с данной проблемой можно ознакомиться по ссылкам:

Чтобы избежать таких нежелательных последствий для всех внешних ссылок с атрибутом target="_blank", необходимо использовать атрибут rel="noopener". Данный атрибут разрывает связь родительской и дочерней страницы, и они начинают выполняться в разных процессах браузера.

Читайте также:  Видеорегистратор радар детектор playme turbo отзывы

Атрибут noopener можно использовать с атрибутом nofollow, если вы не хотите передавать вес стороннему сайту:
Внешняя ссылка

Как найти все внешние ссылки с атрибутом target="_blank", но без rel="noopener" на сайте?

Об этом мы уже позаботились и сделали в Сайтрепорте отчёт Внешние ссылки с target="_blank" без rel="noopener" . Отчёт доступен как в интерфейсе, так и в виде CSV выгрузки.

Также в отчёте по ссылкам вы можете просмотреть содержимое атрибутов rel и target всех ссылок сайта — как внутренних, так и внешних.

Как исправить найденные ошибки?

Для популярных CMS есть плагины, позволяющие управлять поведением ссылок на сторонние сайты. Например, для WordPress это WP External Links . Если ваша CMS не имеет такой встроенной функции или плагина, то можно написать собственный скрипт или расставить атрибуты вручную, если на сайте немного страниц.

Для поиска, описанных в статье, и многих других ошибок, рекомендуем воспользоваться сервисом Сайтрепорт.

Проверить сайт на ошибки

Об Авторе

Сервис диагностики внутренней и внешней оптимизации сайта. Успешно работает с 2010 года.

2 комментария

Спасибо за интересный материал. Но вы забываете про самое главное — ориентир на пользователя. Вы игнорируете предпочтения пользователя. Открывая ссылки в новой вкладке, вы чуть ли не насильно говорите ему, "останься на нашем сайте, вдруг ещё пригодится, а эту ссылку открой в новой вкладке/окне". Если мне нужно запомнить ваш сайт/страницу, то я добавлю его в избранное и зайду в другое время (когда освободиться время, когда будет потребность, когда просто захочется для интереса зайти на данный сайт). Если я не нашёл ничего интересного для себя, то и нет повода оставаться на данном сайте. Функциональность "Добавить в избранное" сейчас работает во всех браузерах и заставить пользователя сейчас не потерять сайт скорее нужна только для новичка. А опытный пользователь скорее будет раздражён, если сайт без нужды откроет сайт в новой вкладке.

Константин, верно пишете. Здесь не всё однозначно. В конечном счёте решение принимает владелец сайта, ориентируясь на предпочтения аудитории и бизнес-задачи.
Постараемся подготовить исследование на эту тему. Будем признательны, если кто-то из наших пользователей поделится информацией как повлияло внедрение target="_blank" для внешних ссылок на глубину просмотра, время на сайте, заказы и т. п.

Ссылка на основную публикацию
Saitek x52 flight control system драйвера
Saitek X52 Pro Flight Controller Saitek X52 Pro Flight Controller (HID)Saitek X52 Pro Flight Controller (USB)File: Saitek_X52Pro_Flight_Controller_300107_64.exe Примечание: Ссылка "скачать"...
Manli gtx 550 ti характеристики
Каждый пользователь стационарного компьютера рассчитывает собрать надежную и производительную систему не только для учебы, работы, но и для игр. И...
Mass effect andromeda спутники
Тип задания: Союзники и отношения Требуемые условия: Установить аванпосты Инициативы, как минимум на двух планетах Начальная локация: Любая планета, где...
Revo uninstaller ключ активации
Revo Uninstaller Pro помогает легко удалять программы и нежелательные приложения, установленные в компьютере, даже если Вы столкнулись с проблемами при...
Adblock detector