Не пропусти вебинар! Почему вашему сайту нужна мобильная версия или как не потерять трафик - 28 августа в 13:00 Узнать больше
Тематический трафик – альтернативный подход в продвижении бизнеса
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!

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

Это рекламный баннер справа от дороги. Красочное изображение может отправить водителя в мир, которое оно рекламирует. Если, конечно, путешественник захочет туда отправиться - то есть поедет по указанному на баннере адресу.

Виды ссылок на сайте

Как мы уже рассказывали в другой статье, ссылки на сайте могут быть разными. Два основных типа ссылок - это текстовые анкорные и безанкорные, а также ссылки-изображения. Текстовые ссылки важны для продвижения, так как усиливают вес поисковых запросов из анкор-листа. Ссылки-картинки так же передают вес, но чаще их используют для улучшения юзабилити сайта.

К примеру, в разделе “фотогалерея” для удобства пользователей логично создавать ссылки-картинки. При нажатии на иконку фотографии происходит открытие нового большого окна, в котором человек может полностью рассмотреть изображение в крупном формате. Или, к примеру, изображение схемы проезда можно также увеличивать при желании пользователя. Если в вашем тексте представлены чертежи, графики - логично делать ссылку с превью для загрузки изображения в полном размере.

Ссылка с изображения может вести на другую страницу сайта. Это может быть путь с рекламного баннера, пункта меню и т.п.

Напоминаем, что нежелательно организовывать меню на вашем сайте в виде картинок - это неудобно ни вам, ни поисковой системе. Желательно использовать текст.

Также ссылка с картинки отправляет часто на сторонний ресурс — счетчики, баннеры и т.п.

Вот пример такой ссылки (нажмите на нее и попадете на статью о битых ссылках - так это и работает):

Как вставить ссылку в картинку

Большинство CMS имеют встроенные редакторы, позволяющие работать с загрузкой изображений и установкой ссылок с них.

  • В визуальном редакторе обычно можно просто выделить изображение, нажать на кнопку “вставить ссылку” и указать нужный url.
  • Если вы вставляете ссылку в картинку в виде HTML-кода, то используйте следующее написание:

<a href=”путь, куда идти - url”><img src="http://ваш сайт/путь к картинке/сама картинка - url изображения" /></a>

Тег <а> означает переход по ссылке, a <img> указывает путь к изображению, с которого вы отправляете пользователя куда-то. То есть изначально вы должны загрузить его на ваш сервер.

Дополнительные указания:

  • height, widhth - указываем размер изображения;
  • border - работаем с окантовкой (рамкой);
  • alt - альтернативный текст для того посетителя, у которого не отобразилась картинка.

На изображение можно наложить тень, изменить прозрачность при наведении указателя мыши, смену цвета, закруглить углы - все это позволяют средства CSS.

Если сделать картинку с другого сайта ссылкой

Можно использовать изображение с другого ресурса, для этого в <img> необходимо вставить его полный путь.

Если вы хотите разместить изображение на своем сайте не загружая ее, то есть подтянув с другого сайта:

  • Помните, что использовать чужие изображения не желательно и вообще нельзя, так как у каждого графического материала есть свой автор.
  • При отображении картинки подгруженной с чужого ресурса на вашем сайте, вы передаете часть траста вашего сайта стороннему ресурсу и вдобавок расплачиваетесь более длительной загрузкой страницы.

Все это ухудшает результаты продвижения сайта.

Правила размещения ссылок-картинок на сайте

  • Делайте ссылки только со своих изображений.
  • Используйте уникальные изображения. Также, как и тексты, для успешного продвижения изображения не должны повторяться в Интернете.
  • Не загружайте картинку огромного размера. Визуально вы можете уменьшить ее при помощи width и height в теге <img>, при этом на странице изображение будет небольшого размера. Но фактически на страницу каждый раз будет подгружаться полноразмерная картинка, что увеличит время загрузки страницы и плохо скажется на продвижении сайта. Да и качество принудительно сжатого изображения будет страдать.
  • Прописывайте <alt> - описание к каждой картинке. Можно прописать и <title>.
  • Не увлекайтесь применением таких ссылок. Все же текстовые ссылки играют более важную роль при продвижении ресурса.
Десятки тысяч посетителей на ваш сайт по тематике вашего бизнеса за копейки

О вашем бренде узнают и начнут говорить

Станьте экспертом в глазах читателей и увеличивайте продажи!
– Увеличиваем продажи.
– Прививаем лояльность к бренду.
– Повышаем вашу экспертность.
– Увеличиваем ценность сайта.

Принудительно, через тематический трафик
Подпишись на обновления блога
Евгений Мукомел SEMANTICA, Семантик бесплатный вебинар Почему вашему сайту нужна мобильная версия или как не потерять трафик Регистрируйся! 28 августа в 13:00

Мы работаем не только в Моcкве, но и в других городах России: