Содержание
Графические изображения всегда привлекают внимание. Пользователи часто нажимают на самые яркие, интересные рисунки, фото, чтобы их увеличить, рассмотреть детали или сохранить у себя на электронном устройстве. Многие веб-мастера создают ссылки в виде картинок. Клики по ним перебрасывают посетителей на тематическую страницу или запускают загрузку файла. Размещение таких элементов не всегда дает нужный результат, тексты лучше распознаются поисковыми роботами при индексации. Однако соблюдение правил создания и применения ссылочных изображений принесет пользу для продвижения проекта.
Типы и форматы ссылок
Гиперссылками (линками или просто ссылками) называют компоненты HTML-документа, состоящие из ссылочного текста (анкора) и адреса открываемой страницы (URL). Они выделяются цветом, жирным шрифтом, курсивом или подчеркиванием. При нажатии на такой линк открывается фрагмент этого же документа или другая веб-страница. Переходы по ним учитываются поисковыми роботами при индексации сайтов.
Основными считаются два типа ссылок – анкорные и безанкорные. Текст первых содержит ключевые словоформы по тематике открывающейся страницы или фрагмента. Во втором варианте используются слова, которые служат общим указателем, например, «смотрите здесь». Куда ведут такие линки, можно узнать только по околоссылочному тексту.
Ссылки бывают в формате текста или графических рисунков, схем, фотографий. К такому же виду относятся рекламные баннеры. Обычно текстовые линки более эффективны в продвижении сайта. К примеру, разделы меню в форме текста лучше воспринимаются пользователями, учитываются поисковиками при оценке навигации ресурса.
Ссылочные картинки служат в основном для удобства пользования сайтом. Например, в галереи логично размещать изображения, которые будут увеличиваться при нажатии. Посетитель в этом случае сможет рассмотреть детали рисунка или фото. Рекламные баннеры с продвигаемым продуктом, перебросят пользователя в раздел соответствующих товаров. Схема проезда откроет карту с удобным маршрутом к магазину или офису компании.
Например:
Способы создания графических ссылок
В большинстве программ по редактированию контента есть функция, позволяющая создавать и размещать ссылочные изображения. Для этого достаточно открыть выбранную картинку в редакторе и выбрать нужный пункт, например, «Вставить ссылку». Затем прописать адрес, на который она приведет.
Можно составить HTML-код самостоятельно. Он должен выглядеть так: <a href=»URL открываемой страницы»><img src=»http://название сайта/путь к изображению/адрес самой картинки»/></a>
Изначально графический элемент надо загрузить на свой сервер. В атрибуте href вписывается адрес страницы, на которую приведет клик. Тегом <a> обозначают переход, <img> – указывают путь к картинке, с которой пользователь будет перенаправлен на другой документ.
Также могут применяться дополнительные атрибуты:
- alt – альтернативный текст для тех, у кого картинка не отображается;
- border – для оформления рамки;
- width, height – для указания размеров изображения.
С помощью стандартных инструментов оформления веб-страницы создаются разные эффекты при наведении курсора на ссылочные рисунки, фотографии – наложение теней, изменение цвета, уровня прозрачности. Это привлечет внимание аудитории.
Для использования в качестве ссылки графического файла непосредственно с другого сайта, без загрузки, в теге <img> прописывается полный путь к этому ресурсу. Надо учесть, что размещение чужих изображений может привести к проблемам из-за нарушения прав интеллектуальной собственности. К тому же снижается коэффициент доверия поисковиков (траст), страница с таким элементом дольше грузится. Это плохо сказывается на рейтинге и продвижении проекта.
Советы по созданию и применению ссылок-изображений
Размещение картинок с переходами на другие страницы и ресурсы даст эффект при соблюдении таких правил:
- Желательно использовать собственные изображения. Уникальность графики аналогично текстам учитывается при ранжировании.
- С помощью атрибутов height и width можно визуально уменьшать размер размещаемых рисунков, фотографий без снижения качества. Это ускорит загрузку страниц, что положительно скажется на продвижении.
- Использование броского названия, описания изображения привлечет дополнительное внимание посетителей.
При размещении баннеров, картинок со ссылками надо соблюдать меру. Они не должны влиять на скорость загрузки, естественно смотреться на странице, соответствовать тексту.
