Как загрузить favicon на сайт?

07.04.2017

FavIcon (от Favorite Icon) – маленькое изображение (16 на 16 точек), иконка, которая демонстрируется на вкладке и в строке браузера открытой страницы, напротив ссылки в менеджере закладок и т.д. Любой веб-ресурс, будь то сайт визитка или крупный портал нуждаются в наличии Favicon. Это полезно, как для SEO, так и помогает посетителям лучше запомнить его и быстрее отыскать среди множества открытых вкладок или в закладках.

Но прежде, чем добавлять Favicon, необходимо его создать. Для этого следует:

- открыть любой графический редактор;

- создать холст размером 16х16 (можно 32х32)

- нарисовать изображение;

- сохранить картинку в файл с расширением .ico.

Как добавить Favicon на созданный сайт на CMS или в конструкторе

Если разработчик решил создать сайт на одной из существующих и популярных платформ (CMS или при помощи конструктора сайта), на его ресурсе по умолчанию будет присутствовать Favicon, но неуникальный. Лучше заменить его на свой. В панели администратора CMS или конструктора сайтов обязательно предусмотрена специальная функция, воспользовавшись которой можно загрузить и установить FavIcon. Например, в Wordpress это возможно сделать в настройках темы (хотя есть и множество других способов).

Как добавить FavIcon для созданного Landing Page и любых других сайтов

Существует универсальный и очень простой способ добавления FavIcon, который подойдет для всех веб-ресурсов, в том числе и статичных, написанных исключительно на HTML, CSS и JavaScript. Если человеком, например, было начато создание Landing Page, то генерируя его или кодируя средствами языков разметки, таблиц стилей и программирования, ему пока не нужно думать о добавлении FavIcon. Когда файлы будут размещены на сервере понадобится просто загрузить соответствующее изображение с названием faveicon.ico в корень папки с сайтом. Но можно перестраховаться, прописав в каждой странице сайта (или шаблоне) в блокеследующее: Если после добавления или замены favicon иконка не появилась/обновилась, следует попробовать зайти на сайт с другого браузера или почистить кэш.

Комментарии (0)

    Созданные сайты


    Создание сайтов

    Продвижение сайтов

    Задайте вопрос  web-проектировщику – расcчитайте бюджет создания web-сайта
    Наши партнёры
    Наши клиенты
    Наверх