Favicon каталог: Коллекция favicon.ico (фавикон) на Favicon.by

Как установить фавиконку — Вебмастер. Справка

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

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

    <head>
        ...
        <link rel="icon" href="https://example.com/favicon.ico" type="image/x-icon">
        ...
    </head>
    АтрибутОписаниеВозможные значения
    relТип ресурса
    • icon;

    • shortcut icon.

    href
    Адрес файлаДля описания кириллического адреса фавиконки используйте Punycode. Например для адреса https://мой-сайт.рф/favicon.ico нужно указать https://xn—-8sbzclmxk.xn--p1ai/favicon.ico.
    typeТип передаваемых данных. Зависит от формата файла
    • image/svg+xml — для формата SVG;

    • image/x-icon или image/vnd.microsoft.icon — для формата ICO;

    • image/gif — для формата GIF;

    • image/jpeg — для формата JPEG;

    • image/png — для формата PNG;

    • image/bmp — для формата BMP.

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

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

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

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

    • Файл не запрещен для индексирования, например в robots.txt с помощью директивы Disallow. Может быть запрещен не сам файл, а каталог, в котором он размещается.

  2. Внесите изменения, если это необходимо.

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

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

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

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

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

Фавиконка не появляется для моего сайтаУ сайта пропала фавиконкаВ поиске отображается некорректная или старая фавиконкаТеоретический вопрос про индексирование фавиконок

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

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


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

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

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


Такая ситуация возникает, если:

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

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

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

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


Favicon by RealFaviconGenerator — Плагин для WordPress

  • Детали
  • Отзывы
  • Установка
  • Разработка

Поддержка

Создайте и настройте фавикон для настольных браузеров, iPhone / iPad, устройств Android, планшетов с Windows 8 и многого другого. За считанные секунды создайте иконку, которая отлично смотрится на всех основных платформах.

Favicon — это не просто один файл favicon.ico, помещенный в середине вашего сайта. В настоящее время, с таким количеством различных платформ и устройств, вам нужна куча фотографий, чтобы выполнить работу. С помощью RealFaviconGenerator создайте все необходимые значки для настольных браузеров, iPhone / iPad, устройств Android, устройств Windows 8 и многого другого.

Устройства iOS используют значок Apple touch с высоким разрешением для иллюстрации закладок и ярлыков на главном экране. Для iPhone первого поколения требуется изображение размером 57х57, в то время как для совершенно нового iPad с экраном Retina требуется изображение размером 152х152. Android Chrome также использует эти изображения, если он их найдет. Windows 8 идет другим путем с помощью специального набора значков и HTML-объявлений.

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

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

  • Windows (IE, Chrome, Firefox, Opera, Safari)
  • Mac (Safari, Chrome, Firefox, Opera, Camino)
  • iOS (Safari, Chrome, Coast)
  • Android (Chrome, Firefox)
  • Surface (IE)
  • И более

Мы очень серьезно относимся к совместимости. Перейдите по ссылке http://realfavicongenerator.net/favicon_compatibility для получения полного списка.

This plugin relies on RealFaviconGenerator when you create your favicon. Browse its terms of service and privacy policy for additional information.

Localization

  • Английский (en_EN) от Philippe Bernard
  • Французский (fr_FR) от Philippe Bernard
  • Шведский (sv_SE) от Linus Wileryd
  • Бразильский Португальский (pt_BR) от Marcelo Volgarini, Criação de Sites
  • Голландский (nl_NL) от Axel Vanderhaeghen
  • Датский (da_DK) от Alexander Leo-Hansen
  • Чешкий (cs_CZ) от анонимного переводчика
  • Польский (pl_PL) от Maciej Gryniuk
  • Русский (ru_RU) от Natasha Diatko, UStarCash
  • Индонейзийский (id_ID) от Jordan Silaen
  • Начальный экран настройки фавикона. Вам предлагается установить свой фавикон в избранное.
  • Выберите основное изображение из Media Library (необязательно)
  • Как только вы нажмете кнопку Создать фавикон, вы будете перенаправлены на RealFaviconGenerator, где вы можете создать свой фавикон: добавить фон к изображению iOS, используя насыщенную версию основного изображения для Windows 8…
  • Когда вы закончите с редактированием фавикона, вы будете перенаправлены на панель управления WordPress. Фавикон устанавливается автоматически. На этом экране представлен предварительный просмотр фавикона на различных платформах, чтобы вы знали, как выглядит ваш блог на разных платформах.
  • Вы также можете запустить проверку фавиконов Realfavicongenerator, чтобы убедиться, что ваш фавикон настроен правильно.
Использовать Панель управления WordPress
  1. Перейти к ‘Добавить Новый’ в Панели управления плагином
  2. Искать в ‘Favicon by RealFaviconGenerator’
  3. Нажмите ‘Установить Сейчас’
  4. Активируйте плагин в панели инструментов Плагина
  5. Перейдите к пункту «Фавикон» в меню «Внешний вид»
  6. Выберите основное изображение из Media Library (необязательно)
  7. Нажмите кнопку ‘Generate Favicon’ и следуйте инструкциям.
использовать FTP
  1. Скачайте favicon-by-realfavicongenerator.zip
  2. Извлеките favicon-by-realfavicongenerator в директорию на свой компьютер
  3. Загрузите favicon-by-realfavicongenerator в каталог /wp-content/plugins/
  4. Активируйте плагин в панели инструментов Плагина
  5. Перейдите к пункту «Фавикон» в меню «Внешний вид»
  6. Выберите основное изображение из Media Library (необязательно)
  7. Нажмите кнопку ‘Generate Favicon’ и следуйте инструкциям.

Easy to use, and do the job.

The Plugin does the work Exactly what is mentioned on there Very good keep it up

I hadn’t made a favicon in awhile. This made it super easy. Wow! Thanks!

This plugin is super simple to use. If you were to try to do what it is doing, and post all the favicons / sizes on all the different platforms it would take an incredible amount of time, and most of us wouldn’t know how to do it anyway. I am really thankful for how easy it makes the process.

Amazing, there is a need for a feature and a few minutes later it’s working!

Fulfils what it promises, its simple to install and setup.

Посмотреть все 747 отзывов

«Favicon by RealFaviconGenerator» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

  • phbernard

«Favicon by RealFaviconGenerator» переведён на 15 языков. Благодарим переводчиков за их работу.

Перевести «Favicon by RealFaviconGenerator» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

1.3.27
  • Plugin was tested up to WordPress 6.1.1 — Previous tag was wrongly set
1.3.26
  • Plugin was tested up to WordPress 6.1.1
1.3.25
  • Escape favicon HTML
  • URL sanitization
1.
3.24
  • Security audit
  • Plugin was tested up to WordPress 5.9.3
1.3.23
  • Fix reflected cross-site scripting issue
  • Plugin was tested up to WordPress 5.9.2
1.3.22
  • Исправлена несогласованность в предыдущем развертывании
1.3.21
  • Плагин был протестирован до версии WordPress 5.8
  • Исправлена проблема безопасности XSS, о которой сообщил WPSpan.com. Смотреть по ссылке https://wpscan.com/vulnerability/ed9d26be-cc96-4274-a05b-0b7ad9d8cfd9?fbclid=IwAR2aRMXRjbGm9ppoI9tM-OHm26Q0ax4yt0MkcP5sp0-pz9D4eVIEHQwvG1Y
1.3.20
  • Исправление: выбор носителя снова работает
  • Плагин был протестирован до версии WordPress 5.6
1.3.19
  • Плагин был протестирован до версии WordPress 5.5.3
1.3.18
  • Удалена ссылка на устаревшую функцию screen_icon
  • Плагин был протестирован до версии WordPress 5.4
1.3.17
  • Изменения для удаления предупреждений о безопасности из-за CodeRisk
1.
3.16
  • Плагин был протестирован до версии WordPress 5.3.2
1.3.15
  • Плагин был протестирован до версии WordPress 5.1
1.3.14
  • Плагин был протестирован до версии WordPress 5.0-beta5
1.3.13
  • Плагин был протестирован до версии WordPress 4.9.7
1.3.12

Никогда не публиковался, никаких изменений

1.3.11
  • id/ID перевод добавлен, спасибо Jordan Silaen
  • Плагин был протестирован до версии WordPress 4.8.1
1.3.10
  • Всегда имеется доступ к RealFaviconGenerator через HTTPS
  • Уточнения в разделителях локальных путей для Windows
  • Плагин был протестирован до версии WordPress 4.7.1
  • Уведомление, чтобы попросить администратора не деактивировать плагин
1.3.9
  • Плагин был протестирован до версии WordPress 4.7
1.3.8
  • Плагин был протестирован до версии WordPress 4.6
1.3.7
  • Исправлено: ключевые слова плагина перефразированы (некоторые не были приняты во внимание).
1.3.6
  • Исправление: путь к значкам иногда был неправильным, когда каталог загрузки был корневым каталогом
1.3.5
  • pl/PL перевод добавлен, спасибо Maciej Gryniuk
  • ru/RU перевод добавлен, спасибо Natasha Diatko
1.3.4
  • Протестировано до версии WordPress 4.5
1.3.3
  • Деактивировать журналы отладки
1.3.2
  • Опечатки в переводах на французский язык
  • Исправление предупреждения для PHP7
  • Протестировано до версии WordPress 4.4.1
  • cs/CZ перевод добавлен, спасибо анонимному переводчику
1.3.1
  • Исправление в предыдущей версии.
1.3.0
  • Плагин использует преимущества неинтерактивного API Realfavicongenerator для автоматического обновления фавикона при появлении новой версии.
1.2.15
  • Ссылка для доната добавлена.
  • Плагин теперь работает, когда доступ к файловой системе осуществляется через FTP (не напрямую). Смотреть по ссылке https://wordpress.org/support/topic/no-images-created
1.2.14
  • Повышение безопасности.
  • Исправлено предупреждение, касающееся NONCE_ACTION_NAME.
  • Удалены бесполезные закрывающие теги PHP.
  • Добавлена проверка ошибок при распаковке пакета favicon.
1.2.13
  • Исправлена уязвимость XSS, о которой сообщил Kacper Szurek
1.2.12
  • Улучшения производительности: проверка обновлений фавикон теперь выполняется в разделе Администратора (не в общедоступном разделе), локали больше не загружаются в Общедоступный раздел.
  • Воспользуйтесь Rewrite API (если доступно), чтобы файлы отображались в корневом каталоге. Т.е. http://example.com/favicon.ico работает (например, по запросу Яндекса).
  • nl/NL перевод добавлен, спасибо Axel Vanderhaeghen.
1.2.11
  • Когда браузер администратора не может получить изображение, выбранное из Media Library, пользовательский интерфейс завершается корректно.
  • Распаковка пакета Favicon более надежна.
  • Уведомление о том, чтобы пользователь оценил плагин в WordPress.org.
1.2.10
  • Исправлено предупреждение при использовании с BuddyPress (bp_setup_current_user). Смотреть по ссылке https://wordpress.org/support/topic/wp_debug-notice-for-bp_setup_current_user.
1.2.9
  • При выборе из медиатеки основное изображение теперь извлекается браузером администратора WP для предотвращения ряда проблем (блоги, размещенные локально, блоги, защищенные тем или иным способом, и т.д.).
1.2.8
  • Плагин успешно протестирован на WordPress 4.1.
1.2.7
  • Исправление для сайтов WordPress, размещенных в Windows.
1.2.6
  • Плагин теперь совместим с мультисайтом.
1.2.5
  • Исправление для страницы входа в систему: код фавикона не был введен на этой конкретной странице.
1.2.4
  • Удалите отладочные сообщения, чтобы избежать ложных срабатываний в журнале ошибок.
1.2.3
  • Уведомления об обновлениях могут быть отклонены навсегда.
  • Новая страница настроек для включения / отключения уведомлений об обновлениях.
1.2.2
  • Исправлена проблема 403 с сервисом хостинга HostGator (https://wordpress.org/support/topic/403-error-when-generating-favicon ).
1.2.1
  • Исправлено удаление плагина и проверка обновлений.
1.2.0
  • Плагин теперь предупреждает пользователя, когда RealFaviconGenerator был обновлен, и фавикон должен быть сгенерирован снова.
1.1.1
  • Использование API перезаписи отключено. Файлы фавикон, похоже, больше не находятся в корневом каталоге блога.
1.1.0
  • Запустите проверку фавикон Realfavicongenerator из интерфейса администратора.
1.0.7
  • Деактивируйте значок Genesis по умолчанию, если он настроен в FbRFG.
1.0.6
  • Улучшено управление ошибками во время установки фавикона.
1.0.5
  • Не пытаться переписать URL-адрес файлов favicon, если файл .htaccess недоступен для записи.
1.0.4
  • Возможность не перезаписывать URL-адрес файла фавикона, даже если это возможно.
1.0.3
  • Синтаксис кода плагина изменен, чтобы соответствовать более старым версиям PHP.
1.0.2
  • URL-адрес обратного вызова был слишком длинным для некоторых серверов. Был сокращен.
1.0.1
  • Настройки администратора Favicon теперь находятся в меню «Внешний вид».
  • Исправлено управление ошибками во время установки фавикона.
  • Исправлено управление ошибками во время установки фавикона.
1.0

Начальная версия.

Оценки

Посмотреть все

  • 5 звёзд 733
  • 4 звезды 5
  • 3 звезды 2
  • 2 звезды 3
  • 1 звезда 4

Войдите, чтобы оставить отзыв.

Участники

  • phbernard

Поддержка

Решено проблем за последние 2 месяца:

0 из 1

Перейти в форум поддержки

Пожертвование

Would you like to support the advancement of this plugin?

Пожертвовать на развитие плагина

Должен ли favicon.ico находиться в том же каталоге, что и index.html?

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

спросил

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

Просмотрено 14 тысяч раз

Я уже использую стандартный способ добавления фавикона:

 
 ico">
 

, поэтому favicon.gif и .ico должны находиться на

 /graphics_card
 

Однако я обнаружил, что IE 8 (или, возможно, другой IE) не может его показать, (обновление: независимо от того, сколько раз я нажимал CTRL-F5, или очищал кеш браузера) , но как только файл .ico присутствует в том каталоге, где находится index.html, тогда он будет отображаться.

Итак, если это

 http://www.example.com/graphics_card/nvidia/index.html
 

должен быть favicon.ico в

 /graphics_card/nvidia/
 

тоже. В итоге я указал его как

 

 

и просто поместите favicon.ico в этот каталог. Это стандартный способ?

  • favicon

Нет, можно поставить куда угодно, если указать в теге. Однако для IE вам необходимо указать полный URL-адрес (т. е. не относительный URL-адрес).

5

Вы можете разместить его где угодно и использовать тег для ссылки на него. напр.

 
 

Однако рекомендуется поместить его в корень домена, например. http://example.com/favicon.ico, потому что современные браузеры фактически будут вызывать этот файл при загрузке страниц, чтобы сначала загрузить значок.

3

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

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

html — Плохая идея — поместить файл favicon.ico на некорневой путь?

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

спросил

Изменено 9 лет, 5 месяцев назад

Просмотрено 52к раз

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

У меня есть путь к favicon.ico в /images На каждой из моих страниц есть следующий тег:

 
 

Когда я загружаю страницу в своем браузере, кажется, что она работает (я вижу файл), но я не знаю, делают ли они сначала неверные запросы к моей корневой папке (где файл не существует), а затем делают запрос по ссылке.

Я хочу свести к минимуму количество ошибок 404 и потерю пропускной способности из-за того, что браузер неправильно обращается к моему сайту.

РЕДАКТИРОВАТЬ: Я ищу информацию о том, как работают браузеры, и запрашиваю этот файл, чтобы структура моего сайта была эффективной.

  • html
  • http
  • кроссбраузерный
  • браузерный
1

Помните, что не все запросы к вашему сайту относятся к HTML-страницам! Запросы не-HTML-контента, такого как простые файлы изображений (например, просмотр http://example.com/image.jpeg непосредственно в браузере), не могут видеть <ссылка> тег. Поэтому они должны вернуться к поиску значка ярлыка в стандартном расположении по адресу /favicon.ico .

Это все еще не означает, что это место должно быть каноническим! Вы все еще можете оставить его в /images/favicon.ico , если хотите — просто убедитесь, что перенаправление с /favicon.

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *