Сегодня хочу "спалить" способ как можно посмотреть фавикон (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) Устанавливаем

Честно, я очень люблю фавикон. Я питаю к нему сколь глубокую, столь же и целомудренную платоническую любовь. Это не значит, что я рассказываю знакомым вебмастерам байки о том, как я сменил фавикон и трафик вырос на 10% (хотя постойте… может такое и было), но значит, что когда фавикон моего нового сайта появляется в индексе Яндекса, то сам сайт начинает казаться мне чуть более СДЛьным.

Что такое фавикон?

Фавикон (Favicon – сокращение от «favorite icon») — это изображение, которое отображается в адресной строке браузера перед адресом, во вкладке, соответствующей окну с открытой страницей сайта, а также при добавлении ресурса во вкладки с избранным. Эти изображения могут помочь пользователю лучше запомнить бренд или компанию, повысят узнаваемость сайта. Часто в качестве фавикона используют уменьшенное или немного переделанное в соответствии с форматом изображение логотипа компании или бренда.

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

Использование favicon приносит пользу со временем. Вот например зацените такие варианты:

• Когда пользователь открывает много вкладок в браузере, он может сразу определить, на какой из них находится сайт, даже если текст с названием уже не отображается;
• В выдаче Яндекса фавикон отображается слева от сайта или его страницы, что привлекает внимание посетителей и отличает его от других;
• Картинка хорошо запоминается и остается в памяти – в результате сайт становится более узнаваемым и привлекательным для пользователей.

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

Особенности работы Яндекса с фавиконками

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

Раньше апдейты фавиконок происходили раз в пару месяцев. Сейчас, в 2018, Яндекс индексирует их гораздо бодрее и на некоторых моих новых сайтах favicon появляется уже через несколько дней.

Чтобы проверить, отображает ли Яндекс favicon, можно найти свой портал в списке выдачи и посмотреть, видна ли иконка слева от него. Также можно вписать в адресную строку следующую конструкцию: для Яндекса - http://favicon.yandex.net/favicon/www.site.ru (где вместо www.site.ru нужно напечатать домен своего сайта). Правильно созданный Фавикон отобразится на черном фоне, и это значит, что Яндекс его видит.

Если фавикон не виден, это может быть связано со следующими причинами:

• Размер изображения не соответствует требуемому: 16х16 пикселей;
• Формат изображения не тот – должен быть ico, jpeg или png (первый вариант – более предпочтительный для Яндекса);
• Картинка размытая или не уникальная – иногда по этим причинам поисковик блокирует иконки;
• У Яндекса происходит обновление системы – тогда спустя какое-то время все должно исправиться само;
• Сайт находится далее сотой позиции в выдаче – в этом случае фавикон тоже может не отображаться.

Проверив картинку по этим критериям, нужно исправить недостатки. Если и после этого не отображается иконка, можно обратиться в поддержку Яндекса.

Чтобы фавикон отображался в Яндекс.Директе, он должен быть правильно оформлен и находиться в нужном месте на сайте. Тогда поисковой робот Яндекса проиндексирует его и начнет показывать в выдаче. Происходит это обычно через 2-4 недели после публикации сайта с изменениями. Уведомлять или просить Яндекс о публикации фавиконки не нужно, это произойдет автоматически по прошествии определенного времени после ее появления на портале.

Как создать фавикон

Если вы хотите создать из большого изображения в формате, например, png, ico-файл, то вам не помешало бы поставить Adobe Photoshop для начала. Затем устанавливается плагин ICO для Фотошопа (поищите в поисковике плагин для вашей версии ФШ). Когда он установлен, мы копируем нужный файл ICOFormat.8bi (для 32-бит) или ICOFormat64.8bi (для 64-бит) по одному из следующих путей:

C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-ins\File Formats
C:\Program Files (x86)\Adobe\Adobe Photoshop CS6\Plug-ins\File Formats

Если папки «Plug-ins» или «File Formats» нет, то ее необходимо создать. Теперь при диалоге сохранения можно выбрать ico формат. Размеры создаваемых значков могут быть кратны 8 (16×16, 24×24, 32×32 и так далее, но надежнее всего выбрать именно 16×16).

Затем изображение, которое должно стать фавиконом, открывается в Фотошопе. Жмется “Image – Image Size” и размер изображения меняется на 16х16 пикселей. Затем жмется “File – Save as” и выбирается формат ICO (название файла нужно сделать favicon.ico).

Сам я в последнее время перевожу изображения в ico формат без фотошопа. С помощью сервиса https://realfavicongenerator.net/ .

< link rel = ”shortcut icon ”href = ”/ favicon . ico ”type = ”image / x - icon ”/ > < link rel = ”icon ”href = ”/ favicon . ico ”type = ”image / x - icon ”/ >

Через некоторое время фавикон появится на сайте.

Некоторые умники делают фавикон в виде стрелки, треугольника, добавляют красные элементы, чтобы «юзер кликал». Так, конечно, можно делать, но за такое сайт могут искусственно занизить.

Яндекс пугает фавиконных очкошников

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

Сервисы

Для создания иконок также существуют специальные программы и ресурсы, среди которых популярностью пользуются:

• favicon.cc – простейший редактор позволит создать несложное изображение, принцип работы немного напоминает Paint. Также выбираются цвета, и выполняется рисунок нажатием на пиксельные квадраты, которые нужно закрасить. Есть инструмент для исправления. Созданную картинку здесь же можно сохранить на компьютер в качестве готового изображения favicon. В процессе работы внизу экрана можно наблюдать предварительный результат в том виде, в каком он будет отображаться в браузере. Ресурс также предлагает большой выбор готовых иконок;
• favicon.ru – здесь лучше создавать фавиконы из уже готовых изображений. Картинка загружается с компьютера, обрабатывается системой и преобразуется в файл favicon.ico, который затем можно скачать;
• iconj и audit4web – базы, в которых можно найти готовые фавиконы.

Есть и такой сервис:

Можно обратиться за разработкой изображения и к дизайнеру, но это обойдется существенно дороже.

Еще такой момент — изображение для иконки не может быть анимированным, оно всегда неподвижно, даже если в основе была использована картинка с любыми не статичными эффектами.

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

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

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 (фавикон) и как это проверить. Если появятся вопросы – обязательно задавай их в комментариях, постараемся помочь. Удачи! И до новых постов.

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

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

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

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

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

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

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

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

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

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

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 прямо перед закрывающим тегом (см.картинку ниже) и обновите.Только не забудьте вместо ваш сайт-написать свой домен.

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