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

Мой Телеграмм-канал "Умный Лендинг"

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

Сегодня моя статья специально для тех, кто незнаком с этим понятием, или хочет освежить/дополнить свои знания про иконки для сайта.

Итак, само название «фавикон» – это то, что осталось от исходного «favicon», так сказать – сленговая версия, которая популярна в русскоязычном интернете.

Favicon – для сайта является его своеобразной визитной карточкой. Расшифровывается как «favourite icon» (если дословно, то это «любимое/избранное изображение»).

По факту это небольшая картинка, которая отображается:

В результатах поиска рядом с названием отображаемой странички веб-ресурса. Фавикон обведен красным кружком.

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

3. Во вкладке браузера, соответствующей отображаемой странице, рядышком с ее названием.

4. В закладках браузера.

#Зачем нужен favicon для сайта

Если установить «фавикон» на сайт ничего сверхъестественного не случится. Но некоторые положительные моменты все же будут:

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

#Как сделать «фавикон» для сайта

Для того? чтобы сделать иконку из картинки, которую Вы выберете, нужно соблюсти некоторые условия:

Назвать ее «favicon.ico».
Размер иконки должен составлять 16х16 пикселей.
Разместить favicon.ico для сайта в корне веб-ресурса.
Нужно сделать иконку в формате .ico.

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

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

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

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

#Как создать новый «фавикон» или вообще его удалить

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

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

Небольшой итог

Независимо от способа, который Вы выберете, чтобы создать favicon.ico для сайта, это простейшее действие поможет существенно улучшить узнаваемость Вашего веб-ресурса среди сотен одинаковых конкурентов. А это однозначно не будет лишним, поскольку поможет вашей странице лучше продавать. А мы ведь строим Умный Лендинг)

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

А если очень хочется или нужно узнать мое мнение про вашу работу, ваш сайт (лендинг), Телеграм-канал, то можно написать лично мне.