Логотип на сайте в левом верхнем углу – что может быть проще. Однако на множестве сайтов при размещении и верстке логотипа делается довольно много ошибок. Логотип на сайте выполняет ряд SEO и юзабилити функций, кроме идентификации бренда.
С точки зрения SEO, логотип – это еще одна ссылка на главную страницу сайта. Таких ссылок на главную может быть еще несколько на странице в различных местах:в основном меню, в хлебных крошках, в текстовом меню футера.
Ссылка с логотипа имеет пару преимуществ, по сравнению с остальными ссылками на главную: а) она находится максимально близко к началу документа, б) поскольку логотип – изображение, то возможно прописать альтернативный текст в параметре alt, причем больше, чем просто “Главная”. При ссылке с изображения alt учитывается основными поисковыми системами, как текст ссылки и будет участвовать в продвижении главной страницы. Имеет смысл прописать в качестве альтернативного текст не только название сайта и/или компании, а и основные запросы, по которым будет продвигаться главная страница, например “СуперЕвроОкна – пластиковые окна в Киеве”. В топ, конечно, этот прием не выведет, но несколько поможет, особенно если на сайте больше 10 страниц.
Бонусом прописывания в альтернативном тексте логотипа названия компании является продвижением в поиске по картинкам – по запросам, связанным с компанией, логотип должен выводиться. В некоторых случаях такой бонус может здорово помочь.
С точки зрения юзабилити, логотип со ссылкой на главную страницу – это спасательный круг, который может вытащить пользователя из пучин сайта. Пользователь знает, что как бы глубоко он не погрузился в дебри сайта, клик по логотипу выведет его к началу пути и можно будет начать работу заново. Альтернативный текст тут тоже выступает полезным бонусом, когда пользователи попадают на сайт сразу на внутренние страницы – при наведении курсора мыши на логотип человек получает информацию о названии компании и основных предоставляемых услугах.
Несколько распространенных ошибок при размещении логотипов:
- Отсутствие ссылки на главную в принципе. В этом случае пользователь остается один на один с навигацией сайта и будет хорошо, если ссылка на главную есть в основном меню. Чаще всего обескураженный пользователь или прокликает кнопкой “Назад” браузера, или просто закроет окно. Оптимизатор при отсутствии ссылки на главную не получит связной ссылочной структуры сайта.
- Ссылка с логотипа ведет не на главную страницу сайта, а другую информационную страницу, например страницу “О проекте” или “О компании”. Едва ли такой вариант лучше, чем вообще без ссылки. Информационные страницы в большинстве случаев являются тупиковыми. Если еще и в основном меню отсутствует хорошо заметная ссылка на главную – пользователю куда проще вернуться к знакомым результатам поисковой системы, чем разбираться с этим сайтом.
- Логотип сделан бекграундом с помощью стилей, ссылка есть, но без текста. Встречал такую реализацию несколько раз. Явных ляпов с точки зрения юзабилити нет – пользователь на главную попадет, но сложность реализации вкупе с отсутствием текста и невозможностью индексации картинки – в минус!
- Отсутствует альтернативный текст. Уже упоминал раньше, почему альтернативный текст на логотипе важен.
Я стараюсь всегда использовать ссылку с логотипа еще для пары моментов:
- Ссылку ставлю абсолютную, вместе с доменом – для дополнительного веса на главное зеркало.
- Проверяем, чтобы в ссылке не было index.html, index.php и тому подобного – ссылка на главную должна заканчиваться на /
3 responses to “Логотип сайта для SEO и юзабилити”
Полезная информация, спасибо! Особенно для дизайнеров… при разработке логотипа нужно учитывать и этот фактор.
Спасибо. Но смотрю по юзабилити у тебя грубая ошибка: ссылки на сайте ничем не отличаются от обычного текста.
Согласен, недоработочка в стиле “сапожник без сапог”. Спасибо за замечание