Что такое фавикон и как его установить

Здравствуйте, уважаемые читатели!

Сегодня поговорим о том, что такое фавиконка (ее еще называют фавиконом или просто иконкой), и как ее установить на сайт. Фавикон это незаменимый атрибут сайта. Это картинка размером 16 на 16 пикселей. Она видна в браузере в окошке слева от названия Вашего сайта, а так же в поисковой выдаче. Эта картинка привлекает внимание, становится узнаваемым атрибутом сайта. Она положительно влияет на посещаемость сайта. Надеюсь, я Вас убедил, что ставить ее нужно.

Теперь разберемся, где можно этот фавикон скачать. Можно зайти на сайт findicons.com (смотрите скриншот).

favicon3

В поисковое поле на английском языке вписываем название того, что мы хотели бы видеть на своей фавиконке, и кликаем по кнопке «search». Потом выбираем понравившуюся картинку, кликаем по ней, после чего кликаем «Download ICO». Это важно, картинку обязательно надо скачать с расширением .ico (смотрите скриншот).

favicon2

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

favicon5

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

Так же можно фавиконку сделать самому. Для этого надо перейти на сайт favicon.ru. Перед Вами открывается поле 16 на 16 квадратиков. Это поле для Вашего творчества.

favicon1

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

И так, фавикон на сайт мы выбрали, осталось эту картинку поставить. Есть два способа.

Первый способ заключается в следующем. Правой кнопкой мыши кликаем по иконке, которую будем устанавливать, далее «переименовать», оставляем только favicon.ico. Еще раз напоминаю, что расширение должно быть только .ico. Теперь заходим в файловый менеджер своего хостинга, кликаем по названию своего сайта, потом по public.html, кликаем «загрузить», выбираем на компьютере фавиконку, выделяем ее, далее кликаем «открыть» и «загрузить». Дело в том, что у всех хостинги разные, поэтому процедура может немного отличаться. Но интуитивно все должно быть понятно. Надо в файловом менеджере найти свой сайт, а в нем папку public.html, в нее со своего компьютера загрузить иконку и сохранить изменения. Теперь заходим на свой сайт, обновляемся и видим, что фавиконка отображается вверху слева во вкладке с названием сайта. Чтобы иконка отображалась в выдаче яндекса, может потребоваться около месяца. Яндекс у нас долго думает.

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

Второй способ заключается в установке  специального плагина, подходит для тех, кто не хочет разбираться с файловым менеджером. Заходим в консоль, в разделе «Плагины» кликаем «добавить новый», в строке поиска плагинов вводим Favicon XT-Menager, после чего жмем Enter. Плагин устанавливаем и активируем, после чего в консоли появляется кнопка XT-Favicon. Кликаем по ней и попадаем на страницу установки фавиконки.

favicon4

Настроек минимум. В самой верхней строке выставляем enable (включить). Плагин дает возможность загрузить две фавиконки. Надо кликнуть «обзор» и выбрать с компьютера нужную. Соответствено, внизу ставим точку на первой или второй иконке, в зависимости от того, какую хотим видеть. Далее кликаем Save Changes, заходим на сайт, обновляемся и любуемся результатом.

Надеюсь, что объяснил понятно. Желаю всего самого наилучшего.

С уважением, Владислав Заболотный.

 

Поделитесь статьей в соцсетях.

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

Свежие комментарии
Хотите зарабатывать?