Почему не отображается фавикон в яндексе. Проверка Favicon — сервисы Favicon Validator. Что такое фавикон

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

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

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

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

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

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

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

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

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

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

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

Для гугла:

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

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

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

У Вас не отображается иконка сайта favicon.ico в браузере или в поиске? Давайте рассмотрим возможные причины.

Для начала хочу напомнить про статью Как создать favicon иконку сайта? Там Вы гарантированно сможете создать валидную иконку для сайта.

Вспомним как установить на сайт иконку сайта favicon

Иконка сайта подключается в head перед закрывающим тегом.

Где подключить иконку сайта favicon?

Рассмотрим три вида подключения к сайту иконки favicon

Как индексируется иконка сайта favicon? Почему не отображается сразу после изменений?

Про индексацию иконки сайта favicon хотел бы предупредить, что сайт сначала должен проиндексировать специальным поисковым роботом , прежде чем иконка будет отображаться рядом с сайтом по запросу в поиске. Поэтому иногда следует просто подождать . По времени это от недели до двух месяцев (для молодых сайтов - младше года). Если всё сделано правильно, то просто запасаемся терпением!
Как поступает Гугл не скажу, но заметил, что он показывает иконки не на всех сайтах.

Вы все сделали правильно, но фавикон не хочет отображаться?

Пожалуйста, проверьте, правильно ли создан сам файл и верно ли прописаны пути к нему в теге head в записи про icon (пример записей Выше). Другими словами, узнаем, как его видят поисковики и различные интернет-сервисы, в том числе и браузеры.

Я обновил запись c favicon (иконкой сайта), но у меня по-прежнему ничего не отображается. Почему?

Бывает так, что в Браузере после изменений не отображается favicon.
Попробуйте почистить кэш в вашем браузере.

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

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

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

Favicon: история развития

Favicon придумали в Microsoft: в 1999 году в Internet Explorer 5 разработчики включили поддержку значка для сайта (это был файл с именем favicon.ico), он показывался в списке избранного и рядом с URL в адресной строке, только если страница находилась в закладках. Придумано это было не для красоты, администраторы сайтов могли узнать, сколько пользователей внесли их сайт в закладки (можно было оценить по количеству обращений к файлу Favicon). В настоящее время Favicon, естественно, работает для других целей.

Favicon: сегодня

Favicon сегодня утратил первоначальное значение - сокр. от англ. FAVorites ICON - «значок для избранного», сегодня это логотип веб-сайта, отображающийся браузером в адресной строке перед URL страницы, выводящийся в некоторых поисковых системах в результатах поиска, использующийся в элементах интерфейса программ, работающих с сайтом и т.д.

Favicon.ico сайта сайт в результатах поиска Яндекса

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

Требования к Favicon

Изначально Favicon носил размер 16×16 пикселей и имел графический формат ICO (это формат хранения значков файлов в Microsoft Windows, аналогичен формату CUR, предназначенному для хранения курсоров там же). Впоследствии, на практике начали использовать и внедрять в браузеры такие форматы как PNG, GIF, JPEG, APNG, SVG и даже анимированные GIF. Тем не менее, кроссбраузерным остался все тот же ICO. Посмотрите на таблицу поддержки форматов Favicon браузерами, чтобы решить для себя какой формат лучше использовать на своем сайте:

Где взять Favicon?

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

Способ первый: рисуем Favicon сами или заказываем у художников

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

http://www.xiconeditor.com/
http://www.favicon.cc/
http://antifavicon.com/
http://favicon.ru/
http://faviconist.com/
http://favicon.by/
http://www.genfavicon.com/

Способ второй: находим тематический Favicon из числа созданных

Целесообразно иметь уникальный (ручной работы) Favicon, но и ничего плохого не будет в том, если вы позаимствуете уже кем-то нарисованный. Дело в том, что в интернете существуют миллиарды Favicon и вероятность того, что ваш и чей-то Favicon могут перепутать - практически равна нулю. Разумеется, я не призываю использовать чьи-либо логотипы, которые защищены авторскими правами - их не нужно использовать ни в коем случае!!!

Где искать Favicon? Заходим в вбиваем в строку поиска ".ico ", выбираем "Картинки" - "Инструменты поиска" - "Размер" - "Точный размер" - "16х16"

Регистрируем Favicon

После того, как мы обзавелись картинкой Favicon, мы должны ее зарегистрировать, как для своих браузеров, так и для поисковых систем. Честно говоря, поисковые системы по умолчанию ищут Ваш Favicon в корне сайта, поэтому регистрация для них необязательна. Тем не менее, существует возможность явно указать положение Favicon в HTML-коде и это полезно, например, если вы хотите указать Favicon разных типов (для разных браузеров), для разных страниц свой Favicon и т.д. Для этого добавляем строчку в свой HTML-код (внутри элемента ):

При этом:

rel может содержать «shortcut icon» (при этом IE будет реагировать на строку «shortcut icon», а браузеры, соответствующие стандартам, - на слово «icon»)
href может к файлу
форматом файла может быть png или gif, размером 16x16 или 32x32 и с 8-битной или 24-битной глубиной цвета

После того, как вы прописали вызов Favicon внутри , поместили сам Favicon в корень своего сайта, наберите в браузере:

http://ваш_сайт/favicon.ico

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

Как проверить Favicon в Яндексе и Google

Какой Favicon закрепила за Вашим сайтом поисковая система? Проверить это очень просто:

Какой Favicon зарегистрировал Яндекс?

http://favicon.yandex.net/favicon/ваш_сайт.ru

Какой Favicon зарегистрировал Google?

http://www.google.com/s2/favicons?domain=ваш_сайт.ру

Подставляем вместо ваш_сайт.ру свой домен и видим закэшированный Favicon для своего сайта.

Надеюсь, из моей беглой статьи, узнали для себя что-то полезное!

Вконтакте

Оцените материал:

Здравствуйте, друзья! Когда-то я написал целых три статьи о фавиконах. Казалось бы, ну что там воду лить и так все всем давно известно. Но, как оказалось, вот эта маленькая иконка многим создает проблемы. Не удивительно, что вопросы возникают у тех, кто делает самые первые шаги в сайтостроении. Но, иногда, сложности бывают и у более опытных товарищей. У кого-то 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 перед описанием блога в яндексе. Единственным верным решением является небольшое изменение кода, установленной темы . Не стоит пугаться, никаких глобальных навыков программирования вообще не требуется, честно говоря даже любых навыков не требуется. Нет, конечно, если ты матёрый программист – это только плюс, но если ты – «чайник» как и мы, то смотри!

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

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

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

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

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

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

Для гугла:

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

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

Сегодня хочу "спалить" способ как можно посмотреть фавикон (favicon ) с любого сайта не заходя на сайт.
В двух словах напомню тем кто забыл: Favicon (сокр. от англ. FAVorites ICON - «значок для избранного», от названия папки с закладками) - значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в вкладках и в других элементах интерфейса.
Традиционно использовались изображения размера 16×16 пикселей формата ICO, помещённые в корень сайта под именем favicon.ico

у Яндекса тоже есть такая опция (правда Яндекс показывает favicon только с проиндексированного им сайта)

Faviconize Google

Кто хочет может поставить себе скрипт который добавляет фавиконы на страницу поиска Google . Как Яндекс . Работает в последних версиях Firefox , Opera и Safari .

Как установить?

в Опере
1) Открываем Preferences → Advanced → Content → javascript Options…
2) Указываем в User javascript files папку, куда мы будем класть скрипты

в Firefox
1) Устанавливаем расширение .
2) Открываем *.user.js файл.

в Internet Explorer
1) Устанавливаем