Это рекламный баннер справа от дороги. Красочное изображение может отправить водителя в мир, которое оно рекламирует. Если, конечно, путешественник захочет туда отправиться - то есть поедет по указанному на баннере адресу.
Виды ссылок на сайте
Как мы уже рассказывали в другой статье, ссылки на сайте могут быть разными. Два основных типа ссылок - это текстовые анкорные и безанкорные, а также ссылки-изображения. Текстовые ссылки важны для продвижения, так как усиливают вес поисковых запросов из анкор-листа. Ссылки-картинки так же передают вес, но чаще их используют для улучшения юзабилити сайта.
К примеру, в разделе “фотогалерея” для удобства пользователей логично создавать ссылки-картинки. При нажатии на иконку фотографии происходит открытие нового большого окна, в котором человек может полностью рассмотреть изображение в крупном формате. Или, к примеру, изображение схемы проезда можно также увеличивать при желании пользователя. Если в вашем тексте представлены чертежи, графики - логично делать ссылку с превью для загрузки изображения в полном размере.
Ссылка с изображения может вести на другую страницу сайта. Это может быть путь с рекламного баннера, пункта меню и т.п.
Напоминаем, что нежелательно организовывать меню на вашем сайте в виде картинок - это неудобно ни вам, ни поисковой системе. Желательно использовать текст.
Также ссылка с картинки отправляет часто на сторонний ресурс — счетчики, баннеры и т.п.
Вот пример такой ссылки (нажмите на нее и попадете на статью о битых ссылках - так это и работает):
Как вставить ссылку в картинку
Большинство CMS имеют встроенные редакторы, позволяющие работать с загрузкой изображений и установкой ссылок с них.
- В визуальном редакторе обычно можно просто выделить изображение, нажать на кнопку “вставить ссылку” и указать нужный url.
- Если вы вставляете ссылку в картинку в виде HTML-кода, то используйте следующее написание:
<a href=”путь, куда идти - url”><img src="http://ваш сайт/путь к картинке/сама картинка - url изображения" /></a>
Тег <а> означает переход по ссылке, a <img> указывает путь к изображению, с которого вы отправляете пользователя куда-то. То есть изначально вы должны загрузить его на ваш сервер.
Дополнительные указания:
- height, widhth - указываем размер изображения;
- border - работаем с окантовкой (рамкой);
- alt - альтернативный текст для того посетителя, у которого не отобразилась картинка.
На изображение можно наложить тень, изменить прозрачность при наведении указателя мыши, смену цвета, закруглить углы - все это позволяют средства CSS.
Если сделать картинку с другого сайта ссылкой
Можно использовать изображение с другого ресурса, для этого в <img> необходимо вставить его полный путь.
Если вы хотите разместить изображение на своем сайте не загружая ее, то есть подтянув с другого сайта:
- Помните, что использовать чужие изображения не желательно и вообще нельзя, так как у каждого графического материала есть свой автор.
- При отображении картинки подгруженной с чужого ресурса на вашем сайте, вы передаете часть траста вашего сайта стороннему ресурсу и вдобавок расплачиваетесь более длительной загрузкой страницы.
Все это ухудшает результаты продвижения сайта.
Правила размещения ссылок-картинок на сайте
- Делайте ссылки только со своих изображений.
- Используйте уникальные изображения. Также, как и тексты, для успешного продвижения изображения не должны повторяться в Интернете.
- Не загружайте картинку огромного размера. Визуально вы можете уменьшить ее при помощи width и height в теге <img>, при этом на странице изображение будет небольшого размера. Но фактически на страницу каждый раз будет подгружаться полноразмерная картинка, что увеличит время загрузки страницы и плохо скажется на продвижении сайта. Да и качество принудительно сжатого изображения будет страдать.
- Прописывайте <alt> - описание к каждой картинке. Можно прописать и <title>.
- Не увлекайтесь применением таких ссылок. Все же текстовые ссылки играют более важную роль при продвижении ресурса.
