Интернет и с чем его едят

Ссылка-картинка

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

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

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

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

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

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

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

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

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

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

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

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

height, widhth - указываем размер изображения;

border - работаем с окантовкой (рамкой);

alt - альтернативный текст для того посетителя, у которого не отобразилась картинка.

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

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

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

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

Делайте ссылки только со своих картинок.

Используйте уникальные изображения. Также, как и тексты, для успешного продвижения изображения не должны повторяться в Интернете.

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

Прописывайте <alt> - описание к каждой картинке. Можно прописать и <title>.

Не увлекайтесь применением ссылок с картинок. Все же текстовые ссылки играют более важную роль при продвижении ресурса.