Создание и разработка логотипа в студии Махагон-Дизайн

Доверьте создание и разработку логотипа своей компании настоящим мастерами дизайн-студии «Махагон-дизайн».

  • MINI
  • 8 900 руб.

    10 500 руб.
    при безналичной оплате

  • 3 уникальных эскиза
  • Заказать
  • STANDARD
  • 13 900 руб.

    16 400 руб.
    при безналичной оплате

  • 6 уникальных эскиза
  • Заказать
  • BIG
  • 17 900 руб.

    21 000 руб.
    при безналичной оплате

  • 9 уникальных эскизов
  • Заказать

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

Для чего нужен фавикон

Для чего фавикон нужен

Фавикон для сайта – своего рода мини-логотип. Чаще всего, бренд/компания в его качестве использует свой логотип, уменьшенный и немного переделанный из-за требований к формату изображения.

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

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

Посмотрим, как создать фавикон.

Где можно сделать favicon

Где можно сделать favicon

Если хотите создать иконку с нуля, рекомендуем удобный сервис Favicon.cc.

Выбирав нужный цвет, начинаете рисовать значок. Если что-то пошло не так, фрагмент рисунка можно удалить. Нужно выбрать (ставится галочка) инструмент transparent и тыкать на квадратики, чтобы их убрать.

Результат труда можно увидеть мгновенно и в оригинальном размере. Это делается через Previw или прямо в браузере. Если созданный рисунок вас устраивает, нажимаем на «Download Favicon» и сохраняем файл на компьютере.

Теперь о том, как сделать фавикон из готового изображения. Можно использовать сервис Favicon.ru.

Нужно указать картинку, которая вам понравилась, нажать на «Создать favicon.ico» и «Скачать favicon.ico».

Можно посетить и другие сервисы, в которых имеется много готовых фавиконов:

  • Iconj;
  • Favicon.co.uk;
  • Audit4web. Здесь можно не только скачать иконки, но и отредактировать нужное изображение.

Создание фавикона в Фотошопе

Создание фавикона в Фотошопе

Если у вас установлена эта программа, и вы можете ею пользоваться, то можете нарисовать иконку с помощью этого редактора или сделать красивый фавикон из готового изображения. Здесь есть один нюанс. Скорее всего, будет отсутствовать формат ICON. Если это так, нужно выполнить следующие операции:

  • Скачать для Adobe Photoshop архив плагина ICOFormat;
  • Распаковать архив в папку, где находится программа. Как правило, она располагается на системном диске С в папке Program Files\Adobe\Adobe Photoshop\Plugins\File Formats
  • Запускаем редактор, вставляем изображение, если требуется, корректируем его и сохраняем в нужном формате.

Как установить иконку фавикон на сайт

Создав favicon, его нужно привязать к вашему сайту. Посмотрим, как установить фавикон на сайт.

Нужно выполнить следующие операции.

В корень сайта копируется favicon.ico (закачка выполняется FTP клиентом) Он должен находиться в папке, где имеются папки wp-content, wp-admin и пр. Как правило, она называется public_html.

Открыв файл header.php, в него, между тегамии <Head> и </Head>, надо прописать код:

<link rel="shortcut icon" href="http://адрес_вашего_сайта/favicon.ico"; type="image/x-icon" />

<link rel="icon" href="http://адрес_вашего_сайта/favicon.ico"; type="image/x-icon" />

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

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

При желании, можно проверить, проиндексировал Яндекс ваш фавикон или нет. Есть 3 способа:

  1. Набираете адрес ресурса в окне поиска Yandex. Если иконка появилась, значит фавикон проиндексирован ботом;
  2. Вводите ссылку /favicon.yandex.net/favicon/URL сайта). Проиндексированная иконка окажется слева от названия;
  3. Посещаете webmaster.yandex.ru, чтобы проверить наличие вашего favicon.ico.

Почему фавикон не отображается

Почему фавикон не отображается

Предположим, что прошли все требуемые сроки, но иконка не отображается.

Причины могут быть следующими:

  • Размер не соответствует требуемым пикселям, 16х16;
  • Неправильный формат изображения. Разрешается использовать  PNG, JPEG, но самый предпочтительный вариант для Yandex — ICO;
  • Картинка не уникальная или изображение размытое. Обнаружив это, поисковик заблокирует мини-логотип;
  • Происходит обновление Яндекса. После обновления поисковой системы фавикон появится в поисковой странице Яндекса;
  • Веб ресурс в выдаче поисковика занимает позицию от сотни. Если сайт занимает невысокую строчку, также допускается отсутствие иконки.

Следуя этим критериям, необходимо исправить недостатки. Если проверка вновь показывает отсутствие фавикона, нужно обратиться в техподержку Yandex.