Как сделать и установить фавикон на сайтПривет друзья, сегодняшний пост будет на тему как установить фавикон на сайт и этапы его создания. Казалось бы, тема проста, и ничего нового здесь нет. Все верно, но я более чем уверен, что у большинства читателей нет фавикона для сайта/блога и они не знают об этой фишке. Признаться честно, я сам, только около 2-х недель назад занялся этим вопросом и установил себе на блог фавикон.
Фавикон – это маленькая картинка размером 16*16 px, которая отображается рядом с названием вашего блога. Хорошее дополнение, позволяющее максимально привлечь внимание пользователей в выдаче поисковой системы Яндекс. Ведь именно в его выдаче рядом с названием статьи будет отображаться этот значок, что существенно повысит кликабельность по нему. Более подробно о плюсах таких изображений вы можете, ознакомится в этой статье.

Как сделать фавикон на сайт?

Перейдем на сайт favicon.cc и, кликнув по ссылке Top Rated Favicons попадем в хранилище самых разнообразных иконок, которые уже готовы к использованию.

хранилище фавиконов

Выбор на этом сайте действительно очень большой и можно подобрать любую иконку. Также на этом сайте можно нарисовать иконку в on-line режиме, сохранить и использовать на сайте.

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

скачивание выбранного фавикона

Еще один русифицированный ресурс favicon.ru позволяет сделать фавикон для сайта аналогичным образом. Здесь все понятно, рисуете картинку, сохраняете на компьютер и используете. Давайте рассмотрим, как с помощью данного ресурса можно любой рисунок любого формата преобразовать в формат .ico, ведь именно данный формат используется для фавиконов.

К примеру, у вас есть хорошая картинка в .jpg формате и вы хотите преобразовать ее. Загружаем картинку, нажав кнопку, Обзор и выбрав необходимую картинку, жмем кнопку Далее.

Перед вами будет изображение, которой можно отредактировать, а именно: изменить цвет заливки, установить прозрачный фон и т.д. Самая важная функция, которая понадобится нам так это кнопка СКАЧАТЬ FAVICON. Жмем на нее, и сохраняем наш рисунок в уже правильном формате .iso.

редактирование фавикона

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

Установка фавикона на сайт не должна вызвать трудностей. Все просто, копируем иконку в корень сайта и в файл header.php делаем вставку кода:

<link rel="shortcut icon" href="http://ваш_сайт/favicon.ico" type="image/x-icon" />
<link rel="icon" href="http://ваш_сайт/favicon.ico" type="image/x-icon" />

Этот код должен находится между тэгами <head> </head>.

Обновите страничку вашего блога, и вы должны увидеть изображение слева от названия сайта. Чтобы это изображение появилось в выдаче Яндекса должно, как правило, пройти 2-3 полноценных выдачи.

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

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(1 голос, в среднем: 5 из 5)