Фавикон, фавиконка (en. favicon) = иконка сайта — это маленький логотип для идентификации сайта в поисковых системах. Виден в снипете поисковика и во вкладках браузера рядом с заголовком веб-страницы и в закладках.
Размер: 16×16 или 32×32 пикселей. Поисковые системы обычно принимают оба варианта. Выберите наиболее подходящий, чтоб обеспечить хорошую читаемость в разных браузерах и устройствах.
Формат: Фавикон должен быть сохранен в формате .ico — наиболее распространенный и поддерживается всеми основными браузерами.
Фильтр: возможно попасть под ручную проверку Яндекс и Гугл в случае, если ресурс имитирует чужой бренд. Например, если на вас пожаловались или были другие предпосылки, связанные в купе с воровством чужого фавикона. Поисковики расценили контент, как второсортный — подделка, кража, плагиат. Так же есть законодательство, если ставите зарегистрированный логотип-иконку известной фирмы, но не являетесь официальным дистрибьютером бренда (например Nike, Adidas, Armani, BMW, Mercedes, Samsumg, Apple).
Имя файла: Файл фавикона должен называться «favicon.ico» и быть расположен в корневой папке.
Расположение в коде: Чтобы указать наличие фавикона, вставьте следующий код внутри раздела head вашего HTML-документа.
<html>
<head>
<link rel=»icon» href=»path/to/favicon.ico» type=»image/x-icon»>
<link rel=»shortcut icon» href=»path/to/favicon.ico» type=»image/x-icon»>
</head>
<body>
<!— Содержимое вашего веб-сайта —>
</body>
</html>
В этом примере используется два <link>
тега: один с атрибутом rel="icon"
, а другой с атрибутом rel="shortcut icon"
. Это делается для обеспечения совместимости с разными браузерами.
Атрибут href
указывает путь к файлу изображения фавикона (обычно с расширением .ico, но также могут использоваться форматы .png или .jpg). Вам нужно заменить "path/to/favicon.ico"
на путь к вашему файлу фавикона на сервере.
Правильное отображение иконки на всех устройствах и браузерах важно, проверьте в ручную через месяц. Появление фавикона может быть задержано из-за кэширования, поэтому после изменения на сервере может потребоваться время для обновления у всех пользователей.
Скачать, сохранить чужой фавикон
Я тут не плохому учу и не призываю к плагиату, однако, это может понадобиться, как мне, в хороших целях, для красивого линкообмена.
У меня стандартный фавикон из emoji. Сделала на примере своего сайта. В конце поменяйте домен, с которого нужно скопировать.
Вот 2 ссылки — Яндекс и гугл
http://www.google.com/s2/favicons?domain=seosker.ru
http://favicon.yandex.net/favicon/seosker.ru