Что такое favicon? Как установить фавикон на сайт?

1 2 »

Дорогие друзья!
Что такое favicon? Как установить фавикон на сайт? Занимаясь созданием своего сайта, не забудем и о таком небольшом, но важном добавлении для него, как favicon. Что такое favicon? Зачем он нужен? Как установить фавикон на сайт?

Фавикон (favicon) – это маленький значок, который мы видим перед названием своего сайта в окошке браузера, среди расположенных над адресной строкой вкладках, в перечне закладок, а в поисковой выдаче этот значок виден перед названием статьи с собственного сайта.

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

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

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

Размер значка favicon.ico (формат ICO) обычно бывает 16х16 пикселей, но бывают размеры и больше (24х24, 32х32, 48х48 и т.д.), также встречаются разные форматы (JPEG, PNG, BMP, GIF), позволяющие создавать фавиконы с разнообразными свойствами (анимированные значки, на прозрачном фоне).
Однако, поскольку не все браузеры поддерживают данные свойства, стоит подумать, а нужно ли делать такие оригинальные фавиконы?
А фавиконы большого размера также увеличивают вес файла, и опять встаёт вопрос – а нужно ли это нашему сайту?

Установка и настройка фавикона.

Для желающих установить на свой сайт фавикон, Интернет может предложить десятки способов. В том числе, на сайте findicons.com можно найти и скачать фавиконы на любой вкус.
Там их бесчисленное множество, одних только разделов — 2 534. Причем, в каждом разделе имеются фавиконы, объединённые единой темой: «Кухня», «Спорт», «Музыка», «Погода», так что подобрать соответствующий значок можно для сайта любой тематики.Что такое favicon? Как установить фавикон на сайт?

Но мы установим favicon более привычным стандартным способом – с помощью установки плагина.
Если в консоли найти вкладку «Плагины», в ней – «Добавить новый», а в строке «Поиск плагинов» набрать «Favicon», то появится таблица разнообразных плагинов для установки фавиконов. Я насчитала не менее 20 видов.Что такое favicon? Как установить фавикон на сайт?

Эти плагины предлагают разные варианты фавиконов: в виде маленьких готовых значков; с использованием собственной фотографии; в виде изготовленного своими руками с помощью фотошопа или особых инструментов-генераторов графического объекта (рисунка, символа).
Можете поэкспериментировать: поставить какие-либо из предложенных плагинов, а затем, если не понравятся, удалить. Я поступила именно так – на разные сайты поставила разные плагины, причем, один фавикон даже нарисовала в фотошопе. Это всё ради практического интереса.

Установка плагина Favicons.

Однако, многие владельцы сайтов предлагают установить на свой сайт плагин Favicons, который как раз предназначен для установки на WordPress.

Плагин Favicons можно скачать на свой компьютер, найдя его через поисковик. Затем, опять же, пользуясь алгоритмом стандартной установки плагинов: Добавить новый – Загрузить – Установить – Активировать, установить фавикон на свой сайт и проверить, что он появился в таблице Плагинов во вкладке «Плагины»- «Установленные».

Теперь нам остаётся провести настройку фавикона в меню “Параметры”- “Favicons”.
Из предложенного там большого набора значков нажимаем тот, который понравился больше других, и, после обновления, видим, что на вкладке рядом с названием сайта появилось выбранное нами изображение.

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

Понравилась статья? Тогда нажмите на кнопочки! И я буду знать, что мой сайт посетил хороший человек!

Опубликовать в Одноклассники
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
You can skip to the end and leave a response. Pinging is currently not allowed.

10 Responses to “Что такое favicon? Как установить фавикон на сайт?”

  1. где то видел скрипт где можно менять каждый час иконки фавиконов…вы такой не встречали?

    • admin:

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

  2. Лилия:

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

    • admin:

      Просто, Лилия , всегда для любой мелочи можно найти много способов!

      • Лилия:

        Правильно ли я поняла, что плагин фавиконс сам всё установит и не надо лезть в коды?

        • admin:

          Лилия, всё, что я предлагаю в своей Программе, будет (и есть) без использования кодов. Потому что для новичков коды сложны и непонятны, а я же стараюсь описать всё понятным образом.
          Но позже, по мере освоения более сложных знаний, уже сами блоггеры начинают все плагины менять на коды и прочее, но это позже…Когда уже хотя бы сайт примет хоть какие-то очертания, когда уже текущая работа будет освоена и т.п.

  3. Инга:

    Фавикон — нужная вещь. С ним сайт становится узнаваемым, легко запоминающимся. Надо ставить обязательно, тем более, что сделать это довольно легко!

    • Лилия:

      Инга, а у вас есть блог? Очень интересно узнать. Ведь судя по вашим комментариям, вам интересны темы блога.

      • Инга:

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

Leave a Reply

:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-) 
 
↓