Что такое логотип на сайте

Что такое логотип на сайте

Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

Фактически, это картинка, с которой будут ассоциировать вашу компанию (это в идеале, если все сделано правильно). Например, у Nike логотип «правильный», потому что узнаваемый.

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

Для чего брендам нужен логотип

У этого знака есть несколько брендинговых и маркетинговых функций:

• Узнаваемость, отстройка на фоне конкурентов.
• Защита торговых знаков и марок от подделки, копирования. Важно зарегистрировать и оформить все необходимые патенты на всех рынках, на которых планируете работать. Если этого не сделать, может обойтись очень дорого.
• Реклама, формирование лояльности и доверия к бренду. Качественный логотип отработает любые средства, вложенные в его создание.

Какие бывают логотипы

В целом, описание того, что такое логотип сайта, затрагивает, в первую очередь, основы дизайна и брендинга. Мы не будем слишком углубляться в маркетинг и креатив, отметим лишь, что профессиональное мнение в разработке не помешает. Есть одно негласное правило: пусть лучше не оставит никакого впечатления, чем оставит плохое.

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

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

Общие требования к логотипу

• Не используйте несочетаемые цвета и не комбинируйте больше двух-трех.
• Избегайте шрифта с нечитабельным начертанием слов. Выглядеть будет, возможно, оригинально, но прочесть никто не сможет, название не запомнит.
• Изучите конкурентов. Даже если вам очень нравится вариант, но у них похожие уже есть – откажитесь. Это не столько вопрос оригинальности, сколько финансовых потерь. Например, вы будете проводить активные рекламные кампании, а поток клиентов попадет не к вам, потому что не сумели сделать четкое позиционирование.
• Не мельчите. Ни с буквами, ни с графикой. Помимо размещения логотипа на сайте, вы будете использовать его в других форматах, например, на визитках. Мелкие детали просто сольются в одно пятно.
• Чтобы прикинуть, как будет смотреться на вебсайте, уменьшите стороны примерно до 50 пикселей. Теоретически, разместить в шапке можно и больший, но практически, это часто нецелесообразно, поскольку занимает полезную площадь другого контента.

Множество мировых брендов, ориентированных на молодую аудиторию, в фирменной атрибутике использует классические приемы дизайна. А нестандартные подходы оставляет на коммуникацию с аудиторией и рекламу.

В зависимости от изображенных элементов, делятся на:

• Графические. В основе картинка, иконка, значок, фигура
• Трехмерный. Он трансформировался из предыдущего, отличается иллюзией объема. Для примера, шарик компании Xerox.
• Текстовые. Как понятно из названия, это символы. Чаще всего, название фирмы, аббревиатура. Делать длинные не принято по причине неудобства использования. Если слов несколько – это слоган. Он может быть написан рядом и выглядеть как единая конструкция, но он не входит в лого.
• Комбинированные – объединяют в себе изображение и надпись.
• Эмблемы. Самый технически сложный и трудоемкий вариант, для которого характерны простая геометрическая форма и при этом сложная композиция.
• Некоторые отдельно выделяют геральдический стиль с изображением флагов, гербов, символов геральдики. Логотип Peugeot.

Как сделать логотип для сайта

1. Обратиться к дизайнеру. Не поленитесь разместить заказ на сайтах фрилансеров, отправить в несколько студий и потом сравнить цены. Время, потраченное на поиски, окупится, поскольку разница будет существенной. Не всегда дороже – значит лучше.
2. Разработать самостоятельно. Если у вас есть навыки работы с графическими программами, такими как Photoshop, InDesign, чувство вкуса, богатое воображение и много свободного времени.
3. Третий вариант: найти вебсайты, помогающие создать логотип онлайн. Работают они по принципу генерации и комбинирования различных параметров. Можно получить результат по своему вкусу, меняя настройки фона, цветов, градиентной заливки, шрифтов. Рекомендуют такие: Creatr.cc, Turbologo.ru, Logaster.ru
4. Четвертый, воспользоваться специальным профессиональным ПО именно для разработки логотипов. Free Card Maker, Logo Design Studio, AAA Logo, GIMP, Banner Maker Pro.

Технические требования к логотипам на сайтах

1. Размещается вверху страниц, чаще всего в хэдере (шапке).
2. Лучше использовать картинку с прозрачным фоном (допустимо с любым). Оптимально выбирать svg – векторный формат. Поскольку растровый (популярный jpg) при масштабировании теряет качество отображения.
3. Если никак нельзя избежать размещения слогана вместе с логотипом, оформляем его текстом либо в векторе. Буквы в растре нечеткие, а при малейшем изменении размера станут нечитабельными.
4. Само изображение нужно положить в корневую папку на сервере, название должно быть logo, чтобы было легко искать.
5. На внутренних страницах сайта используют как элемент навигации. По умолчанию принято и интуитивно используется многими интернет-пользователями, при клике возвращает на титульную страницу.
6. Соблюден принцип адаптивности. О нем расскажем ниже.

Как вставить логотип на сайт

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

А также стили css, назначая показывать нужный размер в зависимости от разрешения устройства, которое к нему обратилось.

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

1. После оценки влияния фирменного стиля на успешность бизнеса очевидна роль логотипа для сайта, что это не просто элемент декора. Это рабочий инструмент для повышения узнаваемости, лояльности.
2. Отнеситесь к разработке фирменного стиля, как к лицу вашей компании. Не обязательно делать дорого, важно сделать аккуратно и презентабельно.
3. Нужно учесть три компонента и поработать над каждым: форма, посыл, цвет.
4. Протестируйте варианты логотипа на других людях, представителях ЦА, получите обратную связь от коллег и клиентов. Лучше на начальном этапе внести корректировки, чем впоследствии проводить ребрендинг.

Рассказать о статье:

Профессионально управляем репутацией компаний

– Опыт работы более 3х лет.
– Специально разработанные проекты.
– Отлаженные процессы.

Управлять репутацией это не дорого!

Логотип сайта как элемент поисковой оптимизации и юзабилити

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

Функции логотипа

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

Вроде бы все коротко и ясно. И тем не менее, как я уже сказал, встречаются индивидуумы сайты, на которых логотип не выполняет свои функции должным образом.

Логотип сайта как элемент брэндинга

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

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

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

• Если у вас нет достаточной суммы на заказ хорошего логотипа, сделайте его самостоятельно или обратитесь за помощью к любому студенту. За пару сотен рублей (а то и бесплатно) вы значительно улучшите привлекательность вашего сайта.

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

• Используйте логотипы на аватарках групп и страниц в социальных сетях как элемент стимуляции пользователей для вступления в группу или подписке на обновления страницы.

• Использование логотипа продаваемого товара на страницах приземления позволит вам повысить коэффициент конверсии от рекламных кампаний.

Логотип как элемент навигации сайта

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

Приведу пример. На сайте моего клиента логотип выполнен в виде ссылки на страницу «О нас». Я периодически посещаю данный ресурс, и каждый раз чертыхаюсь, попадая на страницу «О нас» вместо главной. Жутко неудобно, но таково было клиента. Дилемма…

• Логотип должен быть выполнен в виде ссылки на главную страницу вашего сайта. Только на главную и ни на какую иную страницу вашего сайта!

Мне несколько раз доводилось видеть коммерческие сайты, на логотипах которых я по 3-4 раза безуспешно пытался кликнуть в бесплодных попытках быстрого перехода на главную страницу. В итоге приходилось пользоваться не всегда удобной навигацией.

• Не забывайте делать логотип кликабельным – это негативно сказывается на юзабилити вашего сайта! Удивительно, но некоторые разработчики по какой-то причине забывают об этом.

Расположение логотипа

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

Казалось бы, ничего страшного: лишних 10-15 секунд на адаптацию под «наш крутой дизайн». Но нам все же не следует забывать о том, что поисковые системы научились отслеживать поведенческие факторы, а «лишние» секунды на адаптацию повышают риск потери посетителя (потенциального клиента).

Не пытайтесь размещать логотип в непривычных для пользователей местах, креативность уместна не всегда!

Поисковая оптимизация логотипа сайта

Логотип – это ценный элемент внутренней поисковой оптимизации сайта, который почему-то иногда недооценивается разработчика и оптимизаторами. Во-первых, логотип – это графическая ссылка на главную страницу сайта.

• На главную страницу сайта должно быть 2-3 ссылки с любой внутренней страницы сайта. Логотип – одна из них!

Как злобные белые и пушистые оптимизаторы мы с вами должны помнить о правилах перелинковки страниц и соответствующим образом оптимизировать каждую внутреннюю ссылку.

• Не забывайте производить поисковую оптимизацию картинки-ссылки, помещенной в логотипе.

Кроме того в нейминге существует понятие «тэглайн».

Тэглайн – это текстовое пояснение к логотипу или слоган, который часто размещается рядом с логотипом. Так вот, если вы не делаете сайт, посвященный известному брэнду, то вас никто не заставляет писать бесполезный с точки зрения продвижения сайта слоган типа «Мечты сбываются» или «Connecting People». Поместите в слоган нужное вам ключевое слово!

Источник https://semantica.in/blog/chto-takoe-logotip-na-sajte.html

Источник https://blogfreo.ru/logotip-sajta-kak-element-poiskovoj-optimizacii-i-yuzabiliti/