Содержание
Как установить фавиконку — Вебмастер. Справка
- Шаг 1. Разместите фавиконку на сайте
- Шаг 2. Проверьте доступность фавиконки для робота Яндекса
- Шаг 3. Проверьте отображение фавиконки в выдаче
Поместите файл с именем favicon в корневой каталог сайта. Обратите внимание на рекомендации.
Добавьте в HTML-код главной страницы сайта, в элемент head, ссылку на размещенный файл.
<head> ... <link rel="icon" href="https://example.com/favicon.ico" type="image/x-icon"> ... </head>Атрибут Описание Возможные значения rel Тип ресурса icon — учитывается большинством браузеров;
shortcut icon — учитывается браузером Internet Explorer.
href Адрес файла Для описания кириллического адреса фавиконки используйте Punycode. Например для адреса https://мой-сайт.рф/favicon.ico нужно указать https://xn—-8sbzclmxk.xn--p1ai/favicon.ico. type Тип передаваемых данных. Зависит от формата файла image/svg+xml — для формата SVG;
image/x-icon или image/vnd.microsoft.icon — для формата ICO;
image/gif — для формата GIF;
image/jpeg — для формата JPEG;
image/png — для формата PNG;
image/bmp — для формата BMP.
Если в HTML-коде страницы ссылка на фавиконку прописана несколько раз, робот выберет иконку на свое усмотрение.
Проверьте, отображается ли фавиконка в адресной строке браузера при просмотре страниц сайта.
Убедитесь, что:
Файл доступен по прямой ссылке (ответ сервера 200 OK) — воспользуйтесь инструментом Проверка ответа сервера.
Файл не запрещен для индексирования, например в robots.txt с помощью директивы Disallow. Может быть запрещен не сам файл, а каталог, в котором он размещается.
Внесите изменения, если это необходимо.
Проверьте, что робот загрузил файл. Это может произойти, когда робот посетит ваш сайт. В течение нескольких дней после добавления фавиконки на сайт перейдите в Яндекс Вебмастер, на страницу Диагностика → Диагностика сайта. Если в блоке Возможные проблемы отображается предупреждение о проблемах с фавиконкой, следуйте указаниям:
Ошибка Решение Файл отвечает HTTP-кодом, отличным от 200 OK Проверьте ответ сервера. Ответ должен соответствовать 200 OK. Другие статусы ответа см. в разделе Проверка ответа сервера.Файл перенаправляет на другой адрес Неправильный тип данных Проверьте значение параметра type в ссылке на файл. Он должен соответствовать формату файла. Чтобы убедиться, что фавиконка загружена, перейдите по ссылке Посмотрите всё, что проверяет Вебмастер и на открывшейся странице найдите предупреждение о фавиконке. Если отображается статус Всё в порядке, значит робот обработал файл.
Ответ должен соответствовать 200 OK. Другие статусы ответа см. в разделе Проверка ответа сервера.Если робот загрузил фавиконку, она появится в результатах поиска в течение двух недель. Как фавиконка может отображаться на сервисах Яндекса.
Чтобы ваш вопрос быстрее попал к нужному специалисту, уточните тему:
Фавиконка не появляется для моего сайтаУ сайта пропала фавиконкаВ поиске отображается некорректная или старая фавиконкаТеоретический вопрос про индексирование фавиконок
Если все требования по размещению фавиконки выполнены, то для индексирования и появления ее в результатах поиска необходимо около двух недель.
Прошло больше двух недель, фавиконка не появилась
Фавиконка может пропасть из поиска, если в случае последнего обновления, она не попала в базу. Такая ситуация возможна, если в момент обхода специальным роботом фавиконка, сайт или его хостинг были недоступны.
Также, проверьте, правильно ли размещена фавиконка. Если она прописана корректно, дождитесь следующего обновления базы фавиконок, это занимает около двух недель.
Прошло больше двух недель, фавиконка не появилась
Такая ситуация возникает, если:
У сайта по разным адресам расположены разные фавиконки. Если сайт доступен по адресам с префиксом www и без него, по протоколам HTTPS и HTTP, проверьте, что фавиконка везде одинаковая или именно та, которая должна индексироваться для каждого из сайтов.
Сайт временно недоступен. В таком случае может скачаться фавиконка хостинга со страницы-заглушки сайта.
Если эти причины устранены и выполнены рекомендации по размещению фавиконки, то после обхода роботом изменения появятся в результатах поиска в течение двух недель.
Рекомендации не помогли, прошло больше двух недель
Почему фавикон не отображается в Яндексе и что делать
Мы увеличиваем посещаемость и позиции в выдаче. Вы получаете продажи и платите только за реальный результат, только за целевые переходы из поисковых систем
Заказывайте честное и прозрачное продвижение
Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!
Фавикон — это небольшой значок, который отображается в поисковой выдаче. Он привлекает внимание пользователя, побуждая его кликнуть на ссылку и открыть сайт.
Если человек добавляет понравившийся веб-ресурс в «Избранное», то фавикон также остается перед ссылкой.
Фавикон — это графический файл, путь к которому указывается в метатегах. Он создается в любом графическом редакторе или при помощи онлайн-сервисов.
- Как правильно размещать фавиконку
- Как «Яндекс» работает с иконками
- Как проверить, что фавикон корректно отображается в «Яндексе»
- Что делать, если «Яндекс» не видит favicon
- Как определить, что сайт под фильтром
- Проблема с Яндекс.Директ
Как правильно размещать фавиконку
- Создайте файл формата ico. Допускаются также еще 4 формата: png, а также gif, bmp и jpeg. Размер файла в пикселях должен быть 16 пикс., 32 или 120 (квадратный).
- В head главной странице добавьте код:
- Для указания адреса на кириллице применяйте Punycode.
- Проверьте отображение иконки в браузере:
Если вы действовали по правилам, и ваш веб-ресурс проиндексирован «Яндексом», то через 2 недели после захода робота на сайт появится ваша иконка.
Как «Яндекс» работает с иконками
- Яндекс.Бот Yandex/1.02.000, собирающий фавиконки, по расписанию посещает главную страницу каждого сайта в индексе, где HTML ищет путь к favicon.ico.
- Если путь не прописан, бот идет в корень.
- Иконка преобразовывается в png размером 16*16, затем загружается на сервер фавиконок.
- Бот периодически проверяет иконку заново — частота его захода зависит от частоты обновления вашего веб-ресурса.
Иногда после создания favicon не отображается в «Яндексе». Давайте разбираться, почему так происходит.
Как проверить, что фавикон корректно отображается в «Яндексе»
- Способ первый — Яндекс.Вебмастер.
Если в разделе левого меню «Диагностика» нет уведомления о том, что робот-поисковик не загрузил файл, значит, все в порядке.Если сообщение об ошибке появилось, значит, фавикон не отображается в поиске «Яндекса». - Способ второй: по прямой ссылке на базу фавиконок. Введите адрес: favicon.yandex. net/favicon/ваш домен.Если изображение появляется, значит, все в порядке.
- Вариант третий: проверяем фавиконку в базе Google. Если там она отображается, а в «Яндексе» ее нет — попробуйте подождать еще 2 недели. Возможно, фавиконка скоро попадет и в Yandex: www.google.com/s2/favicons?domain=ваш домен
- Вариант четвертый: проверка через специальные сервисы. Воспользоваться Favicon Validator можно бесплатно и без регистрации. В специальное поле вводится адрес — сервис выдаст результат и предложит варианты решения возможной проблемы. Самые популярные сервисы: ifavicon, html-kit.
net/favicon/ваш домен.Если изображение появляется, значит, все в порядке.Что делать, если «Яндекс» не видит favicon
- Попробуйте открыть фавиконку в браузере по прямой ее ссылке. Если этот файл открывается, значит, все в порядке (сервер отдает 200 ОК).
- Если не открывается, проанализируйте, не запрещен ли вышеуказанный файл к индексации в robots.txt, или, может быть, есть ошибка в его названии или в метатегах.
- Проверьте логин на посещение веб-ресурса роботом-поисковиком, найдите запись:
Если такая запись есть, значит, робот проиндексировал файл.
- Если у вас подключен SSL сертификат, вы могли не указать главное зеркало в Яндекс.Вебмастере. Укажите зеркало в HTTPS.
- Если в течение 2-х недель после посещения роботом favicon не появился, возможно, «Яндекс» не смог ее распознать.
Варианты решения проблемы
- Конвертируйте фавиконку в другой формат (один из разрешенных).
- Проверьте ее размер.
- Используйте четкие уникальные картинки. Иконки плохого качества могут удаляться из выдачи.
- Обновите файл на сайте и дождитесь посещения робота.
Если иконка так и не появилась, возможно, ваш веб-ресурс находится под фильтром.
Как определить, что сайт под фильтром
- Соответствующие уведомления в Яндекс.Вебмастере, фатальные ошибки, обнаруженные вирусы.
- Резко уменьшилось число проиндексированных страниц.
- Упала посещаемость.
- ТИЦ не определен. (Пройдите yandex.ru/yaca/cy/ch/ваш домен, если он от 0 или выше, то все в порядке).
- Онлайн-сервисы показывают проблемы с сайтом (Xtool, Pr-cy).
Следует устранить все нарушения и проблемы на сайте для того, чтобы выйти из-под фильтров. После этого иконка появится в поиске Yandex.
Проблема с Яндекс.Директ
В отдельных случаях фавикон не отображается для рекламной кампании. Подобные проблемы могут возникнуть у сайтов, реализованных на конструкторах, новых проектов, лендингов, веб-ресурсов на поддоменах. К сожалению, российский поисковик не дает гарантию отображения фавиконки в своих рекламных объявлениях.
Еще один вариант — иконка может быть не видна, если сайт в выдаче находится очень далеко (за 10 страницей). Работайте над улучшением качества вашего веб-ресурса, используйте белые методы продвижения, и иконка со временем обязательно появится.
html — Лучшее место для хранения файлов favicon?
Задавать вопрос
спросил
Изменено
3 года назад
Просмотрено
4к раз
1) Я только что создал свои первые файлы favicon с помощью генератора Real Favicon.
В часто задаваемых вопросах этого веб-сайта говорится, что лучше всего хранить значки в корне веб-сайта. Я сделал это, но теперь в корневой папке 26 новых файлов!!!
Что я потеряю, если перенесу файлы favicon в подпапку? Например: /favicon/favicon.ico
2) Я заметил, что разные веб-сайты используют разные методы с точки зрения кода значка. Например,
Bootstrap содержит только следующие строки кода:
<ссылка rel=icon href=/favicon.ico>
У других есть множество фавиконов, таких как WordPress.com:
png">
Для простого веб-сайта, который не хочет больше, чем отображаться во всех браузерах, мне действительно следует использовать все файлы второго примера — WordPress (и которые были предоставлены генератором favicon), или я удовлетворюсь минимальным Bootstrap подход?
- HTML
- Фавикон
4
1) Помещая иконки в подкаталог, вы получаете несколько мелких недостатков:
- Нужно объявить
favicon.и ico browserconfig.xmlв HTML. Две строки кода можно пропустить, если значки находятся в корневой папке, потому что именно туда IE смотрит по соглашению. - В ваших журналах вы заметите 404 с такими URL-адресами, как
/apple-touch-icon-precomposed-120x120.png. - Поисковик Яндекса отображает фавиконки в своей выдаче. По-видимому, он находит их, только просматривая корневую папку (разметка ссылки не учитывается). Яндекс используется в основном в России.
ico 2) Вы можете оставить только один значок Apple Touch. Это достаточно хорошо. Обязательно сохраните apple-touch-icon.png и сделайте его размером 180×180. Следующая версия RealFaviconGenerator по умолчанию будет генерировать только один значок Touch.
О, и как автор RealFaviconGenerator, поздравляю вас с отличным выбором 😉
2
Вы ничего не потеряете. Пока вы указываете правильный путь в своем теге ссылки, все должно быть хорошо.
Кроме того, вам не обязательно использовать .ico. Немногие знают об этом, но вы можете использовать другие типы изображений, если правильно ссылаетесь на них в своем коде.
1
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя электронную почту и пароль
Опубликовать как гость
Электронная почта
Требуется, но никогда не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
метрик — Яндекс.
Метрика: можно ли сделать редирект с /favicon.ico на счетчик гифок 1х1?
спросил
Изменено
9 лет, 6 месяцев назад
Просмотрено
761 раз
У меня очень простой сайт без графики, и я не хочу портить его огромным циклом мониторинга JavaScript.
У меня нет favicon.ico , и я всегда вижу 404 запроса от браузеров, запрашивающих favicon; можно 307 расположение фавиконки на //mc.yandex.ru/watch/id URL счетчика гифок 1х1, который показывается в img src при запросе кода Метрики у Яндекса?
местоположение = /favicon.ico {
возврат 307 http://mc.yandex.ru/watch/XXX;
}
- favicon
- metrics
- yandex
Некоторые браузеры всегда будут искать favicon и будут продолжать это делать, пока вы не разместите файл.
Нет абсолютно никаких причин, по которым вам нужно использовать 307 или любой другой метод перенаправления, если на то пошло, просто чтобы избавиться от ошибки 404.
404 не означает, что ваш сайт не работает Ответ 404 полностью действителен.
Перенаправление фавикона 404
Перенаправление фавикона с кодом 307 — плохая идея, браузеры все равно будут запрашивать файл, и, добавляя код 307, вы добавляете дополнительный запрос к своему серверу, тем самым добавляя ненужную задержку на странице.
Решения
Вы можете создать фавиконку Даже если остальная часть сайта не использует графику, это не означает, что у вас не может быть фавиконки. Это на самом деле довольно хорошо для панелей вкладок в современных браузерах.
Загрузите 0-байтовый favicon.ico на свой сервер , но это означает, что значок браузера по умолчанию не будет отображаться
Лучший способ — удалить эти ошибки из журналов из ваших журналов, и таким образом вы их никогда не увидите .
.. Помните, что браузеры всегда будут запрашивать этот файл, и даже с перенаправлением это не останавливает проблему — перенаправление не исправляет ничего, кроме косметического исправления для ваших журналов, правильный способ чтобы отфильтровать эти ошибки из ваших журналов. В Apache вы можете удалить эти ошибки, используя:
Редирект 404 /favicon.ico
<Местоположение /favicon.ico>
ErrorDocument 404 "Нет фавикона
Для альтернативных серверных платформ вы можете найти множество решений на Stack Overflow и в Google.
Браузеры, как правило, кэшируют фавиконы дольше, чем обычные файлы, поэтому попытка использовать их в качестве счетчика, вероятно, сделает счетчик ненадежным. Даже если бы это сработало, это излишне замедлило бы вашу страницу, поскольку вы добавляете перенаправление в микс.
Просто придерживайтесь стандартного кода, и если ошибки фавикона являются проблемой, используйте один из вариантов, которые будут упомянуты. Добавление пустого фавикона с заголовком с длинным сроком действия, как правило, является лучшим решением, так как это избавляет от ошибок и уменьшает объем запросов (для постоянных посетителей).