RSS-лента

Лучшие CMS интернета бесплатно для создания сайта

Июл
11

Что такое фавикон, фавиконы для сайта

Добрый день уважаемые читатели блога «Золотой серфер». Сегодня по многочисленным просьбам я постараюсь, доступным языком объяснить, как установить, сделать или просто сменить иконку — фавикон, которая отображается: в браузерной строке сайта, закладках (favorites), результатах поиска от яндекс favicon ico, или например, на специфических ресурсах (каталогах, социальных проектах).

фавиконы для сайта

Фавиконы для сайта

По умолчанию в качестве иконки сайта отображается значок браузера или значок установленной cms. Однако, если вебмастер задумывается об оригинальности дизайна своего ресурса, то он обязательно сделает для него специальную иконку.
Иконка (favicon.ico) — это мини изображение с размером 16х16 пикселей, при этом сам файл желательно должен занимать не более 300 килобайт.

Рисуем favicon

3 способа сделать фавикон

Создать фавикон для сайта, можно несколькими способами:

  1. Использовать онлайн генераторы создания фавиконок.
  2. Скачать на просторах интернета, или на сайте понравившуюся иконку.
  3. Сделать фавикон самому при помощи программ.

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

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

  • Фавикон онлайн генератор Favicon.ru — не плохой русский генератор favicon ico, позволяет нарисовать favicon, преобразовать из готового изображения и для совсем ленивых заказать фавикон.

Онлайн генератор фавикон для сайта

  • Фавикон онлайн генератор Favicon.cc. Один из многочисленных представителей буржуйских сервисов. Позволяет нарисовать favicon, преобразовать из готового изображения, и для непонятных каких-то вещей еще можно зарегистрироваться на этом ресурсе.

генератор фавикон для сайта

  • Фавикон онлайн генератор Favicon.by. Еще один сервис favicon поддерживает только преобразование из уже существующего изображения в фавиконку. Но в отличии от двух предыдущих создает размер фавикона в трех вариациях: 16х16, 32х32, и анимированное изображение.

favicon ico

Скачать фавикон для сайта бесплатно

Проще всего скачать фавикон для сайта бесплатно, благо этого добра в интернете целые галереи:

  • Thefavicongallery.com. Хоть и небольшая коллекция, но полезная. Здесь вы найдете иконки на самые разные тематики. Всего их около 300 штук. Для того, чтобы скачать понравившуюся фавикон для сайта, нажмите на нее правой кнопкой мыши и сохраните на свой компьютер.
  • Iconj.com. Еще одна коллекция фавикон для сайта, которая содержит более 3 тысяч мини-картинок. Сохранить понравившуюся иконку можно в двух форматах (ico или gif). Но есть и недостаток: вы можете просматривать за раз только 30 иконок, чтобы увидеть следующие, нужно перейти на новую страницу.
  • Faviconka.ru. Хорошая коллекция из русского сегмента с более чем две тысячи фавиконок для сайта.

Скачать фавиконы для сайта

Программа для создания фавикона

Также, мы можем сделать фавикон сами при помощи графических программ, которые на выходе имеют возможность сохранить файл в формате ico:

  • Favicon Creator — Русскоязычная программа для создания иконок. Очень проста в использовании. Кроме того, у неё есть ещё один плюс, она не требует установки на компьютер. То есть Вы просто скачиваете к себе архив с программой и  распаковываете его. (Скачать программу можно здесь).
  • Icon Empire Perfect Icon – Программа для создания статических или анимированных иконок с глубиной цвета от 1 до 32 бит, а также прозрачных иконок, размер фавикона 16х16. (Скачать программу можно здесь).

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

Для того, чтобы добавить фавикон на сайт в HTML коде, обычно это делается в шапке сайта (header.php), после тега <head> необходимо прописать следующие строки:

<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">

Предварительно сам файл с иконкой, нужно закачать на сервер в корень сайта, сделать это можно при помощи менеджера закачек FaleZilla.

Исходя из сказанного, если самостоятельно вы это сделать не смогли, то можно для большей кликабельности сайта попросите установку фавикона, вот пара советов по выбору favicon, чтобы улучшить CTR:

  • Применяйте фавикон, на который хочется кликнуть (если не используете логотип компании);
  • Сделайте несколько дизайнов фавиконок для различных праздников.
  • Желательно чтобы иконка соответствовала тематике сайта.

Фавикон сайта и поисковик Яндекс

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

Favicon ico в поисковике Яндекс

Видео: как увеличить посещаемость за счет фавикона

 

Вот и все про фавикон. Спасибо за внимание, и до новых встреч.

Получай первым обновления блога!

Введите Ваш e-mail:

Оставить комментарий


вверх