Проверка Favicon — сервисы Favicon Validator
05 Фев, 2013 
Комментариев 89
Здравствуйте, друзья! Когда-то я написал целых три статьи о фавиконах. Казалось бы, ну что там воду лить и так все всем давно известно. Но, как оказалось, вот эта маленькая иконка многим создает проблемы. Не удивительно, что вопросы возникают у тех, кто делает самые первые шаги в сайтостроении. Но, иногда, сложности бывают и у более опытных товарищей. У кого-то Favicon не отображается в браузере, у других в поиске Яндекса, а у некоторых одни страницы сайта с фавиконом, другие без. Конечно причины у каждого свои, но узнать, как проверить Favicon будет не лишним.
Почему не отображается 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 подставляем имя проверяемого сайта).
Заметил, что Гугл показывает иконки не на всех сайтах. Например, вместо моей, так же, как и на некоторых других блогах, показывает значок земного шара, хотя мой фавикон давно отображается и в поиске Яндекса, и во всех браузерах. Поэтому я просто не обращаю на это внимание. Возможно, это связано с тем, что на этом блоге файл favicon.ico установлен с помощью настроек моей темы WordPress.
Как добавить фавикон в Яндекс? Специально это делать никак не надо. Если вы добавили иконку размером 16х16 пикселей в корневую папку и корректно прописали к ней путь, то Yandex проиндексирует сайт специальным роботом и загрузит вашу картинку на свой сервер. Ждать, пока она появится в поиске раньше можно было долго, так как база фавиконок обновлялась редко. Сейчас, если дольше двух недель ваш фавикон не отображается в поиске Яндекса, надо проверить, корректно ли он оформлен.
Для начала советую сделать проверку с помощью сервисов-валидаторов, а затем воспользоваться рекомендациями Яндекса.
Проверяем наличие иконки сайта в сервисах Favicon Validator
Второй, более наглядный, способ проверить наличие фавикона на сайте, это воспользоваться услугами специальных онлайн-сервисов. Я расскажу о двух из них.
ifavicon.com
На этом сайте, кроме проверки валидатором, можно также сгенерировать Favicon (в том числе анимированный) из любой картинки или вытащить его из любого сайта, не копаясь в коде. Ниже на картинках я показал, как это сделать. Все очень доступно, поэтому никакого описания не требуется.
Favicon Validator
Переходим по адресу http://ifavicon.com/tools/favicon-validator и проверяем свой фавикон.
Favicon генератор
Favicon Grabber
Понятное дело, если удалось вытащить значок с сайта, значит, он там правильно был установлен.
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 причин, почему не отображается фавикон в поиске Яндекса. Если и эти рекомендации не помогут, то надо написать о своей проблеме Платону в службу поддержки.
Пожалуй, на сегодня хватит. Теперь, думаю, это последняя статья о фавиконках на этом блоге, так как, по-моему, обо всем уже написал. Наверно, даже больше чем стоило. Ну, а если у кого-то еще остались вопросы, то задавайте их в комментариях.
Понравилась статья? Нажимай на кнопки:
Сходила, проверила, вроде все норм отражается, спасибо, Олеж.
Да я и не сомневался, вы же не новички.
Есть у меня сайт на который фавикон ну никак не хочет устанавливаться. Буду проверять что к чему.
Ну вот, вижу ещё одну подробную статью про фавиконы. Итого твои 4 статьи можно сказать полностью охватывают тему фавиконов. Давно про них никто ничего не писал кажется. Молодец, что не ленишься и пишешь подробно.
Я тоже всё собирался начать писать большие статьи, которые будут охватывать все аспекты затрагиваемой темы и нормально продвигаться, но мне лень. Хотя эта статья и не особо большая, но всё равно кажется вопрос освещён в деталях. Собственно и добавить нечего.
Честно говоря, думал ты скажешь, кому это надо и так все давно известно. Просто вижу количество переходов на блог по этим запросам и вижу, что многим интересны простые вещи.
Ты так говоришь, будто я под каждой твоей статьёй пишу в комментах, что это никому не нужно. Не было такого и зря ты на меня наговариваешь. А критиковать вас надо, а то совсем расслабитесь. Шутка.
А я читаю между строк :-). На счет расслабухи ты прав, что есть, то есть.
Спасибо за статью очень подробно расписали, у меня гугл показал кружок, а яндекс не видит. Буду разбираться.
Вот у меня Гугл тоже кружок показывает,а Яндекс все видит. Поэтому не парюсь.
И у меня Гугл тож кружок показывает) А Яндекс видит!
Главное, что Яндекс видит, все равно Гугл в поиске фавиконы не показывает.
Фавикон моего сайта вроде бы отображается нормально. Но всё равно спасибо за сервисы, буду иметь в виду!)
Полезная информация. Хорошо, что у меня с этим все в порядке, но знать не помешает.
Проблем с фавиконом никогда не было. Но знания лишними не бывают! Спасибо, буду иметь ввиду.
Проверил и… Яндекс видит, а Гугл – нет.
Яша, в данном случае, предпочтительнее.
Ёлы-палы, а я вообще упустила из виду, что для нового блога нужно такую иконку создать. Хорошо, что у вас тут обо всем написано – от создания фавиконки до проверки, пошла исправляться. Сделаю – похвастаюсь
Обязательно нужно. Еще бы хорошо свой логотип иметь.
Добрый день, спасибо большое за статью. Только у меня после проверки фавикон через yandex.net, появилась пустая страница с кодами. И теперь в разных браузерах (или под share видео с youtube), этот код периодически всплывает, как двойное дно у страницы. Что это такое и как мне избавиться от этого?
Заранее спасибо!
У меня корректно показывает фавикон Яндекса. Не могу сказать в чем дело.
Вот оно чудо, свершилось, через 5 дней после вставки кода мой фавикоша украсил поисковик.
Здорово! Некоторые месяцами ждут.
Месяцами? А почему так долго? Я понимаю еще попытаться попасть бесплатно в Яндекс-каталог, тут и подождать можно, а с фавиконкой-то какие могут быть проблемы?
Все вопросы к Яндексу :-). А почему некоторые сайты могут месяц не индексировать? Кто их разберет, алгоритмы поисковых машин – штука сложная.
Яндекс говорит, что если за 2 недели не нашел обновлений на сайте, то зайдет туда уже не ранее чем через 2 месяца, а потом и того реже. Попробуйте более частое и оригинальное обновление сайта, и может будет вам счастье.
Загнать поискового бота на сайт можно ссылками с популярных социальных сетей.
Большое спасибо. Очень помоголо.
Здравствуйте. Файл иконки прописан примерно месяца два назад, проверяю различными сервисами – всё в порядке. Проверяю индексацию Гуглом – иконка проиндексирована, а яндекс так и не проиндексировал, и, соответственно, не видит. Сколько может длится процесс индексации Яндексом??
Мой сайт _http://shegida.ru
Всем заранее спасибо за ответы.
Этого, наверное, сам Яндекс не знает. Бывало и пол года не показывал.
У меня, например, на днях только фавиконка в поиске Яндекса появилась. До этого 2 месяца отображалась только в браузере, а в поиске нет.
Кстати, она у меня анимированная, но анимация видна только в браузере, в поиске отражается неподвижная фавиконка.
Так и должно быть, это нормально. Причем анимация может отражаться и не во всех браузерах.
Я фавикон делала из граватара. Обнаружила, что Яндекс не отображает, а Гугл проверила – видит. Может, переделать фавикон?
Нет разницы из чего сделан фавикон, главное, чтобы он был в формате ico и загружен в корень сайта. Яндекс может долго не отображать. Я бы советовал не пользоваться плагином, а установить фавикон вручную. Просто преобразуйте картинку с граватара.
_http://souz.com/favicon.ico на моем сайте если перейти, то показывает вообще не пойми чего. Как исправить, может кто сталкивался?
У меня все нормально показывает, а по этой ссылке просто скачивается фавикон.
Жду уже 2 месяца. Делал по Вашей инструкции. Гугл видит, яндекс нет.
Робот был 25.11.2013, а фавикон так и не отображается.
Даже код вставил в файл яндекса, как по инструкции. Все рано не отображает в поиске.
Посоветуйте что еще можно сделать, спасибо!
У меня один сайт больше полу года не отображался, так я вообще удалил запись в коде. Сейчас отображается и без нее.
У вас картинка не отображается при проверке в Яндексе. Возможно она еще не проиндексирована и не загружена на его сервер. Откуда вы взяли, что был робот? Для фавиконов там свой бот. Может надо просто еще подождать.
Как вариант, попробуйте поставить слеш перед favicon.ico и оставить только вторую строку. А еще лучше прописать абсолютный адрес. Если и это не поможет, попробуйте загрузить фавикон в другом формате. На этом блоге у меня в .png.
Пока смотрел на Ваши иконки, обнаружил кое-что посерьезнее. У Вас не определен основной хост и страницы с www и без отдают ответ сервера 200 OK. Соответственно, не прописана директива host для Яндекса в robots.txt. В конечном счете одна и та же страница доступна по двум разным адресам. А это уже полные дубли и могут быть санкции со стороны ПС. Надо исправить, а то Гугл проиндексировал Главную с www, а Яндекс без.
Админ, спасибо за ответ.
Я без спец. образования.
Напишите пожалуйста, что необходимо написать в файле robots.txt
С фавиконом, если я правильно понял, единственный выход – ждать?
Заранее благодарю за ответ!
Админ, я понял (как мне кажется) почему яндекс не индексирует фавикон, так как в файле robots.txt ему был запрещен доступ в корневую папку, где и находится файл favicon.ico.
Я прав?
Не помню, как было вчера, но не думаю, иначе бы ничего не индексировалось. Во всяком случае сейчас доступ к файлу открыт.
Уважаемый админ.
Я все настроил по инструкциям в рунете.
Файл: robots.txt
Файл: sitemap.xml
Файл яндекса в корне: прописал абсолютный адрес (_http://arigato-suzuki.ru/favicon.ico) по Вашей рекомендации
В Яндекс Вэбмастер: загрузил и проверил robots.txt
Главное зеркало и индексацию установил: без www.
Если есть ошибки, прошу указать.
Хочу еще раз поблагодарить Вас за помощь!
В принципе все верно. Можно немного подправить robots.txt – директивы для Яндекса перенести в начало; между ними и строкой host пробел не нужен; строку sitemap.xml прописать один раз внизу через пробел от директив для всех роботов.
Путь к фавикону сейчас прописан, как относительная ссылка, то есть без имени домена. Заодно заполните мета-теги description и keywords.
Страница так и открывается по разным адресам. Надо прописать 301 редирект в файле htaccess с www на адрес без него.
1. 301 редирект прописан (убрал www. “RewriteRule ^(.*)$ _http://demo.znt/$1 [R=301,L]” – Правильно?
2. Файл robots.txt исправил по Вашей рекомендации. – Правильно?
3. Путь к фавикону правильно прописан или добавить www? (У меня все пути настроены без).
4. Мета-теги description и keywords. Буду разбирать что это…))
Я высоко ценю Вашу помощь! Спасибо!
1. 301 редирект прописан теперь правильно (ошибку понял интуитивно).
Вы все прям на лету схватываете.
1. Теперь правильно. Проверить просто, введите в браузере адрес с www и должна открыться страница без.
2. Роботс правильно.
3. Теперь надо везде писать только без www, особенно, когда внешние ссылки на чужих сайтах оставляете. Но я не вижу, где прописан новый путь к фавикону, в коде осталась относительная ссылка, как было в начале.
4. Чтобы отредактировать description и keywords, а заодно и путь к фавикону, нужен доступ для редактирования HTML-кода страниц. Странно, что фирма, которая делала сайт этого не сделала. Зато 3 ссылки на себя в футере оставили).
Если уж речь зашла о тегах, то обратите внимание, что у Вас на страницах встречается от 3 до 5 тегов H1, а правильно 1 раз. Это самый важный тег на странице и в нем должен быть только заголовок, но никак не “Наши контакты”.
Админ,
1. Путь к фавикону отредактировал, он теперь ссылка на фавикон абсолютная?
Спасибо за советы!
Нет, все без изменений. Где Вы его редактируете? Откройте исходный код страницы (Ctrl+U) и посмотрите вверху две строчки link rel=”icon” и link rel=”shortcut icon”.
Да, спасибо, увидел.
Скажите, а в каком файле я могу отредактировать ссылку?
Я редактировал в файле Яндекса в корне %)
Еще, прошу Вас написать текст абсолютной ссылки который я должен туда вставить.
Я прочитал Вашу тему про абсолютные и относительные ссылки. Вы интересно и очень доступно пишете.
Текст простой _http://arigato-suzuki.ru/favicon.ico (только убрать нижнее подчеркивание в начале).
Я не знаю, как у Вас сделан сайт, поэтому точно не скажу, какой файл надо редактировать. Но вставить код надо между тегами head. В WordPress этот файл называется header.php. Поищите методом тыка, где у Вас сейчас эти записи и просто отредактируйте адрес.
Нашел, исправил, УРА!
Проверьте меня пожалуйста. Теперь только ждать?
Ваша помощь бесценна!
Теперь правильно. Попробуйте оставить только вторую строчку link rel=”shortcut icon”.
Теперь таким же образом пропишите description и keywords, только для каждой страницы сайта свои уникальные.
Не могу понять, как прописать description и keywords. Написал и ключи и мета-сообщение.
Но при попытке редактировать, сайт не отображается и показывает ошибку.
Удалил первую строчку по Вашей рекомендации, теперь только ждать? Сколько ориентировочно?
Но фавикон же как-то отредактировали. Так же и с мета-тегами должно быть.
Сколько ждать не скажу, знает только Яша.
Админ, спасибо Вам за помощь!
Не за что. Если есть вопросы, пишите мне на почту.
Здравствуйте! Очень нуждаюсь в Вашей помощи. При входе на свой почтовый ящик mail.ru выплывает блокирующее окно со следующим содержимым “Вы попытались перейти на сайт favicon.yandex.net, но сервер предоставил сертификат, выданный организацией, которая не классифицируется операционной системой компьютера как доверенная. Это может означать, что сервер имеет свои учетные данные защиты, которым Google Chrome не может доверять, или что вмешался злоумышленник.”
Помогите, прошу это убрать. Там письма важные для меня.
Заранее спасибо. Захожу только с iPad. С системой iOS.
И чем же я могу помочь? Попробуйте зайти с другого браузера или компьютера. Вообще не понимаю, как могут быть связаны Яндекс и почта Mail.
Олег, а у меня вот такая проблема. Установлю в корень сайта фавикон, он простоит какое-то время, предложенным тобой сервисом проверяю. Статьи в выдаче с ним появляются, потом он благополучно исчезает с сайта. В чем причина не пойму? А потому твоя статья у меня уже стала настольной. Постоянно возвращаюсь к ней. Проблема такая появилась при установке новой темы. Даже не знаю, что можно предпринять! Каждый месяц его закачиваю по ftp опять в корень блога.
Людмила, у Вас фавикон сейчас загружен в папку с темой. В этом случае в корень грузить его уже не надо. Если попытаться его открыть из коневой папки, то он не открывается, а сразу начинается скачивание файла.
Олег, а как тогда правильно сделать? Мне рекомендовали закачать его в папку с темой и в корень сайта. Я уже чего-то сама запуталась, откуда его теперь удалить из корня сайта? Оставить только в теме?
Объясни, как ты пытался его открыть, что пошло скачивание?
У меня на блоге фавикон тоже устанавливается через шаблон, поэтому в корень я его не загружаю. В коде прописан путь к папке с темой.
У Вас тоже путь указан к папке темы, но в первую очередь файл favicon.ico ищется в корневой папке (можно даже в коде это не прописывать), если его там нет, то используется альтернативный путь к файлу. Поэтому, указав два фавикона, может быть путаница. В Вашем случае надо удалить из корня. По адресу _http://lmoroshkina.ru/favicon.ico идет редирект на _http://lmoroshkina.ru/wp-content/themes/Sabrina/favicon.ico и открывается окно загрузки.
По ссылке _http://ifavicon.com/tools/favicon-validator на Вашем сайте вирус.
На моем сайте вирус или по ссылке? У меня Касперский ничего не находит.
У меня всегда видел и Яндекс и Гугл, на сайте отображается тоже, а вот в последнее время в яндексе пусто, что не так?
Это знает только Яндекс. Обычно в коде для type пишут image/x-icon, а у Вас image/vnd.microsoft.icon. Можно попробовать заменить, хотя не факт, что это поможет.
Добрый день. Не пойму, почему уже прошло полгода, а фавикон так и не отображается в Яндексе? Может где-то ошибку допустил. Кто сможет помогите _http://perevezi.com.ru
Ваша иконка у меня даже в браузере не отображается. Только когда открываю исходный код страницы, он появляется. Кстати, в коде у Вас две строки, вторая написана не правильно, ссылка на фавикон с нее отдает ответ 404. Удалите вторую строку или напишите ее , как указано в статье “Как установить иконку на сайт” (ссылка в начале статьи).
Можете помочь мне удалить 2 строку? Могу удалить лишние!
Чтобы не удалить лишнее, сделайте копию редактируемого файла и сохраните на компьютере. Потом надо удалить строку:
link rel=”shortcut icon” href=”/ico.gif” type=”image/gif” (должна быть в угловых скобках)
На Вордпресс она находится в файле header.php, где у Вас не скажу, но что-то похожее. В любом случае между открывающим и закрывающим тегами head.
Кстати, зашел с другого браузера, Ваш фавикон в нем отображается нормально.
Здравствуйте, у меня в поиске Яндекса не отображается фавикон. Вроде расширение и размер нужные сайт vtx24.ru.
Я так понимаю, сайт недавно создан? Надо просто подождать. Ну и можно дописать в код такую конструкцию type=”image/x-icon”. А вообще, советую лучше прописать Title и Description информативные.
Вы правы, сайту месяц. Где что дописать, не понимаю) Не программист я))Видимо остается только ждать…
Прописать надо в коде, если есть доступ. У Вас одностраничник, значит это надо сделать в одном файле.
Подскажите пожалуйста , почему не отображается фавикон?
В браузере и в Google отображается. Яндекс может еще долго не индексировать. Иногда до 6 меяцев. А у Вас лендинг недавно создан, а может экзотическая доменная зона виной. Скорее всего надо просто подождать.
А как влияет индексация сайта на его файлы?
Разве от яндекса или гугла зависит, что у меня отображается на сайте.
Я могу вообще закрыть сайт для индексации. И что теперь у меня половина файлов отображаться не будет…???
Здесь речь идет о поисковой выдаче. В статье указано, что робот должен проиндексировать фавикон и загрузить его на сервер Яндекса. В этом случае фавикон будет отображаться рядом с сайтом в результатах поиска, что делает его более привлекательным для перехода. А в браузере он будет и без Яндекса. Закрывая страницы от индексации, запрет распространяется на контентную часть, то что между тегами body. В этом случае поисковик не покажет информацию только в своей выдаче, а файлы сайта показывает браузер при обращении к хостингу, Яндекс тут не причем. К head доступ не запрещается, иначе как роботы могут узнать о запрете.
Здравствуйте!
В скрине немного видна ситуация:
_http://prntscr.com/5kfd3y
Вадилатор, вроде как, видит иконку, но валидной её не считает. В Хроме иконка видна, Мозилла и Яндекс её не видят. В каком направлении двинуться?
У меня нормально отображается фавикон в Хроме, Опере и Мозилле. А для Яндекса, видимо, надо просто подождать, пока он ее проиндексирует, это может быть не так быстро.
А я как раз тут решил вопросик, и весьма элегантно:
посмотрел как валидатор описывает валидные иконки нескольких сайтов и поставил в хэд наиболее изящный вариант.
Сразу всё везде заотображалось, включая смартфон.
Спасибо за ссылку валидатора!
У меня фавикон отображается почему то только в Опера, странно.
Я ее у Вас и в Опере не наблюдаю и в коде не вижу.
https: //yadi.sk/i/-I6IKENVfHn9a Вот скрин на Яндекс диске, фавикон в Опере есть. В код его не добавлял, залил картинку на хостинг в папку, где сайт.
Я бы все таки указал на фавикон для браузеров и поисковиков явно, добавив код в head, так как у меня ни в одном из 3 браузеров он не отображается. Кстати в Гугле его тоже пока нет, в отличие от Яндекса.
Спасибо, за совет, попробую добавить код в head.
Здравствуйте! У меня вот такой вопрос: после обновления Вордпресс на 4.2.2. у меня исчез фавикон. Он у меня сделан из граватара, то есть моя фотография. Вы не могли бы мне подсказать, как теперь его восстановить? Причём происходит что-то странное: в верхнем меню блога он то отображается, то нет. На “Главной”, “Вторые блюда” и “О блоге” его нет, а остальные разделы – отображается. Я теперь вообще не знаю, что мне делать. Помогите мне, пожалуйста. Сейчас, когда пишу этот комментарий, мой сервер Джино и мой блог почему-то недоступен. Так может быть? Если вам не трудно, ответ напишите на почту. С уважением, Анна.
Написал на почту.
Протестировал, время загрузки сайта без добавления кода favicon в HEAD составило 14 секунд, а когда прописал в заголовок HEAD – время составило 7.5 секунд. Фактически на то, чтобы найти favicon в корневой папке браузер тратил лишние 7 секунд времени.