Иконка браузера яндекс ico: «Как установить favicon.ico в корневой части сайта?» — Яндекс Кью

Яндекс иконка ico

Область использования фавикона не ограничивается браузерами и поисковыми системами не только Яндекс. Программы, работающие с форматом ico : GIMP. Онлайн сервисы: XIconEditor. Com создание и конвертация , FindIcons. Com поиск и конвертация. Для установки готового имеющего соответствующие имя и формат фавикона на сайт, нужно просто загрузить его в корень проекта, а затем несколько раз обновить страницу в браузере.

Поиск данных по Вашему запросу:

Базы онлайн-проектов:

Данные с выставок и семинаров:

Данные из реестров:

Дождитесь окончания поиска во всех базах.
По завершению появится ссылка для доступа к найденным материалам.

Содержание:

• Подробное руководство по фавикону для сайта
• Favicon. ico — с чем их едят? Что они дают для поисковой раскрутки сайта?
• favicon.ico вымерли как мамонты?
• Почему не отображается иконка сайта favicon?
• Фавикон сайта
• Иконки почта
• Please turn JavaScript on and reload the page.

ПОСМОТРИТЕ ВИДЕО ПО ТЕМЕ: Где скачать иконки? Значки Windows, Ютуб, ВК, Инстаграм. Более 3 млн иконок на любую тему

Подробное руководство по фавикону для сайта

Работает на 1С-Битрикс: Управление сайтом. Политика конфиденциальности. Разработчикам Авторизация. Забыли свой пароль? Войти как пользователь. Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:. Мой Мир. Используйте вашу учетную запись на Битрикс24 для входа на сайт. Используйте вашу учетную запись Google для входа на сайт. Используйте вашу учетную запись VKontakte для входа на сайт. Используйте вашу учетную запись Мой Мир Mail. Используйте вашу учетную запись на Twitter.

Используйте вашу учетную запись на Facebook. Документация Что нового? Как отобразить favicon. Страницы: 1. Сергей Куликов.

Сообщений: Баллов: 19 Авторитет: 1 Рейтинг пользователя: 1 Регистрация: Размещал в корне продукта, в корнях шаблонов, дописывал коды в заголовок.

Но почему-то никак favicon. Кто знает как на Битриксе это дело реализовать. Напишите плиз, поподробней. Дмитрий Яковенко. Сообщений: Баллов: Авторитет: 1 Рейтинг пользователя: 35 Регистрация: Игорь Лопатин.

Сообщений: 79 Баллов: 9 Авторитет: 1 Рейтинг пользователя: 1 Регистрация: Просто поменял стандартный favicon. Может, закешировался? Хотя нет, сам родной favicon.

Но в моем случае просто замена сработала. Изменено: Игорь Лопатин — Сообщений: Баллов: 31 Авторитет: 1 Рейтинг пользователя: 1 Регистрация: Андрей Погорелый. Сообщений: Баллов: Авторитет: 1 Рейтинг пользователя: 10 Регистрация: Артур Глазов. Сообщений: Баллов: 86 Авторитет: 1 Рейтинг пользователя: 3 Регистрация: Не нужно никуда ничего кидать в корневую.

Тот что лежит в корневой это php файл, а настоящий favicon лежит в images. Просто замените его на свой и все. Николай Санников. Сообщений: Баллов: Авторитет: 0 Рейтинг пользователя: 15 Регистрация: Цитата Артур Глазов пишет: Не нужно никуда ничего кидать в корневую.

Сообщений: 10 Авторитет: 1 Рейтинг пользователя: 0 Регистрация: Александр Беляев. Сообщений: 8 Авторитет: 1 Рейтинг пользователя: 0 Регистрация: Вот как то экспериментировать с кучей советов из интернета не хочется. Ситуация такая — два сайта, на втором пытаюсь установить фавикон.

Простым размещением его в корень или в папку Images результата достичь не удается. Попытка прописать по одному из «советов» в файл header. Хорошо, что нашелся человек, который смог вернуть все на место. Денис Сон. Сообщений: Баллов: Авторитет: 41 Рейтинг пользователя: 1 Регистрация: При чем тут Битрикс? Битрикс тут совсем не при чем. Положите фавиконку в корень сайта — многие браузеры уже должны ее увидеть.

Цитата Денис Сон написал: При чем тут Битрикс? Олег Борисенко. Сообщений: 32 Баллов: 1 Авторитет: 1 Рейтинг пользователя: 0 Регистрация: Цитата Олег Борисенко написал: а у меня что то не заработало перепробовал уже кучу способов, но эффекта нет Может еще какой то хитрый способ есть?

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

Возможно, в этом проблема. Я перепробовал разные коды, в том числе что Вы написали.

Результат один и тот же Сейчас я сделал вывод png иконки, во всех браузерах показывает. Что интересно, у яндекса иконка 16х Если делаю такую же, то в сервисах выше иконка показывается, но очень маленькая. Если 16х16 то гугл ничего не показывает, а яндекс видит ее как 1х1 пикс Чертовщина какая то Остается только ждать. Изменено: Олег Борисенко — Главное чтобы показывалось во всех браузерах. Сообщений: 48 Баллов: 2 Авторитет: 16 Рейтинг пользователя: 1 Регистрация: Зайдите, например, на главную.

На панели управления над сайтом нажмите кнопку «Шаблон сайта» — «В панели управления» — «Редактировать шаблон». Только форум битрикс добавляет в некоторых местах пробелы — не забудьте их убрать. Больше ничего не потребуется. Спасибо огромное.

Сообщений: 1 Авторитет: 0 Рейтинг пользователя: 0 Регистрация: Не только в браузере фавикон показывается. Есть ведь еще мобильные устройства, избранное, ярлыки И иконки для них бывают разных размеров Безопасность Проактивная защита Веб-антивирус Аутентификация.

Авторизация Запомнить меня. Студия веб-интеграции. Профессиональная и дорогая вёрстка. Network — Облачный анализ сайта на seo ошибки, html, js, css валидацию. Остается только ждать Изменено: Олег Борисенко — Срочные доработки и исправления ошибок на сайтах. До конца года работаю также по выходным. Подробнее: www.

Favicon.ico — с чем их едят? Что они дают для поисковой раскрутки сайта?

Тема в разделе » OpenCart «, создана пользователем Shilo , 2 ноя Форум для веб-мастеров wMasteru. Вставка favicon. Регистрация: 3 окт Сообщения: 13 Симпатии: 0.

Создается в специальном формате ico. Носит название safe-crypto.me Яндекс отображает иконки в результатах поисковой выдачи и шанс.

favicon.ico вымерли как мамонты?

Сервис для эксперта: Выступления, интервью, формирование сообщества! Тени, переходы цветов должны быть минимизированы. Подумайте, как простой графический символ, буква, цифра, знак может достойно отразить содержание вашего сайта? Она всегда должна называться favicon. Появилась возможность отредактировать закаченное изображение перед преобразованием, например, удалив фоновый цвет, чтобы сделать прозрачную иконку. Изображения в формате ico — это ещё и разные «состояния» указателя мыши. У Артемия Лебедева можно купить себе, например, такой магнит. Актуальный список площадок для размещения контента. Ответ на вопрос: где публиковать контент? Нужно решить, кто инициализирует появление новинок на сайте и какую информацию о новинке он должен предоставить.

Почему не отображается иконка сайта favicon?

Формат для загрузки —. Размеры картинки — 16х16 пикселей. Размеры картинки — любые логотип адаптируется под размеры блока, в котором размещается. Логин: Пароль: Запомнить меня Регистрация Забыли свой пароль? Войти как пользователь:.

Пожалуйста отключите AdBlock! С AdBlock сайт работает некорректно.

Фавикон сайта

Как создать файл favicon. Странно, за что только не возьмёшься в области Веб, почти всегда создаётся впечатление, что вступаешь на terra incognita. В этой статье я попытался ответить на вопросы, возникшие при создании иконки и ярлыков, размещении их на сайте и проверке отображения этих элементов Веб-дизайна в разных браузерах. Надеюсь, что эта статья сэкономит кому-нибудь один день жизни. Статья взята с сайта www. Какого размера должны быть изображения, которые входят в состав файла favicon.

Иконки почта

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

По умолчанию safe-crypto.me и yandex. Установил на сайт иконку уже недели три назад. В браузерах все в норме, но в Яндексе в выдаче.

Please turn JavaScript on and reload the page.

Иконка сайта — это специальный значок сайта, который отображается в браузерах пользователей интернета. Данный инструмент получил название favicon. Иконка веб сайта в браузере отображается в адресной строке, непосредственно перед url-адресом страницы. Так же иконку веб сайта в браузере можно увидеть во вкладках и рядом с закладками.

Что такое фавикон. Зачем нужен фавикон. Фавикон из картинки: какую выбрать. Как создать favicon для сайта. Как установить фавикон на сайт.

Перейти к содержимому. У вас отключен Javascript, поэтому некоторые функции форума не будут работать.

Большинство сайтов имеют свои особенные логотипы и в большинстве случаев они используются, как favicons иконки. Иметь свою favicon на сайте гораздо лучше, чем стандартную иконку пустого документа в браузере, к тому же, ваш сайт будет выглядеть гораздо профессиональней. В этом руководстве вы узнаете несколько способов, как добавить favicon на ваш сайт. Вы однозначно неоднократно видите фавиконы сайтов, просто, возможно, не знали, что это фавиконы:. Такие индивидуальные иконки широко распространены среди Интернет-ресурсов и помогают идентифицировать сайт, быстро и легко запомнить графический символ и, как результат, находить страницу в результатах выдачи. А чем легче пользователю вас найти, тем больше трафика вы привлечете. В этом материале мы подробно разберем, как создать favicon и как добавить его на свой сайт.

By mosquito, January 16, in Проблемы и решения. При всем этом, у Яндекса в Вебмастере есть в разделе «Инструменты», предварительный анализ файла Sitemap, при проверке по URL, анализ завершается успешно. Мистика какая-то. Если вводить второй вариант без https.

Не показывает фавикон. Если «Яндекс» не видит фавикон — способы решения проблемы

Что делать, если пропала иконка сайта favicon в поисковых системах (Yandex и Google)? Именно об этом сегодня и будет наша сегодняшняя публикация.

Иконка сайта 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 еще не успел перепроверить мой сайт на наличие обновлений. А значит, с фавиконом действительно есть какие-то проблемы.

Контрольный способ, который в совокупности с двумя предыдущими даст контрольный ответ на вопрос: «Есть ли проблема в действительности? «.

В данный момент я исправил все проблемы и фавикон снова появился в поисковике Яндекса.

Первым делом, лезем в исходный код сайта в раздел 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 валидатор .

У Вас не отображается иконка сайта 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

на свой домен.
(если у Вас отображается иконка Земного шара, то не переживайте, так тоже бывает с нормально сделанными сайтами) Здравствуйте коллеги!

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

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

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

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

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

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

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

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, следовательно код выглядит так:

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

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

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

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

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

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

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

Если вы действовали по правилам, и ваш веб-ресурс проиндексирован «Яндексом», то через 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 и sitemap

Переход на HTTPS протокол, «вызывает» у обновленного инструмента Яндекс.Вебмастер, крайний «интерес». Яндекс заваливает меня письмами, что он чего то не видит, чего то не нашел. Первыми письмами были сообщения, что Яндекс вебмастер не видит favicon и sitemap сайта https.

Переход на безопасный протокол, сродни переезду на новый домен. Без редиректа сайта http на сайт https, у вас, по факту, два одинаковых сайта в двух разных каталогах: и (названия могут быть другие). Есть два мнения по оптимизации сайта на https:

1. Первое, нужно сразу сделать переадресацию сайта http на сайт https и выполнив работу в инструментах веб-мастеров, ждать индексации. Этот способ убьет тИЦ сайта до следующего апдейта и значительно снизит трафик. 2. Второе мнение, что не нужно сразу делать переадресацию сайта http на сайт https, а подождать полной индексации нового сайта https и после перенаправить http на https.

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

Напомню, что вы должны были сделать в Яндекс.Вебмастер, после перевода (SSL).

• Добавить сайт https:// в Яндекс.Вебмастер, как новый сайт.
• Если вы сразу сделали редирект сайта http на сайт https, то после добавления сертифицированного сайта для подтверждения прав на сайт достаточно выбрать свой способ проверки сайта и нажать проверку.
• Если вы пошли другим путем, и в целях сохранить трафик сайта, не стали сразу делать редирект и оставили в сети два сайта https и http, вам нужно подтвердить права на «новый» сайт https по всем правилам системы. Напомню, что безопасный сайт https лежит в каталоге .
• После добавления нового сайта https в Яндекс.Вебмастер вам нужно сделать все настройки Яндекс.Вебмастер, который вы делали для сайта http: добавить карту сайта, проверить robots.txt, и т.д. и т.п.

Если вы предварительно всё это сделали, то велика вероятность, что письма, что Яндекс веб мастер не видит favicon и sitemap сайта https, придут с опозданием. Поэтому без ожидания писем, делаем проверки:

Проверка Sitemap

Если вы не делали переадресацию http на https, карту сайта нужно предварительно сделать и залить в корень сайта https.

Откройте в браузере, Sitemap «нового» сайта: https://вашдомен.ru/sitemap.xml.

Проверка Favicon сайта

Напомню, favicon (фавикон) сайта это картинка, которую браузер показывает в адресной строке рядом с вашим сайтом.

Чтобы проверить Favicon сайта для Яндекс, сделайте запрос: //favicon.yandex.net/favicon/exemple.edu , где exemple.edu замените на свой домен.

Если по этому запросу вы видите свой фавикон, Яндекс спешит с отсылкой писем и просто нужно подождать, пока Яндекс фавикон проиндексирует. Можно ускорить индексацию фавикона и на вкладке Индексирование>>>Переобход страниц добавить url своей иконки.

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

• Если ли вообще файл favicon в корне сайта;
• Нет ли ошибок в названии: и расширении;
• Возможно, нужно заменить иконку в рабочем шаблоне сайта или просто его добавить;
• Очистите кеш своего браузера.

Что такое фавикон, зачем он нужен и как его создать

11 мин — время чтения

Янв 17, 2020

Поделиться

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

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

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

Как вы уже догадались, фавикон не так прост, как кажется с первого взгляда. Это не просто маленькое изображение, которое «украшает» ваш сайт, а важная часть его идентификации, брендинга и юзабилити.

Что такое фавикон и где он используется

Фавикон (favicon) — это в дословном переводе с англ. «значок для избранного» (FAVoritesICON). Именно так называются закладки в браузере Internet Explorer, где впервые стали использоваться визуальные иконки для быстрого поиска нужного сайта. 

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

Где же можно увидеть фавикон?

1. На открытых вкладках перед названием сайта. Если вы не загрузили фавикон, у вашего сайта будет стандартный значок в виде черно-белой планеты.

2. В истории просмотров браузера.

3. На панели закладок.

4. В избранном, куда вы сохраняете все интересные страницы.

5. В мобильной и десктопной выдаче Google. Фавиконы на мобильных экранах появились еще весной 2019 года, а вот в десктопной выдаче — буквально в первые недели 2020 года.  

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

Как же создать собственный фавикон для сайта? Можно ли просто уменьшить существующее лого бренда и загрузить его на сайт? Какого размера фавикон лучше использовать? Давайте разбираться.

Краткая техинструкция по фавиконам

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

Формат фавикона

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

Раньше Internet Explorer поддерживал только этот формат, сегодня же практически все известные браузеры распознают иконки в PNG, некоторые — в GIF, JPEG, SVG. Исключение — Internet Explorer 10 и более ранние версии браузера, которые принимают только ICO-файлы.

Сегодня ICO считается уже немного устаревшим форматом, чаще всего предпочтение отдают PNG. Почему именно этот формат? Ответ простой — чтобы при любых обстоятельствах (браузерах и девайсах) сохранять высокое качество фавикона. PNG поддерживается и корректно отображается практически всеми современными браузерами. 

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

Узнать, какие именно форматы фавиконов поддерживают разные браузеры, можно с помощью онлайн-сервиса Can I Use. Например, вы сможете увидеть, какие браузеры поддерживают или не поддерживают фавиконки в формате PNG и SVG.

Размер фавикона

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

Другие размеры, которые обычно используются для фавикона в зависимости от типа и операционки устройства: 

Не так давно некоторые веб-мастера получили от Google письмо с рекомендацией увеличить разрешение фавикона до 192×192. 

В письме речь шла о том, что более качественные фавиконы могут принести в 2 раза больше кликов по новым вкладкам в Chrome и на главной странице Android. Согласитесь,  на расплывчатый фавикон вряд ли захотят кликать — значит, низкое разрешение иконки не вариант для хорошего пользовательского опыта.

Несколько общих правил, которых стоит придерживаться:

• Использовать квадратный значок сайта.
• Не использовать фавикон чужой компании или неприемлемого характера (например, свастика) — иначе поисковик будет отображать картинку по умолчанию – бесцветную планетку.
• Фавикон должен быть доступным для сканирования поисковыми роботами.

Пять лет назад с релизом HTML5 появился атрибут sizes, который значительно облегчает работу с фавиконами. Этот атрибут нужно указывать в формате ширина х высота без единиц измерения (если их несколько, используйте пробел). Например:

<link rel="icon">
<link rel="icon">

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

Как сделать фавикон онлайн

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

Как этого избежать?

Способов создать фавикон для сайта несколько:

1. Сделать его в графическом редакторе, например, в Photoshop с помощью специального плагина Favicon.ico. 

2. Нарисовать фавикон в специальных онлайн-сервисах (например, Katvin или favicon.cc) и потом скачать его оттуда в уже подходящем формате.

3. Воспользоваться имеющимся у вас изображением (например, вашим логотипом) и загрузить его в онлайн-генератор фавиконов — например, Favicon.by, Realfavicongenerator.net и др.

4. Скачать готовые фавиконы для сайта из специальных банков иконок — например, галерея Findicons. Данная сборка насчитывает более 500 тысяч иконок. 

Когда вы скачаете сгенерированный фавикон, остается только добавить его на ваш сайт. 

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

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

После этого нужно просто вставить следующий код в мета-тег <head></head>:

<head>
  ...
  <link rel="icon" href="https://yoursite.ru/favicon.png" type="image/x-icon">
  <link rel="shortcut icon" href="https://yoursite.ru/favicon.png" type="image/x-icon">
  ...
</head>

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

Дизайн фавикона — когда проще не значит хуже

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

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

Если вы хотите использовать двигающийся фавикон в формате gif, будет ли он отличать вас от других иконок? Или же он будет просто отвлекать и даже раздражать пользователей, создавая эффект не до конца подгруженного сайта (что более вероятно).

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

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

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

Теперь, когда вы знаете, как создать красивый фавикон и добавить его на сайт, а будет ли он отображаться в поисковиках? Давайте проверим!

Как проверить фавикон и исправить основные ошибки

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

• https://www.google.com/s2/favicons?domain=mysite.ru

Есть еще один вариант для проверки фавикона на разных устройствах — с помощью специальных сервисов, например, Realfavicongenerator. 

Если ваш фавикон не отображается в Google, начните с проверки таких моментов:

1. Графическое изображение в формате ico, png или gif находится в корне ресурса?
2. Код, ведущий к изображению, на страницах ресурса прописан правильно?
3. Иконка не размытая и уникальная?
4. Доступен ли файл с фавиконом для сканирования поисковых роботов?

Обратите внимание, что от пути к изображению напрямую зависит его отображение. Если хотите удалить или изменить фавикон, необходимо просто удалить или изменить файл favicon.ico (jpeg, gif, png).

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

Почему фавикон нужен каждому сайту

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

Наш инструмент «Аудит сайта», который проводит полный техосмотр вашего ресурса, в том числе проверяет и наличие фавикона. Вы можете проанализировать свой сайт, просто зарегистрировав аккаунт в SE Ranking.

Если фавикон есть, а аудит его не видит — значит, проблема с индексацией или адресом иконки. Проверьте все еще раз. 

Наши англоязычные коллеги говорят: «Дьявол — в мелочах». И фавикон — та самая маленькая деталь, которая может влиять на восприятие вашего сайта и бренда, на их узнаваемость и даже количество переходов из поиска.  

Хороший фавикон — неотъемлемая часть бренда и технический стандарт каждого сайта, и точно стоит потраченного на него времени.   

2433 views

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

1. Шаг 1. Разместите фавикон на сайте
2. Шаг 2. Проверьте, доступен ли значок роботу Яндекса
3. Шаг 3. Проверьте, как отображается фавикон в результатах поиска

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

1. Поместите файл с именем favicon в корневой каталог сайта. Обратите внимание на рекомендации.

2. Добавить ссылку на файл в HTML-код главной страницы сайта, в элементе head.

    <голова>
       ...
       
       ...
    

   Атрибут	Описание	Возможные значения
   REL	. ярлык используется Internet Explorer.
   href	URL-адрес файла	Чтобы ввести кириллический URL-адрес фавикона, используйте Punycode. Например, для адреса https://мой-сайт.рф/favicon.ico укажите https://xn—-8sbzclmxk.xn--p1ai/favicon.ico.
   тип	Тип данных для отправки. Зависит от формата файла	image/svg+xml для формата SVG. image/x-icon или image/vnd.microsoft.icon для формата ICO. изображение/gif для формата GIF. изображение/jpeg для формата JPEG. изображение/png для формата PNG. изображение/bmp для формата BMP.

   Если в HTML-коде несколько раз повторяется ссылка на фавикон, робот выбирает одну из иконок.

3. Проверить, отображается ли фавикон в адресной строке браузера при просмотре страниц сайта.

1. Убедитесь, что:

   • Файл доступен по прямой ссылке (ответ сервера 200 OK). Используйте инструмент проверки ответа сервера.

   • Файл не запрещен к индексации (например, директивой Disallow в файле robots.txt). Проверить запреты индексации для самого файла и для каталога, в котором он находится.

2. При необходимости внести изменения.

3. Проверить, загрузил ли робот файл. Это может произойти, когда робот посещает ваш сайт. Через несколько дней после добавления фавикона на сайт перейдите в Диагностика → Диагностика сайта в Яндекс.Вебмастере. Если вы видите предупреждение о проблемах Favicon в разделе «Возможные проблемы», следуйте инструкциям:

   Ошибка	Решение
   .	Проверьте ответ сервера. Ответ должен быть 200 OK. Другие статусы ответов см. в разделе Проверка ответа сервера.
   Файл перенаправляется на другой URL-адрес
   Неверный тип данных	Проверьте значение параметра type в URL-адресе файла. Он должен соответствовать формату файла.

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

Если фавикон скачал робот, он появится в результатах поиска в течение двух недель. Как отображать фавиконки в сервисах Яндекса?

Расскажите, о чем ваш вопрос, чтобы мы могли направить вас к нужному специалисту:

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

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

Прошло больше двух недель, а фавикон так и не появился

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

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

Прошло более двух недель, а фавикон так и не появился

Это может произойти, если:

• Разные фавиконки сайтов размещены по разным URL. Если к сайту можно получить доступ по URL-адресам с префиксом «www» или без него, а также по протоколам HTTPS и HTTP, убедитесь, что значок значка везде одинаков или что он является правильным для индексации для каждого из сайтов.

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

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

Рекомендации не помогли и прошло более двух недель

Не показывает фавикон. Если яндекс не видит фавикон

Что делать если пропал фавикон в поисковых системах (яндекс и гугл)? Именно об этом сегодня и будет наша сегодняшняя публикация.

Значок фавиконки сайта — миниатюрное изображение логотипа сайта в поисковых системах ( 16 на 16 пикселей ) слева от результатов поиска. Также это изображение видно при переходе на ресурс в строке браузера.

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

Сегодня поисковые системы поддерживают несколько форматов фавикона: ico , png , jpeg и даже gif .

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

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

Не пренебрегайте такой мелочью, которую можно сделать буквально в несколько кликов.

Фавикон может исчезнуть по нескольким причинам:

• Из-за исчезновения файла из корневой папки сайта favicon.ico .
• Повреждение или модификация файла (перестал открываться).
• Установка плагинов для кеширования (например: WP Super Cache ).
• Обновление темы на WordPress (если «» не создавалось).
• Изменения в исходный код сайта .
• Запрет индексации медиафайлов в
• Ошибки в исходном коде Голова >

Это примерно тот же набор вероятных причин, которые могут привести к исчезновению фавикона сайта.

У меня проблема началась после установки плагина WP Super Cache … Он сделал кеширование страниц моего сайта и после этого пропало изображение логотипа.

Я этого сразу не заметил и долго пытался понять: « В чем проблема? «.

Проверка наличия фавикона из поисковых систем

Наличие файла favicon.ico ваш ресурс с помощью поисковых систем можно проверить двумя способами:

Проверка наличия изображения на сервере Яндекс : http:// favicon.yandex.net/favicon/www. ваш-домен .ru

Это нужно скопировать и вставить в строку поиска браузера, предварительно поставив адрес вашего сайта в конце .

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

Проверить наличие изображения через Google : https://www.google.com/s2/favicons?domain=www. ваш сайт .ru

В моем случае яндекс показал пусто, а гугл показал фавикон. Это означает, что GoogleBot еще не успел перепроверить мой сайт на наличие обновлений. Так что с фавиконом действительно есть некоторые проблемы.

Метод контроля, который вместе с двумя предыдущими даст контрольный ответ на вопрос: « Действительно ли проблема? «.

На данный момент устранил все проблемы и фавикон снова появился в поисковике яндекс.

Первым делом лезем в исходный код сайта в раздел Head > и ищем соответствующую строчку кода:

Это строки кода, которые должны указывать на наличие изображения для поисковых систем. Они должны быть расположены в разделе header>.

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

ваш сайт.ру/favicon.ico» type=»image/x-icon»/>
ваш сайт.ру/favicon.ico» type=»image/x-icon»/>

Для владельцев сайтов на WordPress нужно зайти в раздел: « Внешний вид -> Редактор -> Заголовок (header.php) » и найти конец блока с этим символом — /head >. Этот код должен быть установлен прямо над ним.

Так как у меня регистратор от рег.ру , захожу в корневую папку через Панель управления хостингом … В зависимости от вашего регистратора, ваша панель управления может отличаться от показанной.

Если файл не существует, его необходимо создать и » Загрузить » в указанный каталог. А также, соответствующие ссылки в каталоге должны присутствовать в исходниках Head>.

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

Выберите из списка нужный файл и нажмите » Скачать ». После скачивания его нужно открыть, тем самым проверив его актуальность и работоспособность.

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

Кстати этот файл после начала проблем выглядел так:

Все прошло хорошо после замены файла в корневой директории сайта на нужный (рабочий).

Влияние плагинов кеширования

И тут уже пришлось подумать, так как проблема появилась после установки плагина WP Super Cache … Прочитав несколько статей появилась рекомендация « Очистить кэш » через плагин.И в большинстве случаев помогает.Но мне этот способ не помог.

Зашел в корневую директорию и удалил сам плагин, а также все созданные им файлы кеша .

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

Ошибка в исходном коде блока

Еще одна проблема, при которой может не отображаться файл фавикона для сайта, это ошибка в строках исходника, когда в блоке >, при указании пути ( каталоги ), где находится файл favicon.

На фото выше видно, что между значениями пропущен пробел, что также вызывает эту проблему.

Валидатор W3C может помочь вам найти критические ошибки на вашем сайте.

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

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

Давайте вспомним, как установить значок фавикон на сайт

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

Куда подключить иконку фавикон сайта?

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

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

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

ждать

… По времени это

от недели до двух месяцев

(для молодых сайтов — до года). Если все сделано правильно, то просто наберитесь терпения!
Не скажу, что делает гугл, но я заметил, что он не на всех сайтах показывает значки.

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

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

Я обновил сообщение фавиконкой (значком сайта), но все равно ничего не вижу. Почему?

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

очистить кеш

в браузере.

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

Для того, чтобы узнать видят ли поисковые системы иконку какого-либо сайта, даже не обязательно открывать сам сайт. Для этого достаточно ввести в браузер следующий адрес:
1) Как видит Яндекс — http://favicon.yandex.net/favicon/www.yandex.ru
В записи меняем

www.yandex.ru

на свой домен.
2) Как видит гугл — http://www.google.com/s2/favicons?domain=www.google.com
В записи меняем

www.google. com

на свой домен.
(если у вас иконка глобуса, то не переживайте, такое бывает и с нормально сделанными сайтами) Здравствуйте коллеги!

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

Я уже говорил на сайте.

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

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

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

А еще бывает, что иконки пропадают в Яндексе по непонятным причинам. Ответы службы поддержки поисковых систем — это просто отписки типа: «Наберитесь терпения и подождите, пока робот посетит и проиндексирует вашу иконку».

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

1. Яндекс — http://favicon.yandex.net/favicon/www.mysite.ru (измените на свой домен).

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

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

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

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

Как восстановить отсутствующий значок?

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

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

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

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

1. Для поисковых систем:

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

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

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

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

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

Это все для меня.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

всего

Яндекс.Вебмастер не видит фавиконку и карту сайта

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

Переход на защищенный протокол аналогичен переходу на новый домен. Без редиректа сайта http на сайт https у вас, по сути, два одинаковых сайта в двух разных каталогах: и (названия могут быть разными). Есть два мнения, как оптимизировать сайт на https:

1. Во-первых, нужно сразу перенаправить сайт http на сайт https и, завершив работу в инструментах вебмастера, дождаться индексации. Этот метод убьет тИЦ сайта до следующего обновления и значительно снизит посещаемость. 2. Второе мнение, что нужно не сразу перенаправлять http сайт на https сайт, а дождаться полной индексации нового https сайта и потом перенаправить http на https.

Справедливости ради нужно отметить, что первый вариант перехода рекомендуется инструментами веб-мастеров как Яндекса, так и Google.

Напомню, что нужно было сделать в Яндекс.Вебмастере после переноса (SSL).

• Добавить сайт https:// в Яндекс.Вебмастер как новый сайт.
• Если вы сразу сделали редирект с http сайта на https сайт, то после добавления сертифицированного сайта для проверки прав на сайт вам достаточно выбрать свой способ проверки сайта и нажать проверить.
• Если вы пошли другим путем, и в целях экономии трафика сайта, не сделали сразу редирект и оставили в сети два сайта https и http, вам необходимо подтвердить права на «новый» сайт https в соответствии с все правила системы. Напомню, что защищенный https сайт находится в каталоге.
• После добавления нового https-сайта в Яндекс.Вебмастер необходимо сделать все настройки Яндекс.Вебмастера, которые вы делали для http-сайта: добавить карту сайта, проверить robots.txt и т.д. и т.п.

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

Проверка карты сайта

Если вы не делали редирект с http на https, необходимо предварительно создать карту сайта и загрузить ее в корень https сайта.

Откройте в браузере Sitemap «нового» сайта: https://yourdomain.ru/sitemap.xml.

Проверка фавикона сайта

Напомню, что фавикон сайта — это картинка, которую браузер показывает в адресной строке рядом с вашим сайтом.

Чтобы проверить фавикон сайта на Яндексе, сделайте запрос: //favicon.yandex.net/favicon/exemple.edu, где example.edu замените на свой домен.

Если по этому запросу вы видите свой фавикон, Яндекс спешит отправить письма и вам нужно просто дождаться пока Яндекс проиндексирует фавикон. Вы можете ускорить индексацию фавикона и добавить url своего значка на вкладке Индексирование >>> Откат страницы.

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

• Есть ли файл фавикон в корне сайта вообще;
• Нет ли ошибок в имени: и расширении;
• Возможно нужно заменить иконку в рабочем шаблоне сайта или просто добавить ее;
• Очистите кэш браузера.

ios — Каким способом лучше добавить иконку сайта в браузер?

Задавать вопрос

Спросил 7 лет, 6 месяцев назад

Изменено 7 лет, 6 месяцев назад

Просмотрено 678 раз

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

Например:

Первый способ:

Способ второй:

Способ третий:

 
   png">
  
  
 

Я понял, что третий способ заключается в добавлении значка на главный экран устройств Apple. Файл ico — это формат файла, в котором хранятся значки разного размера.

Итак, если я использую третий метод (способ Apple), будет ли он иметь тот же эффект, что и два других? Каковы отношения между этими тремя методами? Если сложить их вместе, что получится? Как они влияют друг на друга?

• ios
• иконки
• фавикон

1

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

• Устаревшие настольные браузеры (например, старые версии IE): favicon.ico , объявленный с
• Современные настольные браузеры (например, последний Chrome): значок PNG 16×16, объявленный с png"> . Тем не менее, современные браузеры могут работать с устаревшими favicon.ico , так что это не является строгим требованием.
• Safari с Mac OS Yosemite: значок Apple Touch, объявленный с помощью
• iPhone и iPad: несколько значков Apple Touch, от 57×57 (первое поколение iPhone) до 180×180 (iOS 8, т. е. iPhone 6 и последний iPad), объявленные с
• Android Chrome, ранее M39/ Android 5 / Lollipop: значок PNG 192×192, объявленный с . Он также использует значок Apple Touch в качестве значка закладки.
• Android Chrome M39+ / Android 5 / Lollipop: до 6 значков, объявленных в манифесте, объявленных с помощью . Он также использует значок Apple Touch в качестве значка закладки.
• IE 10/Windows 8: значок 144×144, объявленный с
• IE 11/Windows 8.1: до 4 значков, объявленных в манифесте, объявленных с помощью
• Coast от Opera: значок PNG 228×228, объявленный с
• Google TV: значок PNG размером 96×96, объявленный с помощью
• … Яндекс Браузер и т.п.

Помимо огромного количества иконок, есть еще проблема дизайна. Самая распространенная ошибка — прозрачность. Фавиконы часто прозрачны, и это нормально. Однако iOS запрещает это и закрашивает прозрачные области черным цветом. В качестве примера сравните сенсорный значок SO и то, что вы на самом деле получаете, добавляя SO на главный экран вашего iPhone/iPad.