Здравствуйте, друзья! Когда-то я написал целых три статьи о фавиконах. Казалось бы, ну что там воду лить и так все всем давно известно. Но, как оказалось, вот эта маленькая иконка многим создает проблемы. Не удивительно, что вопросы возникают у тех, кто делает самые первые шаги в сайтостроении. Но, иногда, сложности бывают и у более опытных товарищей. У кого-то 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).
- После открывающего тега (а где он смотри на рисунке ниже) прописываем или вставляем вот эту строчку и обновляем файл:
Где 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 хотел бы предупредить, что сайт сначала должен проиндексировать специальным поисковым роботом , прежде чем иконка будет отображаться рядом с сайтом по запросу в поиске. Поэтому иногда следует просто подождать . По времени это от недели до двух месяцев (для молодых сайтов - младше года). Если всё сделано правильно, то просто запасаемся терпением!Как поступает Гугл не скажу, но заметил, что он показывает иконки не на всех сайтах.
Вы все сделали правильно, но фавикон не хочет отображаться?
Пожалуйста, проверьте, правильно ли создан сам файл и верно ли прописаны пути к нему в теге 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
(сокр. от англ. 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) Устанавливаем
Что делать, если пропала иконка сайта 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 валидатор .
2014-01-20
Привет всем читателям блога! Сегодня, я хочу вам рассказать, почему не отображается фавикон в поиске Яндекса или браузере.
На самом деле совсем недавно у меня так же возник этот вопрос, когда я установила favicon на сайт. Разумеется, в адресной строке браузера он у меня появился, а вот в поисковой выдаче Яндекса нет. Не для кого не секрет что фавикон (favicon.ico) обязательно нужно установить, чтобы повысить узнаваемость вашего ресурса и отразить его фирменный стиль. Но что же делать если он не высвечивается в поиске?
Теперь рассмотрим все причины, почему не отображается фавикон после его установки. Для начала давайте на всякий случай ещё раз посмотрим, видят ли favicon поисковики Яндекс и Google.
Проверяем фавикон в поисковых системах Яндекс и 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 так же вписываем имя проверяемого сайта).
В обоих случаях мы увидели, отображается фавикон в поиске Яндекса и Гугла или нет.
Если не отображается фавикон в браузере после установки нужно:
— перезапустить браузер
— почистить кэш
— проверить правильность
1). В поисковой выдачи Яндекса favicon появится только после того, как сайт посетит робот и проиндексирует вашу иконку. Поэтому запаситесь терпением и подождите.
2). Скопируйте вот этот код и вставьте его
в админке в файл header.php прямо перед закрывающим тегом (см.картинку ниже) и обновите.Только не забудьте вместо ваш сайт-написать свой домен.
Больше ничего не потребуется, просто подождите когда специальный робот посетит ваш блог и проиндексирует изменения. У всех это время разное, зависит от того, как индексируется ваш ресурс, молодой ли он и прочее. У кого-то робот приходит каждый день, а у кого-то только через две недели.
