6 лучших онлайн генераторов фавикон (favicon), чтобы сделать для вашего сайта

Содержание:

Favic-O-Matic

Сразу же, вы можете выбрать два разных размера на Favic-о-Matic. Первый из них — обычные 16 × 16 + 32 × 32 пикселей, а второй — универсальный, который генерирует значок для каждого устройства и платформы.

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

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

Готовые фавикон для сайта

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

1. hefavicongallery.com — Иконок не очень много зато сделаны весьма качественно и на разные тематики.
2. favicon.co.uk/gallery.php — Стильные и весьма приятные для глаз иконочки.
3. favicon-generator.org/gallery/- Ещё одна не большая коллекция.
4. audit4web.ru/info/favicon/- Более 15000 различных фавиконов.
Как установить фавикон для сайта.

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

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

Зачем нужен фавикон

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

Помогает в навигации

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

Фавиконы можно увидеть:

    • на вкладках и закладках в браузере,
      Фавиконы на вкладках и закладках браузера Mozilla
    • в истории браузера,
      Фавиконы в истории браузера
    • в результатах поиска «Яндекс»,
      Фавиконы в результатах «Яндекс.Поиска»
    • в мобильном поиске Chrome и «Яндекс»,
      Фавиконы в поиске Android Chrome
    • в часто посещаемых сайтах на главной странице некоторых браузеров.


Крупные фавиконы на стартовой странице Mozilla Firefox

Вызывает доверие

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


Сайты с фавиконками и без них во вкладках мобильного браузера

Увеличивает кликабельность

Нет информации о том, является ли наличие фавиконки фактором ранжирования. Но

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

Как быстро создать фавикон для сайта

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

Не рисуйте много деталей. Значок очень маленький (32×32 пикселя), поэтому мелкие нюансы будут совершенно не видны читателям.

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

Самостоятельно создать мини-логотип

Открываем любой графический редактор, например, Photoshop и творим. Если на значке будет текст, то размер шрифта следует установить на 8-10 пикселей. У Фотошопа есть специальный плагин для создания значков — «Favicon.ico».

Создать значок с помощью онлайн-сервиса

Заходим в поисковик и пишем запрос «создать Favicon онлайн», выбираем любой из многочисленных сервисов. Ниже представлены одни из самых популярных.

Рисуем фавинкон: Favicon.by

Сразу после перехода на этот онлайн-ресурс попадаем на страницу, где уже есть «заготовка» будущей иконки в нужном размере.

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

Добиваемся отличного результата и нажимаем «Скачать». Файл сохранится в требуемом формате с правильным названием.

Создание фавикон через загрузку изображения: Realfavicongenerator.net

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

Берем готовое изображение 260×260 пикселей. Выбираем нужную степень сжатия и настройки для iOS, Android и MacOS Safari. В результате у вас будут все типы иконок и код для вставки.

Скачать готовый файл фавикон

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

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

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

Также можно скачать значок на специализированных стоках, например:

  • Findicons;
  • IconJ.

Способы создания «favicon» для веб-сайта

На сегодняшний день можно воспользоваться следующими способами создания:

  • Использование готовых фавиконок в интернете. Благо, таких онлайн-хранилищ сейчас в достаточном количестве. Есть, как платные сервисы, так и с бесплатным скачиванием выбранной картинки. В некоторых нужна регистрация, в других такая необходимость отсутствует. Рассмотрим поиск и последующее сохранение картинки формата «.ico» на сервисе findicons.com.
    , вводим необходимую нам тематику или переходим сразу в пункт меню «Обзор».

    Остаётся найти необходимую и наиболее понравившуюся подборку, перейти в нее, найти необходимый формат и произвести сохранение.

    Остается готовое изображение разместить на сайте, но об этом поговорим позже.

  • При помощи специальных онлайн-генераторов с возможностью их создания непосредственно там же. Одна из таких платформ —
    . Все очень просто. Рисуем или загружаем подготовленную иконку, при необходимости редактируем и затем сохраняем себе на компьютер. Возможен еще и импорт файла с внешнего интернет-ресурса, заказ (от 500 рублей) или просмотр уже подготовленных файлов, находящихся в разделе «Коллекция фавиконок»

Еще один способ, являющийся наиболее актуальным с точки зрения профессионализма и свободы действий – использование графических векторных программ типа «Photoshop». Как это делается? Находим необходим файлик на просторах интернет-пространства, сохраняем его на свой компьютер/ноутбук и открываем через вышеуказанную программу.

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

Открываем. Сразу находим инструмент «Волшебная палочка» (специальный вид ластика) и стираем те белые места, в которых нам нет нужды, делая данные части прозрачными. Зачем? Во-первых, делаем картинку более презентабельной, во-вторых, уменьшаем общий вес изображения для быстрой загрузки.

Для того, чтобы удалить ненужные области и «подогнать» размер холста под очертания непосредственного изображения, необходимо зайти в раздел «Изображение» в верхнем меню, далее «Тримминг».

Далее создаем необходимого размера файл. Находим снова «Изображение». На этот раз смотрим пункт под названием «Размер картинки», переходим. Прописываем нужный (16х16, 64х64 пикселей и т. д.). Не забываем поставить галочку напротив «Сохранять пропорции», чтобы ваше творение «не поплыло».

Заготовка есть. Теперь остается выполнить команду «Сохранить как» и выбрать формат «пнг».

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

Как сделать иконки для сайта и зачем это надо? Бесплатная программа Icon Generator поможет создать иконку ico или favicon онлайн

Что такое иконка – прекрасно известно не только любому владельцу или разработчику
сайта, но и обычному компьютерному пользователю. В какой бы программе вы не работали,
будь то специализированное приложение или обычный Word – вы везде можете увидеть
множество иконок, отображающих создание нового документа, удаление, сохранение и
прочие действия. Да что там! Взять даже обычный рабочий стол ПК – у каждого здесь
найдется пара иконок «Мой компьютер», «Мои документы», «Корзина» и т.д.

В Microsoft Windows для хранения иконок используется формат ICO.
ICO-файл содержит в себе один или несколько значков, для каждого из которых отдельно
задается цветность и размер. Как правило, можно задать любой размер, но чаще всего
используются иконки ICO 16х16, 32х32, 48х48 пикселов. Структура иконки ICO близка
к формату BMP, но имеет одно отличие – наличие дополнительного изображения-маски,
которая накладывается на задний план для прозрачности рисунка.

В общем, иконки ICO мы видим повсюду. Но у многих пользователей возникает резонный
вопрос: зачем эти значки нужны? Что такое favicon.ico? Какой программой воспользоваться
для создания иконки для сайта в формате ICO? Итак, обо всем – по порядку.

Как установить favicon.ico на сайт?

После нелегкого выбора подходящей иконки, нужно ее как то ”привинтить” к нашему сайту. Для этого файл favicon.ico загружаем с помощью FTP-клиента в корневую директорию сайта (на Вордпресс public_html/ваш сайт/).

Затем прописываем путь роботу Яндекса к файлу favicon.ico. Подробнее здесь. В файле header.php шаблона сайта между тегами <head> и </head> вставляем вот такой html-код:

<link rel=«icon» href=«http://имя сайта/favicon.ico» type=«image/x-icon»>

или

<link rel=«shortcut icon» href=«http://имя сайта/favicon.ico» type=«image/x-icon»>

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

Генератор favicon.ico

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

http://www.michurin.net/online-tools/favicon-editor.html

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

Сделать Фавикон для сайта с помощью сервиса Favicon-Generator.org

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

Как сделать фавикон для сайта из готового изображения?

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

Favicon.ru

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

Добавить картинку на сайт можно двумя методами:

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

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

После загрузки вашего файла вам придется кликнуть по кнопке «Сделать favicon из изображения!», далее просто подождите немного времени. Затем скачайте полученное изображение на свой ПК.

Favicon.cc

Данный генератор фавиконок не только мощнее, но и сложнее. Вначале зайдите на его главную страницу, потом кликните по кнопке «Image File», расположенной слева страницы.

Затем жмем по кнопке «Импорт изображений» и загружаем наше изображение. Из этой картинки мы постараемся сделать фавикон для сайта.Далее выберете, что сделать с картинкой после ее уменьшения: при выборе Keep dimensions мы оставим пропорции изображения неизменным, если мы выберем Shrink to square icon, то приведем картинку в квадратный вид. В этом случае изображение может выглядеть искаженно.

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

Как сделать фавикон для сайта и загрузить его на WordPress?

На сайте ваш фавикон будет находиться по адресу.

ПЕРВОЕ. Можно загрузить фавикон на сайт довольно быстро, для этого я использую программу FileZilla. Фавикон находится в папке uploads. Этот файл найдем по адресу /public_html/wp-content/uploads/год/месяц/название фавикона.ico. (На вашем хостинге он может находиться немного в другом месте).  Для этих целей включите данную программу, соединитесь с сервером и просто перекиньте фавикон в папку uploads.

ВТОРОЕ. Добавим faviconв главную папочку сайта. Для этого на хостинге поместим в папочку с блогом файлик, который назовем favicon.ico. Не забудьте, favicon должен быть 16 на 16 пикс.

ТРЕТЬЕ. Внутри сайта заходим в настройки вашей темы, там может быть меню «General», заходим в него, выбираем раздел «Иконка сайта», жмем по кнопке «Upload Now», загружаем его с ПК. При данной загрузке не забудьте, что он должен иметь расширение .ico. Но такой раздел есть не на всякой теме.

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

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

Вот основные преимущества использования значка на вашем сайте:

Достоверность

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

Отзыв бренда

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

Повторные посещения

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

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

Почему favicon не отображается в выдаче?

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

Чтобы проверить видимость favicon сайта для Google  и Яндекс введите в адресную строку:

Яндекс — http://favicon.yandex.net/favicon/www.site.ru

Google — http://www.google.com/s2/favicons?domain=www.site.com

Заменить www.site.ru и www.site.com на домен вашего сайта. Например, http://favicon.yandex.net/favicon/semantica.in

Теперь вы знаете, как сделать иконку для вашего сайта и успешно загрузить ее.

Google Trends или как заглянуть в будущее поиска.

Фавикон под микроскопом

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

Со слов Яндекса, размер фавикона должен составлять 16х16, 32х32 или 120х120 пикселей. К слову, чаще всего применяется изображения размера 16х16 пикселей. Рекомендованный формат ICO. К допустимым форматам относятся: GIF, JPEG, PNG и BMP.

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

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

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

Стоит обратить внимание, что индексация осуществляется периодически (несколько дней, месяц). Т

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

Когда поисковик найдет Favicon.ico на вашем сервере, он изменит его графический формат ICO в PNG, после чего ваш фавикон можно будет найти по следующему адресу:

https://favicon.yandex.net/favicon/stimylrosta.com.ua

При проверке не забудьте подставить поле последнего слеша URL-адрес своего блога.

Создание фавикона — важный этап в продвижении проекта. К преимуществам использования фавиконов можно отнести:

  • узнаваемость бренда;
  • доверие посетителей;
  • повторные посещения;
  • экономия времени пользователей.

Основная выгода с этого — узнаваемость бренда. С помощью «мини-логотипа» можно привлечь большее количество посетителей из поисковой выдачи (в частности со страниц Яндекса), поскольку возле адреса вашего веб-ресурса будет миловаться знакомая иконка. Она то и будет побуждать пользователей отдавать предпочтение вам, а не конкуренту (соседу по выдаче)

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

Осталось разобраться, как создать и как создать и установить фавикон на сайт?

Что такое «фавикон» и зачем он нужен

Немного истории. Само слово «favicon» исходит из сочетания двух английских слов: «favorite» и «icon». В дословном переводе – «избранная картинка». Сейчас более известен, как «значок интернет-сайта». Изначально подразумевал свое отображение только на различных страницах-вкладках или в закладках интернет-браузера, имел стандартный размер 16х16 пикселей и расширение «.ico». Впервые «фавикон» заявил о себе в марте 1999 года, когда набирающая стремительно обороты компания «Microsoft» выпустила на мировой рынок новый и современный по тем меркам браузер «Internet Explorer 5.0». Именно с этих пор данное мини-изображение стало применяться априори и приобрело значение того элемента, без которого можно считать SEO-оптимизацию не завершенной.

Примечательно, что первый фавикон был у знаменитого сайта «Википедия», на белом фоне была изображена буква «W». С тех пор знак не менялся. В современное время favicon отражается практически на всех мировых просторах интернет-пространства, включая их показ при выдаче поисковой системы, как естественной, так и при помощи контекстной рекламы.

Для большей наглядности и понятия представим скриншот.

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

Как поставить Favicon самостоятельно

Стандартно поисковая система Яндекс и другие сервисы будут искать вашу фавиконку в корне сайта по адресу site.ru/favicon.ico. Поэтому наша задача закачать туда наш значок или указать иной путь его размещения.

Через тему сайта WordPress

Начиная с версии WordPress 4.3, можно добавить фавикон из админки WordPress.

Придерживайтесь вот такой последовательности:

  1. Откройте админку
  2. Внешний вид > Настроить > Свойства сайта
  3. Значок сайта > Изменить изображение
  4. Загрузите фавикон
  5. Нажмите кнопку Опубликовать.

Как добавить фавикон на сайт WordPress вручную

Советуем сначала протестировать все на локальном сайте разработки.

  1. Заходим в файлы темы FTP-клиент или файловый менеджер.
  2. Находим папку /wp-content/themes/your-theme.
  3. Загружаем иконку в подпапку, например, Assets.
  4. Запоминаем путь к файлу.

В файте function.php и прописываем путь до фавикона.

Строка после href=«‘.get_template_directory_uri() должна указывать путь к вашему значку. Убедитесь, что вы указали правильное имя файла. Если вы используете формат файла .ico, то это будет один:

Лучше предварительно сохранить этот файл на компьютере, на случай, если вы неправильно измените исходный код. Открываем HTML-код и ищем строки, которые располагаются между тегами head. В этом месте нужно вставить строку:

Рассмотрим значения:

rel

Если мы указываем значение «icon», то изображение будет хорошо отображаться во всех современных браузерах. Если указать вместо этого «shortcut icon», то значок будет виден только в Internet Explorer.

href

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

type

Здесь нужно прописать формат файла.

Как задать фавиконы для разных устройств?

Пропишите ссылки на иконки между тегами head. Например:

Apple

Иконки в устройствах Apple закругляются по углам. Поэтому лучше использовать apple-touch-icon-precomposed вместо apple-touch-icon.

Андроид

Можно загрузить иконку в нескольких размерах: 16×16, 32×32 и 48×48. Вот пример для декстопа:

Где скачать favicon.ico. Готовые коллекции фавиконов для сайта

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

Галереи иконок (favicon.ico) для сайта:

  • www.iconj.com/gallery.php – большая коллекция картинок и онлайн-генератор;
  • www.audit4web.ru/info/favicon/ – здесь более 15 000 штук;
  • www.favicon.cc/?action=icon_list&order_by_rating=1 – генератор и галерея анимированных и статичных иконок;
  • www.favicon.co.uk/gallery.php – favicon generator и каталог фавиконок для сайта;
  • thefavicongallery.com – еще одна галерея картинок.

Но, пожалуй, лучшее место, где можно скачать различные иконки и логотипы для своего сайта, это findicons.com.

Небольшой обзор по этому сервису:

  • Главная – вводим ключевое слово в поисковую строку и нажимаем “Поиск”. Сервис доступен на 39 языках, но русские слова не ищет. Поэтому вводите запросы на английском.
  • Обзор – наборы иконок по стилям.
  • Конвертировать – нажимаете Кнопку “Обзор” и указываете изображение на своем компьютере. Выбрав формат и битность цвета, жмете “Преобразовать”.
  • Прислать – можно поделиться ссылкой на страницу с интересными иконками, найденными в интернете.
  • Метки – поиск изображений по меткам.
  • Удиви меня – показываются 60 случайных иконок.
  • Vector – возможность выбора векторной графики и логотипов.

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

Надеюсь, разберетесь.

Еще один замечательный сервис с поиском по иконкам www.iconsearch.ru.

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

Чтобы скачать выбранный favicon, нажмите на значок формата PNG или ICO. Нажав на надпись “Подробнее”, можно увидеть эту иконку в других размерах и еще иконки из этого набора.

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

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

  • Яндекс – https://favicon.yandex.net/favicon/mysite.ru 
  • – https://www.google.com/s2/favicons?domain=mysite.ru

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

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

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

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

Например, Яндекс отображает иконки не на всех страницах в поисковой выдаче. Если сайт находится ниже 10-15 позиции, то и изображения рядом со ссылкой не будет

С отображением фавиконов в Яндексе могут быть нюансы. Например, Яндекс отображает иконки не на всех страницах в поисковой выдаче. Если сайт находится ниже 10-15 позиции, то и изображения рядом со ссылкой не будет.

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

Бесплатно создать фавикон favicon ru

Создать иконку-фавикон для сайта

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

Да и ещё, для тех кто не знает. Есть официальные иконки WordPress, как например у меня. Если вам необходим официальный логотип WordPress, чтобы показать, что ваш блог работает на самой популярной платформе, то можно на этой странице — https://wordpress.org/about/logos/ — скачать себе иконку нужного цвета (синею или чёрную) и размера, а потом установить её на свой сайт.

Официальная иконка WordPress для веб-сайта

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

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

Adblock
detector