The favicon is a small image (site icon) that is displayed next to the site in the Yandex search results, next to the site URL in the browser address, and next to the site name in “Favorites” or in “Bookmarks” instead of the standard default picture.

Example of a favicon:

In the search results, the favicon looks like this:

How do I add a favicon?

To have the favicon displayed in the search results, you need to place an image (favicon.ico file) of 16×16 pixels in the root directory of the site. The preferred icon format is ICO, but other formats are also possible: GIF, JPEG, PNG and BMP.

You should make sure the HTTP headers sent by the server contain the correct type of the transmitted data (Content-Type .

image/x-icon or image/vnd.microsoft.icon for the ICO format.

image/gif for the GIF format.

image/jpeg for the JPEG format.

image/png for the PNG format.

image/bmp for the BMP format.

To describe the favicon in the HTML code of the pages, add the following code to the element:

If your favicon is not at the root, specify the file path in the href field.

If the favicon is placed correctly, and if there is at least one page of your site displayed in the Yandex search results, the favicon will be displayed in the search after the site is crawled by the robot. For information about the robot that indexes the icons, go to the corresponding help section.

How do I change the favicon?

To have another favicon displayed next to your site in the Yandex search results, change the favicon.ico file in the root directory of the site and wait for the robot to index the changes.

If in the page code contains several favicons, the robot will index the one indicated first.

How do I delete a favicon?

It takes about three weeks after you remove the favicon from the site until it is removed from the Yandex search results.

Всем привет. Пару дней назад на форуме увидел проблему с которой столкнулись некоторые владельцы своих сайтов — не отображается фавикон в Яндексе . А это не есть хорошо. Наличие фавикона делает сайт узнаваемым, ведь он отображается не только в строке браузера, а и в поисковой выдаче рядом с названием.

Но важно не только визуальное отличие от других сайтов. В панели для вебмастеров Яндекс Вебмастер отсутствие фавикона сервис определяет как ошибку. Поэтому добавить фавикон необходимо, возможно это как-то влияет и на ранжирование.

Что делать если не отображается фавикон в Яндексе

Причин почему фавикон не отображается несколько.

• Не правильно прописан HTML-код на сайте, или вообще не прописан. Указан неверный путь. В одной из статей описывал .
• Фавикон не уникален. Да, уникальность рулит везде. Сам Яндекс говорит, что поиск индексирует не все иконки.

Если с этими пунктами у вас порядок, проверьте как видят иконку поисковик. Пропишите в адресной строке следующий код:

https://favicon.yandex.net/favicon/www.сайт

Разумеется пропишите свой адрес. Посмотрите, видит ли поиск ваш фавикон?

Если favicon отображается, тогда наберитесь терпения и ждите. Робот Яндекса обязательно зайдет к вам в гости и проиндексирует иконку. Вопрос — когда? Для индексации пиктограмм сайтов ходит специальный робот. По своему, одному ему известному расписанию.

Что делать, если пропала иконка сайта favicon в поисковых системах (Yandex и Google)? Именно об этом сегодня и будет наша сегодняшняя публикация.

Что такое иконка сайта favicon и зачем она нужна?

Иконка сайта favicon — миниатюрное изображение логотипа сайта в поисковых системах (16 на 16 пикселей ), находящихся слева от результатов поиска. Так же, данное изображение видно при переходе на ресурс в строке браузера.

Его задача имеет в большей степени косметический смысл, а так же узнаваемости бренда для посетителей сайта. Так сказать, вызвать ассоциативный ряд для соискателя запроса. Хороший фавикон может даже влиять на посещаемость сайта.

На сегодняшний день, поисковые системы поддерживают несколько форматов иконки сайта favicon: ico , png , jpeg и даже gif .

Изображение любого данного формата можно установить как миниатюрный логотип для узнаваемости вашего сайта. Есть мнение, что наличие данного изображения непосредственно влияет на результаты индексации и поисковой выдачи по ключевым запросам.

И данная точка зрения имеет место быть. Ранжирование сайта по поисковым запросам зависит от огромной совокупности факторов, а наличие фавикона показывает поисковикам что владелец следит за качеством ресурса и его внешними данными.

Не стоит пренебрегать такой мелочью, которую можно сделать всего в несколько кликов.

Почему может пропасть иконка сайта?

Исчезнуть фавикон может по нескольким причинам:

• Из-за исчезновение из корневой папки сайта файла favicon.ico .
• Повреждение или изменение файла (перестал открываться).
• Установка плагинов для кеширования (например: WP Super Cache ).
• Обновление темы на WordPress (если не была создана « «).
• Изменения в исходном коде сайта .
• Запрет индексации медиафайлов в
• Ошибки в в исходном коде <head >

Вот примерно такой комплекс вероятных причин может привести к исчезновению фавикона сайта.

У меня проблема началась после установки плагина WP Super Cache . Он сделал кеш страниц моего сайта и после этого пропало изображение логотипа.

Заметил я это не сразу и долго пытался понять: «В чём проблема? «.

Проверить наличие favicon у поисковых систем

Наличие файла favicon.ico вашего ресурса у поисковых систем можно проверить двумя способами:

Проверка наличия изображения на сервере Yandex : http://favicon.yandex.net/favicon/www.ваш-домен .ru

Это нужно скопировать и вставить в поисковую строку браузера, предварительно поставив адрес своего сайта в конце .

По данному адресу вы можете проверить наличие копии favicon.ico на серверах Яндекса . Если её нет, значит у поисковика нету информации о наличии иконки сайта после последнего посещения роботом-обходчиком .

Проверить наличие картинки через Google : https://www.google.com/s2/favicons?domain=www.ваш-сайт .ru

В моем случае, Яндекс показывал пустоту, а Google — фавикон. Это значит, что GoogleBot еще не успел перепроверить мой сайт на наличие обновлений. А значит, с фавиконом действительно есть какие-то проблемы.

Контрольный способ, который в совокупности с двумя предыдущими даст контрольный ответ на вопрос: «Есть ли проблема в действительности? «.

В данный момент я исправил все проблемы и фавикон снова появился в поисковике Яндекса.

Что делать, если иконки сайта favicon нет

Первым делом, лезем в исходный код сайта в раздел <Head > и ищем соответствующую строку кода:

Вот примерно такие строчки кода у вас должны быть, которые указывают на наличие изображения для поисковых систем. Расположены они должны именно в разделе <head >.

Кстати, одна из проблем отсутствия фавикона в поисковиках, может быть запрет через файл индексирования директории с архивами или изображений . В такой ситуации изображение будет на самом сайте, но в результатах поиска напротив сайта его может не быть.

ваш-сайт .ru/favicon.ico» type=»image/x-icon» />
ваш-сайт .ru/favicon.ico» type=»image/x-icon» />

Для владельцев сайтов на WordPress , нужно зайти в раздел: «Внешний вид -> Редактор -> Заголовок (header.php) » и ищем окончание блока вот с таким символом — </head >. Чуть выше него должен быть установленный данный код.

Так как у меня регистратор от reg.ru , я захожу в корневую папку через Панель управления хостингом . В зависимости от вашего регистратора, ваша панель управления может отличаться от показанной.

Если файла нет, его нужно создать и «Закачать » в указанную директорию. А так же, должны присутствовать в исходном коде соответствующие ссылки в директории <Head >.

На изображении видно, что файл в корневом каталоге сайта присутствует. Но нужно проверить его корректность . Для этого его нужно скачать и открыть на своем компьютере в ручную .

Выбираем из списка нужный файл и жмем «Скачать «. После скачивания, его нужно открыть, тем самым, проверить его актуальность и работоспособность.

Если файл не открывается (выдает ошибку) или показывает другое изображение (не то, которое вы ожидали увидеть), его нужно заменить. Для этого создаем новый favicon и загружаем в корневой каталог сайта через кнопку «Закачать «.

У меня кстати, данный файл имел вот такой вид после наступления проблем:

Все легко прошло после замены файла в корневом каталоге сайта на нужный (рабочий).

Воздействие плагинов кеширования

А вот тут уже мне пришлось подумать, так как проблема наступила после установки плагина WP Super Cache . После прочтения нескольких статей, там была рекомендация «Почистите кеш » через плагин. И в большинстве случаев — это помогает. Но мне данный способ не помог.

Прошлось лезть в корневую директорию и удалять сам плагин, а так же все файлы кеша созданные им .

Только после обновления иконки сайта favicon и удаление всех файлов кеша вместе с плагином восстановили корректную работоспособность моего сайта. На нем снова появился фавикон в Яндексе.

Ошибка в исходном коде блока

Еще одна проблема, при которой может не отображаться файл фавикон у сайта — ошибка в строках исходного когда в блоке <head >, при указании пути (директории ), где лежит файл фавиконки.

На фотографии выше, можно заметить, что был пропущен пробел между значениями, что так же вызывает эту проблему.

Помочь обнаружить критические ошибки на своём сайте вам сможет — W3C валидатор .

Здравствуйте, друзья! Когда-то я написал целых три статьи о фавиконах. Казалось бы, ну что там воду лить и так все всем давно известно. Но, как оказалось, вот эта маленькая иконка многим создает проблемы. Не удивительно, что вопросы возникают у тех, кто делает самые первые шаги в сайтостроении. Но, иногда, сложности бывают и у более опытных товарищей. У кого-то Favicon не отображается в браузере, у других в поиске Яндекса, а у некоторых одни страницы сайта с фавиконом, другие без. Конечно причины у каждого свои, но узнать, как проверить Favicon будет не лишним.

Богатые фрагменты великолепны, но поскольку реализация требует некоторой разработки, многие, однако, игнорируют их. Всегда есть лучший способ потратить часы этих драгоценных разработчиков, поэтому запросы на эти небольшие кусочки кода часто оказываются подталкиваемыми в нижней части отставания и никогда не поднимаются на вершину.

Основой отличного отрывка является, конечно, отличное название и отличные метатеги. Заголовок для Яндекса не должен превышать 70 символов, включая пробелы, и содержать соответствующие ключевые слова. В приведенном ниже примере вместо переделанного текста с большим призывом к действию описание содержит хлебные крошки и случайные текстовые строки.

Почему не отображается favicon? Сейчас проверим

Итак, вы все сделали правильно, но фавикон не хочет отображаться. Давайте проверим, правильно ли создан сам файл и верно ли прописаны пути к нему в коде страниц сайта. Другими словами, узнаем, как его видят поисковики и различные интернет-сервисы, в том числе и браузеры.

Проверка Favicon в поисковых системах Яндекс и Google

Чтобы узнать видят ли иконку любого сайта поисковики, даже не обязательно открывать сам сайт. Достаточно ввести в адресную строку браузера такой адрес:
Для Яндекса - http://favicon.yandex.net/favicon/www.yandex.ru (меняем www.yandex.ru на свой домен).
Для Гугла - http://www.google.com/s2/favicons?domain=www.google.com (вместо www.google.com подставляем имя проверяемого сайта).

Третий результат без значка не выделяется так же, как два других. Аналогично, дополнительные ссылки создаются автоматически на основе важности и веса страниц. Используя, вы можете удалить нежелательные дополнительные ссылки и выбрать текст привязки для каждой дополнительной ссылки из нескольких вариантов, предлагаемых Яндексом.

Специальные фрагменты для бизнеса

Вот еще один пример из индустрии онлайн-покера - оба доменных имени используют функцию капитализации. Капитализация доменного имени может быть настроена через. Ссылки на социальные профили в фрагментах - одна из новейших функций, введенных Яндексом. Пожалуйста, не стесняйтесь смотреть! Например, для веб-сайта отеля можно отобразить его звездный рейтинг, количество комнат и доступные возможности. В настоящее время доступны специальные фрагменты для 75 типов организаций, таких как, например, рестораны, бары, ночные клубы, отели, торговые центры, автозаправочные станции и аптеки.

Заметил, что Гугл показывает иконки не на всех сайтах. Например, вместо моей, так же, как и на некоторых других блогах, показывает значок земного шара, хотя мой фавикон давно отображается и в поиске Яндекса, и во всех браузерах. Поэтому я просто не обращаю на это внимание. Возможно, это связано с тем, что на этом блоге файл favicon.ico установлен с помощью настроек моей темы WordPress.

Как добавить фавикон в Яндекс? Специально это делать никак не надо. Если вы добавили иконку размером 16х16 пикселей в корневую папку и корректно прописали к ней путь, то Yandex проиндексирует сайт специальным роботом и загрузит вашу картинку на свой сервер. Ждать, пока она появится в поиске раньше можно было долго, так как база фавиконок обновлялась редко. Сейчас, если дольше двух недель ваш фавикон не отображается в поиске Яндекса, надо проверить, корректно ли он оформлен.

Вы помните, что россияне выиграли космическую гонку? Конечно, именно американцы выиграли лунную гонку, но, вероятно, американцы не хотели признавать, что они потеряли космическую гонку. Некоторые американцы даже не верят, что Америка действительно отправила человека на Луну.

Знаете ли вы, что если что-то, что не совсем верно, получает достаточное внимание, это может стать фактом для большого процента населения, которое подвергалось этому воздействию? Возьмем, к примеру, то, что продают многие бывшие провинциальные фермеры-мамонты сейчас. Те, кто это видит, смотрят на всю картину только с одной точки зрения и одного места в мире.

Для начала советую сделать проверку с помощью сервисов-валидаторов, а затем воспользоваться рекомендациями Яндекса.

Проверяем наличие иконки сайта в сервисах Favicon Validator

Второй, более наглядный, способ проверить наличие фавикона на сайте, это воспользоваться услугами специальных онлайн-сервисов. Я расскажу о двух из них.

Рис. 0 Заплатили ли космонавты столько же, сколько космонавты? Есть ли преимущество в использовании Яндекса? Почему бы вам не попробовать Яндекса и присоединиться к российскому поисковому опыту? Все поисковые системы уникальны, потому что они не используют одни и те же алгоритмы. Вау, это значит, что кто-то еще купил этот домен? Интересно, что они сделали с ним, если что-нибудь вообще, или это просто припаркованный домен? Что еще выделяется мне в отношении альтернативной поисковой системы? В настоящее время значок очень маленький, но возможно, что в будущем он может быть больше.

ifavicon.com

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

Favicon Validator

Переходим по адресу http://ifavicon.com/tools/favicon-validator и проверяем свой фавикон.

Итак, что полезно для этой страницы, если вы строите сайт в домене? Несмотря на то, что другие поисковые системы не используют надлежащее использование значка, вы можете быть уверены, что значки имеют некоторое отношение к поиску в Яндексе, а может быть, возможно, позже вы увидите намного больше этого. Возможно, это будет вариант в естественном поиске.

Те из вас, кто следит за своей сетевой статистикой, вероятно, заметят, что Яндекс посещает ваш домен и сайт чаще, чем многие другие небольшие поисковые системы, и поэтому его следует рассматривать как мощную поисковую систему и не следует недооценивать.

Favicon генератор

Понятное дело, если удалось вытащить значок с сайта, значит, он там правильно был установлен.

favicon.htmlkit.com - создание и проверка валидности Favicon

Этот сервис более популярен и имеет просто огромный функционал по созданию и проверке Favicon. Одной из его особенностей является большое количество редактируемых параметров изображения и возможность создавать иконки для iPhone, iPod Touch и iPad браузеров. Давайте в картинках и по порядку.

Создание Favicon

Можно сделать иконку из значка в Твиттере

или из любой картинки.

Загрузив изображение и нажав кнопку “Generate FavIcon.ico “, можно скачать статичный и анимированный фавикон или продолжить редактирование, тиснув на кнопку “Edit “.

Перед нами открываются все настройки редактирования. Чтобы перейти к нужной настройке , надо щелкнуть на соответствующий пункт. Покажу, как это выглядит с переводом в Хроме:

Если в нескольких словах, то можно:

• добавить еще несколько изображений, которые остаются в памяти и можно в любой момент продолжить их редактирование;
• написать текст для анимации (только на английском) или отключить ее;
• сделать favicon для iPhone, iPad и iPod Touch;
• задать цвет и прозрачночть фона и рамки;
• преобразовать цветную картинку в черно-белую;
• создать фавиконки разных форматов с разным количеством цветовых оттенков (например, 16-64K – иконка 16*16 с 64K цветов);
• удалить ненужные форматы и скачать весь пакет, только файл favicon.ico или animated_favicon1.gif.

Все изменения отображаются в правой части экрана.

Чтобы очистить список созданных фавиконов и начать редактирование нового, надо нажать кнопку “New Icon ” в правом верхнем углу.

Есть подсказка, как установить анимированный фавикон вместе с обычным. При нажатии на кнопку “Загрузите “, скачается пакет со всеми фавиконами, где в файле ReadMe.txt будет по их установке и необходимые коды.

В общем, советую всем попробовать этот сервис. Кроме всего, существует приложение для браузера Google Chrome, которое называется FavIcon from Pics . Ссылку не даю, так как целесообразность его установки вызывает сомнение. Все, что оно дает, это прямой переход на страницу с генератором фавиконов.

Как проверить Favicon

Теперь, собственно, перейдем к тому, из-за чего я начал писать эту статью - как сделать проверку, если не отображается Favicon. Переходим по ссылке http://www.htmlkit.com/go/favicon/validator/ , вводим адрес проверяемого сайта и жмем “Check “. Ниже вы можете увидеть, какую информацию можно будет узнать.

Получаем результат:

Если фавикон не будет найден, то сервис укажет причину, почему это произошло.

Если же ошибок не найдено, но все равно Яндекс не видит фавикон сайта, читайте статью Платона Щукина “Вся правда о фавиконках “. В ней он перечислил 5 причин, почему не отображается фавикон в поиске Яндекса. Если и эти рекомендации не помогут, то надо написать о своей проблеме Платону в службу поддержки.

Пожалуй, на сегодня хватит. Теперь, думаю, это последняя статья о фавиконках на этом блоге, так как, по-моему, обо всем уже написал. Наверно, даже больше чем стоило. Ну, а если у кого-то еще остались вопросы, то задавайте их в комментариях.

Всем привет! Добро пожаловать на наш блог, а на связи, как всегда, мы – Андрей и Даша. Как ваши дела, уважаемые читатели? Как и обещали, в этой статье мы займёмся серьёзными делами, а именно продолжим усовершенствование блога и тема сегодняшней статьи – Почему не отображается favicon (фавикон) и как это проверить.

С открытием дачно/деревенского сезона времени на блог становится всё меньше: стабильно, каждую пятницу по воскресенье мы уезжаем из города и погружаемся в мир грядок и сельской жизни…но, будем стараться это исправлять!

Изначально, иконку для блога мы. Сами создали в редакторе картиночку-логотип и загрузили её на блог при помощи раздела «Свойства сайта». Стали ждать первой индексации, чтобы можно было увидеть наши старания. Первым наш блог проиндексировал google, но у этого поисковика не отображается favicon при выдаче запросов. Ладно, стали выжидать, когда к нам заглянет yandex и произошло это примерно через месяц после нашего старта. В результате, после того, как мы ввели в поиск Яндекса один из запросов блога thebizfromscratch, нас ждала грусть/тоска/разочарование, т.к. наша иконка не отображалась перед описанием сайта.

Что же делать? Прокопались пару-тройку часов в интернете, чтобы изучить данную проблему поподробнее. Поняли, что мы такие не одни и приступили к устранению неудачи. Дело в том, что все, кто настраивает свой логотип при помощи темы, имеет шанс столкнуться с такой же ситуацией – не отображается favicon перед описанием блога в яндексе. Единственным верным решением является небольшое изменение кода, установленной темы . Не стоит пугаться, никаких глобальных навыков программирования вообще не требуется, честно говоря даже любых навыков не требуется. Нет, конечно, если ты матёрый программист – это только плюс, но если ты – «чайник» как и мы, то смотри!

Что надо сделать!

1. Создаём иконку размером 16×16 или 32×32 пикселя с разрешением ico. Для этого удобнее воспользоваться специальным сервисом: favicon.ru, где можно с нуля нарисовать логотип или загрузить туда уже свой готовый, для того, чтобы изменить его размер и разрешение. В результате у тебя должна быть картиночка вот с таким названием - favicon.ico.
2. Размещаем, полученную картиночку в корневую папку сайта.
3. Заходим в админку WordPress, находим раздел «Внешний вид », далее «Редактор». С правой стороны выбираем вкладку «Заголовок» (или header.php).
4. После открывающего тега (а где он смотри на рисунке ниже) прописываем или вставляем вот эту строчку и обновляем файл:

Где http://ваш сайт /favicon.ico – это путь до вашего фавикона. Только не забудьте вместо «ваш сайт» на самом деле указать ваш сайт.

1. Ждём до следующего посещения роботами сайта и смотрим на результат. У нас это произошло спустя 2-3 дня. Проблема была решена. Ура.

Как проверить отображается ли favicon?

• Для яндекса вводим в адресную строку это:

http://favicon.yandex.net/favicon/свой домен

• Для гугла:

http://www.google.com/s2/favicons?domain=свой домен

И на этом мы заканчиваем. Надеемся, что данная статья будет для Вас полезной и теперь вы будете знать Почему не отображается favicon (фавикон) и как это проверить. Если появятся вопросы – обязательно задавай их в комментариях, постараемся помочь. Удачи! И до новых постов.

С уважением, Андрей и Даша.

Статьи в этой же категории

О казывается не достаточно просто установить фавикон у себя в браузере. Еще очень полезно, если он будет отображаться в поисковиках, вместе с вашим название сайта или с вашими статьями, которые будут в поисковой выдаче.

Фавикон в поисковиках, это важно, потому что казалось бы мелкая деталь, но она придаст узнаваемости вашему сайту и конечно будет выразителем вашего фирменного стиля.

С фавиконом сайт легче выделить из общей массы в поисковой выдаче, посетитель может клинуть на оригинальный значек, или просто запомнив его быстро будет находить вас.

Что делать, если фавикон не появляется в поисковиках?

Есть несколько причин почему не появляется ваш фавикон в поисковиках:

• Не уникален рисунок фавикона
• Еще не прошел робот поисковика и не зафиксировал его присутствие. Дело в том, что роботы бродят по интернету по своему, никому неизвестному расписанию, поэтому нужно набраться терпения и подождать какое-то время. Возможно он пройдет и проиндексирует ваш фавикон через день, а может и через две недели.
• не прописан код в файле header.php, или неправильно прописан

Но прежде посмотрим, видят ли ваш фавикон поисковики.

Проверка на видимость фавикона в поисковиках

В Яндексе: Для этого наберите в адресной строке браузера http://favicon.yandex.net/favicon/www. ………… .ru (вставьте в пустое место ваш домен)

В Гугле: В адресной строке браузера набираем http://www.google.com/s2/favicons?domain=www. ……. .ru (в пустое место пишите свой домен)

В том и другом случае вы увидите в левом верхнем углу ваш фавикон. Ну или не увидите.

На всякий случай перед этим шагом почистите кэш браузера или перезапустите его.

Как правильно прописать код в файле header.php

Скопируйте код

и откройте в админке Внешний вид-Редакто р, откройте в редакторе Заголовок (header.php). Вставьте перед тегом данный код и обновите файл.

После внесения этих изменений ждем их индексации поисковыми роботами. Через какое-то время фавикон появится.

Вставить фавикон при помощи плагина

В админке откройте Плагины , в поиске забейте All in One Favicon и активируйте его.

Затем в меню Настройки найдите All in One Favicon, войдите в него и загрузите, указав путь к вашему рисунку фавикона

Вот кажется мы и разобрались с проблемой фавикона. Теперь остается немного подождать пока поисковые роботы проиндексируют ваш сайт и отобразят его у себя в поисковике.