Favicon – иконка для сайта


Favicon - это иконка (небольшое изображение), отображаеться на вкладке браузера рядом с названием сайта/веб-страницы, закладках, в избранном, а также в результатах поиска, в некоторых поисковых систем.
Для отображения иконки сайта в браузере и результатах поиска, необходимо разместить в корневой папке сайта (на хостинге) изображение с именем файла favicon в формате .ico (favicon.ico) размером 16×16 пикселей.
В HTML-исходнике страницы/сайта, между тегами <head><head> -- прописать:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
Или, как рекомендует Вебмастер - Яндекс.Помощь, вариант №1
<link rel="icon" href=​"http://site.ru/favicon.ico" type="image/x-icon">
Вариант №2 от Вебмастер - Яндекс.Помощь
<link rel="shortcut icon" href=​"http://site.ru/favicon.ico" type="image/x-icon">
Если иконка (favicon) размещена не в корне сайта, тогда Вам необходимо в атрибуте href прописать полный путь к файлу favicon.ico.

Форматы и размеры для «Фавикон»


Рекомендовано использовать фавикон в формате .ICO - поддерживает одновременно несколько изображений в одном файле, с разным размером и битностью (современные браузеры выберут из этого файла наиболее подходящие изображение).
Форматы для Фавикон:
Рекомендуемые форматы: ICO; GIF; JPEG; PNG и BMP.
Пример кода для указания форматов PNG и BMP:
<link rel="icon" href="http://site.ru/favicon.png" type="image/png">
<link rel="icon" href="
http://site.ru/favicon.bmp" type="image/bmp">
Рекомендуемые размеры favicon в формате .ico
16х16 (стандартный), 32х32, 48х48 в одном .ico файле
Для создания иконки лучше воспользоваться какой-нибудь специальной программой или онлайн сервисом, для генерации favicon под все устройства.

Favicon в программе WYSIWYG Web Builder


Фавикон для сайта могут установить и пользователи программы WYSIWYG Web Builder в настройках «Свойства сайта», а также можно сделать разный favicon для разных страниц одного сайта, как именно будет описано ниже.
Фавикон для всего сайта:
Главное меню -- вкладка -- Страница -- Свойства сайта -- вкладка -- Общие
Иконка: выберите ваш файл
Иконка для Apple: выберите файл
Разный favicon для разных страниц:
Сначала установите иконку для всего сайта, как указано выше и обязательно с именем файла favicon в формате *.ico, *.png и т.п. (например: favicon.ico).
Для второй иконки пропишите имя файла, например: favicon2.ico
Выберите страницу, на которой хотели бы установить другую иконку.
Контекстное меню: Свойства страницы -- Общие -- Иконка: favicon2.ico
В Яндекс и Маил поиске будет отображаться только иконка с именем favicon.ico, а в браузере пользователя favicon2.ico при переходе на эту страницу. Делайте разные фавиконы, только на некоторых страницах вашего сайта.