Мы работаем не только в Моcкве, но и в других городах России:

Продвижение по трафику от 50 копеек за переход. Заказать

Favicon — логотип вашего сайта

Подписаться
Больше интересностей из блога студии SEMANTICA
Получайте эффективные советы по интернет-рекламе и SEO-оптимизации вашего сайта
ВКонтакте:
Facebook:
Twitter:

faviconn

Для чего используется favicon

Favicon — это изображение размером в 16х16 пикселей, которое отображается в адресной строке при посещении сайта.
Фавикон сайта

Фавикон не просто привлекает внимание посетителя, а имеет свои положительные стороны:

  • Повышает узнаваемость сайта. Часто пользователи запоминают не название сайта, а именно иконку. Поэтому многие используют логотип компании в дизайне иконки.
  • Увеличивает показатели кликабельности и, соответственно, привлекает больший трафик на сайт.

 

Favicon для сайта: принцип работы поисковых роботов

Обычно с фавиконом больше всего работает такой робот, как Яндекс. Боты или роботы монотонно запрашивают главную страницу и выходят на favicon.ico, который располагается в корневой папке. На Яндексе иконка перекодируется в 16х16 пикселей формата PNG. Использование иконок в Яндексе имеет свои преимущества: даже если ваш ресурс расположен не на первых позициях, то использование запоминающегося изображения привлечет посетителей в любом случае.

Как сделать иконку более яркой?

Для этого необходимо следующее:

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

 

Как сделать favicon

Способ 1. Скачать готовые favicon на сайте

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

Способ 2. Создать уникальную иконку сайта favicon в Фотошопе

  1. Чтобы сохранить favicon в формате ico, надо скачать плагин.
  2. После того как вы успешно перешли по ссылке и скачали файл, разархивируйте его в папку "File Formats". Найти ее можно по адресу С:\Program Files\Adobe\Photoshop\Plug-Ins\File Formats.
  3. На время установки, закройте программу Photoshop.

Если это покажется вам слишком хлопотным, то вам помогут онлайн-сервисы по генерации картинок из форматов jpg, png и gif в ico.

Способ 3. Онлайн-сервисы

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

Порядок создания:

- загружаем понравившуюся нам картинку;
- если изображение подошло — сохраняем, если нет — редактируем попиксельно.

 

Примеры онлайн-сервисов:

favicon.cc

Где создать фавикон

Для того, чтобы создать фавикон, нажимаем Create New Favicon и рисуем с помощью инструментов:

  • pick existing color — инструмент-пипетка, помогает выбрать цвет, который уже использовали для рисования;
  • move — двигать нарисованное изображение;
  • transparent – стереть нарисованный пиксель.

После сохраняем рисунок на компьютер, нажав Download Favicon. Чтобы загрузить свою картинку, кликаем Import Image, загружаем файл и так же редактируем.

favicon.ru

Создать фавикон сайта

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

Способ 4. Самый идеальный

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

 

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

  1. Подключаемся по FTP-доступу к сайту через программу Total Commander.
  2. Загружаем иконку в корневую папку сайта. В зависимости от системы управления сайтом корень может называться по разному, например public_html, htdocs, www и т.п. В этой папке вы должны найти файл index.php.
  3. Открываем файл index.php или header.php и между тегами
    вставляем вот такой html код:
 <link rel="icon" href="http://адрес-сайта.ru/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://адрес-сайта.ru/favicon.ico" type="image/x-icon" />

Первая строка для поисковой системы Internet Explorer с атрибутом rel="shortcut icon". Остальные браузеры распознают фавикон по значению rel="icon".

 

Как изменить фавикон для Joomla, WordPress, UCOZ?

Поисковый робот, как и браузер, ищет файл favicon в корневой папке сайта. Для смены иконки нужно установить FTP-соединение и скопировать в корень каталога новую иконку favicon.ico. Как только изображение будет сохранено, следует открыть в браузере сайт и проверить, поменялось ли изображение в адресной строке.

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

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

Вычислив адрес расположения иконки, нужно заново подсоединиться к сайту через FTP и поменять старый файл favicon.ico на новый.

Может пригодиться: продвижение недвижимости на рынке - найдем решение подходящее именно вам! Семантика

Как прописать фавикон в шаблоне для Joomla, WordPress, UCOZ?

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

  • Рассмотрим сайты на Joomla. Как правило, на этих сайтах файл favicon заливается в папку с шаблоном. Путь до используемой иконки прописывается в файле index.php.

Код будет выглядеть следующим образом: templates/адрес/favicon.ico.

  • Что касается сайтов, созданных на WordPress, то путь до файла favicon.ico задается непосредственно в используемой теме. В соответствии с этим, картинка будет лежать по адресу: /wp-content/themes/адрес/favicon.ico
  • Существует ряд сайтов, созданных в системе uCoz. Для того чтобы сменить фавиконку, следует залить файл favicon.ico в корень каталога посредством FTP-соединения.

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

 

Почему favicon не отображается в выдаче?

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

Чтобы проверить видимость favicon сайта для Google  и Яндекс введите в адресную строку:

Яндекс — http://favicon.yandex.net/favicon/www.site.ru

Google — http://www.google.com/s2/favicons?domain=www.site.com

 

Заменить www.site.ru и www.site.com на домен вашего сайта. Например, http://favicon.yandex.net/favicon/semantica.in

Фавикон сайта

Теперь вы знаете, как сделать иконку для вашего сайта и успешно загрузить ее.

 

Задать вопрос по статье
Подпишись на нашу группу в VK и получай экспертные статьи прямо в ленту!

Мы работаем не только в Моcкве, но и в других городах России: