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

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

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

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

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

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

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

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 причин, почему не отображается фавикон в поиске Яндекса. Если и эти рекомендации не помогут, то надо написать о своей проблеме Платону в службу поддержки.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.