Устанавливаем favicon на сайт

Favicons

Здравствуйте! У вас еще до сих пор нет favicon для сайта? А она важна для продвижения вашего сайта, т.к. делает его запоминающимся и уникальным. Особенно, если Ваша favicon будет оригинальная, т.е. не стоит делать ее такой, как у конкурента. Итак, если Вы хотите узнать как сделать фавикон для сайта, следуйте простым инструкциям, изложенным ниже в данной статье.

Содержание:

Как выглядит favicon и что это такое

Favicon (сокр. от favorite icon) – это маленькая квадратная иконка, которая отображается на вкладке страницы рядом с ее заголовком и также в закладках браузера.

Favicon для сайта

Создание favicon по шагам

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

Создаем изображение

Для начала изображение нужно найти с помощью поисковой системы, например, google-картинки. Картинка должна быть с квадратными пропорциями. Скачанное изображение можно будет отредактировать в любом графическом редакторе. Например, для этого может быть использован бесплатный онлайн-редактор pixlr.

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

Создаем файл favicon.ico, c помощью онлайн-генератора

Загружаем картинку на данный сайт. Изображение должно быть размером менее 50 кб. Нажимаем кнопку «Iconify». Дожидаемся, когда сервис сформирует иконку и скачиваем файл favicon.ico.

Загрузка favicon на сайт

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

Какого размера фавикон

Фавикон может быть размером 16×16, 32×32, 48×48 пикселей. В любом случае это квадрат. Какого размера фавикон выбрать решайте сами, расскажу лишь об отличиях между ними. Разница будет заключаться в качестве отображения и объеме файла. Фавикон размером 16×16 будет весить примерно 1 кб, 32×32 — 6 кб, 48×48 — 34 кб.

Поиск favicon в интернете

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

Если фавикон не отображается

Если у вас после этих действий все еще не отображается favicon, проверьте правильно ли Вы указали папку для копирования файла. Для этого наберите в браузере http://yoursite.ru/favicon.ico. В браузере должна отобразиться ваша иконка. Также может потребоваться обновить кэш браузера. Это можно сделать, нажав комбинацию клавиш Ctrl+F5.

Favicon для сайта

Если не отображается favicon в Яндексе, не спешите сильно огорчаться.

Пример favicon в Яндексе

Для того, чтобы favicon появился в Яндексе, должно пройти примерно 2 месяца.

Итак, теперь мы знаем что такое favicon, как установить его. Если у вас остались вопросы о том, как установить favicon на сайт, вы можете их задать в комментариях к этой странице. На этом все, всем удачи!

С уважением, Евгений Кузьменко.

Readers Comments (1)

  1. Ольга 12.05.2017 @ 14:05

    Спасибо! Информация действительно полезная. У меня все получилось.

    Ответить

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

Ваш e-mail не будет опубликован.


*