Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

Если человек добавляет понравившийся веб-ресурс в «Избранное», то фавикон также остается перед ссылкой.

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

Как правильно размещать фавиконку

Если вы действовали по правилам, и ваш веб-ресурс проиндексирован «Яндексом», то через 2 недели после захода робота на сайт появится ваша иконка.

Как «Яндекс» работает с иконками

1. Яндекс.Бот Yandex/1.02.000, собирающий фавиконки, по расписанию посещает главную страницу каждого сайта в индексе, где HTML ищет путь к favicon.ico.
2. Если путь не прописан, бот идет в корень.
3. Иконка преобразовывается в png размером 16*16, затем загружается на сервер фавиконок.
4. Бот периодически проверяет иконку заново - частота его захода зависит от частоты обновления вашего веб-ресурса.

Иногда после создания favicon не отображается в «Яндексе». Давайте разбираться, почему так происходит.

Как проверить, что фавикон корректно отображается в «Яндексе»

Что делать, если «Яндекс» не видит favicon

Если такая запись есть, значит, робот проиндексировал файл.

• Если у вас подключен SSL сертификат, вы могли не указать главное зеркало в Яндекс.Вебмастере. Укажите зеркало в HTTPS.
• Если в течение 2-х недель после посещения роботом favicon не появился, возможно, «Яндекс» не смог ее распознать.

Варианты решения проблемы

• Конвертируйте фавиконку в другой формат (один из разрешенных).
• Проверьте ее размер.
• Используйте четкие уникальные картинки. Иконки плохого качества могут удаляться из выдачи.
• Обновите файл на сайте и дождитесь посещения робота.

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

Как определить, что сайт под фильтром

• Соответствующие уведомления в Яндекс.Вебмастере, фатальные ошибки, обнаруженные вирусы.
• Резко уменьшилось число проиндексированных страниц.
• Упала посещаемость.
• ТИЦ не определен. (Пройдите yandex.ru/yaca/cy/ch/ваш домен, если он от 0 или выше, то все в порядке).
• Онлайн-сервисы показывают проблемы с сайтом (Xtool, Pr-cy).

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

Проблема с Яндекс.Директ

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

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

Всем привет! Добро пожаловать на наш блог , а на связи, как всегда, мы – Андрей и Даша. Как ваши дела, уважаемые читатели? Как и обещали, в этой статье мы займёмся серьёзными делами, а именно продолжим усовершенствование блога и тема сегодняшней статьи – Почему не отображается 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 (фавикон) и как это проверить. Если появятся вопросы – обязательно задавай их в комментариях, постараемся помочь. Удачи! И до новых постов.

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

Сегодня пост вновь о фавиконе.

На сайте я уже рассказывал.

Но ко мне в комментариях обращаются с вопросами о том, что пропал фавикон в выдаче Яндекса, как восстановить фавикон, исчезла эмблема яндекса.

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

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

А бывает и так, что иконки исчезают в Яндексе по неизвестным причинам. Ответы поддержки поисковика просто отписки типа: «Запаситесь терпением и подождите, пока робот посетит и проиндексирует вашу иконку.»

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

1. Yandex - http://favicon.yandex.net/favicon/www.mysite.ru (меняем на свой домен).

2. Goole - http://www.google.com/s2/favicons?domain=www.mysite.ru

Не забудьте внести URL своего сайта.

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

А в Google фавикон отражается через тему, при ее настройке. Поэтому здесь мы видим картинку иконки.

Как восстановить пропавший фавикон?

1. Для браузера:

Проверить установку фавикона в шаблоне темы

Удалить кэш в браузере и на сайте

Обновить страницу браузера

1. Для поисковиков:

Скопируйте и вставьте в файл header.php перед тегом код

Не забудьте указать URL своего сайта вместо mysite. Сохраните изменения в файле. Но перед этим сделайте резервную копию файла.

Фавиконом могут быть картинки с расширениями png, jpg, gif, тогда расширение ico следует заменить на одно их трех.

Например, у меня фавиконом является изображение с расширение jpg, следовательно код выглядит так:

jpg » rel=»shortcut icon» type=»image/jpg» />

jpg » rel=»icon» type=»image/jpg» />

Проверив и поправив ошибки на своем блоге, через неделю мой фавикон вновь появился в Яндексе.

На этом у меня все.

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

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

Что делать, если пропала иконка сайта 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 валидатор .