Фавикон
Фавикон, фавиконка (en. favicon) = иконка сайта - это маленький логотип для идентификации сайта в поисковых системах. Виден в снипете поисковика и во вкладках браузера рядом с заголовком веб-страницы и в закладках.
Размер
16x16 или 32x32 пикселей. Поисковые системы обычно принимают оба варианта. Выберите наиболее подходящий, чтоб обеспечить хорошую читаемость в разных браузерах и устройствах.
Формат
Фавикон должен быть сохранен в формате .ico - наиболее распространенный и поддерживается всеми основными браузерами.
Фильтр
Возможно попасть под ручную проверку Яндекс и Гугл в случае, если ресурс имитирует чужой бренд. Например, если на вас пожаловались или были другие предпосылки, связанные в купе с воровством чужого фавикона. Поисковики расценили контент, как второсортный - подделка, кража, плагиат. Так же есть законодательство, если ставите зарегистрированный логотип-иконку известной фирмы, но не являетесь официальным дистрибьютером бренда (например Nike, Adidas, Armani, BMW, Mercedes, Samsumg, Apple).
Имя файла
Файл фавикона должен называться "favicon.ico" и быть расположен в корневой папке.
Расположение в коде
В примере сайта TOP SEO Boss используется два тега: один с атрибутом rel="icon"
, а другой с атрибутом rel="apple-touch-icon"
. Это делается для обеспечения совместимости с разными устройствами и браузерами.
Атрибут href
указывает путь к файлу изображения фавикона (обычно с расширением .ico, но также могут использоваться форматы .png или .jpg).
Правильное отображение иконки на всех устройствах и браузерах важно, проверьте в ручную через месяц. Появление фавикона может быть задержано из-за кэширования, поэтому после изменения на сервере может потребоваться время для обновления у всех пользователей.
<link rel="icon" href="https://topseoboss.com/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="https://topseoboss.com/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://topseoboss.com/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://topseoboss.com/favicon-16x16.png">
Скачать, сохранить чужой фавикон
Я тут не плохому учу и не призываю к плагиату, однако, это может понадобиться, как мне, в хороших целях, для красивого линкообмена.
У меня стандартный фавикон из emoji. Сделала на примере своего сайта. В конце поменяйте домен, с которого нужно скопировать.
Вот 2 ссылки - Яндекс и гугл
http://www.google.com/s2/favicons?domain=topseoboss.com
http://favicon.yandex.net/favicon/topseoboss.com