Фавикон – как создать и установить на сайте

Фавикон – это маленький значок, который высвечивается во вкладке браузера. Впервые он появился в 1999 году у браузера Internet Explorer. Для того, что бы такой фавикон появился рядом с названием сайта необходимо было загрузить его в виде файла с именем favicon.ico в корневую папку.

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

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

Причем, предлагается загрузить изображение размером 512х512 px. Сделать это можно в опции Внешний вид – Настроить – Свойства сайта.

Просто заходите в Яндекс или Google картинки, задаете параметры фильтра и получаете готовый фавикон.

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

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

Требования Поисковика Яндекс

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

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

Что бы понять свои ошибки. пройдите по ссылке – Как исправить и внимательно прочитайте требования к фавикону.

Обратите внимание на расширение изображения. Расширение ico теперь не принимается. И обязательно поправьте размеры иконки. Тото, который нам предложил загрузить WordPress не проходит. Необходим 16х16, 32х32, 120х120. Связано это с тем, что теперь ваш сайт ищут на мобильных устройствах. А они отображают только выше перечисленные размеры.

Кстати, не обращайте внимание на ограничения размера WP. Он воспринимает нормально и 120х120 и 32х32

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

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

Давайте приступим к его созданию. Способов очень много. Я покажу Вам самый простой, благодаря которому  Вы создадите его сами.
Выходим на  http://www.favicon.cc/. Это очень простой и удобный ресурс создания фавиконов.

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

Чем удобен ресурс. Вы сразу же видите его генерацию  на ярлыке вкладки браузера.

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

Теперь переходим на страницу загрузки архива плагина All in one Favicon. Это универсальный плагин, благодаря которому,  вы можете загрузить на свой блог, созданные вами в различных форматах  (например – GIF или PNG), рисунки в размере 16Х16.

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


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

Вот и все! Ваш ресурс теперь имеет уникальный логотип!

Ну вот и все, пожалуй. Как видите нет ничего сложного!

Как всегда, предлагаю Вам свою рассылку – “Инструменты в помощь начинающему блогеру”. Подписавшись на которую, будете получать всю последнюю информацию о настройках блога

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

Это тоже может быть вам интересно...

Автор

Смирнова Ирина

Очень рада приветствовать Вас на своем сайте! Моя задача - помочь начинающим интернет-предпринимателям пройти путь к поставленной цели без потерь. Смело перенимайте мой опыт! УДАЧИ! Посмотреть все записи автора Смирнова Ирина

Фавикон – как создать и установить на сайте: 32 комментария

  1. Здравствуйте, Ирина! Закачала плагин, но установить опять не могу! Не пойму, почему всё время с установлением плагина проблемы…Не принимает пароль http://FTP... Спасибо за урок!!!

  2. tatiynastudenikina – Волгоградская область – Очень люблю получать знания и делиться ими с другими.Люблю свою семью, родственников, друзей, люблю отдыхать на природе, выезжать с ними на нашу речку ,заряжаться позитивной энергией. Да просто люблю Жизнь!
    Татьяна:

    Ирина, опять спасибо за урок. Теперь мои ученики по Ruelsoftu устанавливают фавикон по этому уроку!!!

  3. Ирина.А скажите,пожалуйста,как сделать так,чтобы фавикон был на каждой странице или записи? Чтобы было как у Вас.Спасибо!

  4. Инна Музылёва – Липецк, Россия – Живу в Липецке со своими сыновьями Александром и Константином. Кандидат технических наук, доцент кафедры Электропривода Липецкого государственного технического университета. На преподавательской работе больше 25 лет
    Инна Музылёва:

    Добрый вечер, Ирина!
    Сделала фавиконы для двух своих сайтов. Спасибо за информацию! Как всегда, всё четко и ясно.
    Успехов!

  5. Ирина, спасибо за плагин фавикон. У меня все получилось, сразу не могла понять где можно увидеть, потом разобралась. Как приятно!!!

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

  7. я не хочу свое творчество. нашла картинку в гугли, а вставить не могу.

  8. Отличный сервис. Только что им пользовался, впечатления очень положительные. Спасибо.

  9. Добрый вечер,Ирина! Не могу справиться с фавиконом. В Internet Explorere и на Вашем блоге все картинки,фотографии, иконки замещает фавикон. Где его удалить я не могу найти. Его нет ни в загрузках, ни в документах,ни в архиве, ни на дисках, ни в программах удаления,

    1. Ирина Смирнова – Беларусь – Интернет-предприниматель, автор курса "Блог с Нуля!" http://altacademic.ru Skype: irinas1952
      Смирнова Ирина:

      Дайте свой скайп. Попробуем посмотреть вместе

      1. Ирина Смирнова – Беларусь – Интернет-предприниматель, автор курса "Блог с Нуля!" http://altacademic.ru Skype: irinas1952
        Смирнова Ирина:

        Светлана, не могу Вас добавить в скайпе. Попробуйте Вы, пожалуйста. Мой логин – irinas1952. Жду

  10. swetlanak59 – г.Благовещенск Амурской области – Я обыкновенная женщина, которая больше двадцати лет посвятила воспитанию детей. занимаюсь изучением интернет-бизнеса и бизнеса МЛМ "на земле". Есть небольшая структура. Помогаю воспитывать внучку дочери, люблю природу, людей, читать о мироздании и человеке, иногда пишу стихи, для друзей придумываю и печатаю визитки,открытки... Ценю в людях доброту, отзывчивость, умение понимать людей и принимать их такими, какие они есть.
    swetlanak59:

    Огромное спасибо, Ирина!!! Теперь и у меня есть свой фавикон!!! Удачи Вам!

  11. tatiynastudenikina – Волгоградская область – Очень люблю получать знания и делиться ими с другими.Люблю свою семью, родственников, друзей, люблю отдыхать на природе, выезжать с ними на нашу речку ,заряжаться позитивной энергией. Да просто люблю Жизнь!
    Татьяна:

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

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

  13. swetlanak59 – г.Благовещенск Амурской области – Я обыкновенная женщина, которая больше двадцати лет посвятила воспитанию детей. занимаюсь изучением интернет-бизнеса и бизнеса МЛМ "на земле". Есть небольшая структура. Помогаю воспитывать внучку дочери, люблю природу, людей, читать о мироздании и человеке, иногда пишу стихи, для друзей придумываю и печатаю визитки,открытки... Ценю в людях доброту, отзывчивость, умение понимать людей и принимать их такими, какие они есть.
    swetlanak59:

    Спасибо, Ирина, за очень полезную информацию. Все понятно. Попробую сделать. Есть только у меня вопросик – а сколько вообще плагинов может выдержать блог? За что не возьмись – плагин. У меня их уже 33. Еще и этот поставлю. Плохо блогу не будет? Плагины-то все ставлю нужные. Спасибо еще раз и удачи Вам.

    1. Ирина Смирнова – Беларусь – Интернет-предприниматель, автор курса "Блог с Нуля!" http://altacademic.ru Skype: irinas1952
      Смирнова Ирина:

      Да, это нагрузка на блог. Поэтому опытные блогеры стараются вставлять коды, а не устанавливать плагины. Но 30 – это нормально. Проведите инспекцию. Может что-то не так уж и нужно блогу

  14. Доброй ночи, Ирина! Скачала плагин и загрузила на блог. Он успешно установился. Только стала нажимать на кнопку “загрузить” в настройках, а она почему-то не нажимается. Не получилось у меня.

    1. Ирина Смирнова – Беларусь – Интернет-предприниматель, автор курса "Блог с Нуля!" http://altacademic.ru Skype: irinas1952
      Смирнова Ирина:

      Ольга, свяжитесь со мной по Скайпу. Мой Скайп – irinas1952

  15. veronichkaaltroz – Россия г.Саратов – Мне 52 года. Очень люблю познавать новое. Люблю учиться и передавать свои знания другим людям. У меня это получается. Работаю в г. Саратове тренером в группах здорового питания, помогаю людям стать здоровыми, стройными и красивыми. Сначало прошла сама обучающий курс в группах здорового питания в качестве студента, получила потрясающий результат: -8 кг, улучшилась работа ЖКТ, ушли боли в тазобедренных суставах, появилось много энергии и .... Теперь помогаю другим. Сейчас еще создаю свой блог. Очень увлекательное занятие, и нужное!
    Вера Невзорова:

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

    1. Ирина Смирнова – Беларусь – Интернет-предприниматель, автор курса "Блог с Нуля!" http://altacademic.ru Skype: irinas1952
      Смирнова Ирина:

      Когда Вы создадите фавикон – нажимаете на кнопку – Download favicon (3 скриншот). У Вас появляется окно загрузки. Сохраняете свой фавикон на компьютере. А потом заходите в плагин, и около первого окошка нажимаете клавишу – Загрузить. Ищите свой фавикон и загружаете. Сохраняете обновление. Вот и все. Не получиться – выходите на связь. Все сделаем.

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

        1. Ирина Смирнова – Беларусь – Интернет-предприниматель, автор курса "Блог с Нуля!" http://altacademic.ru Skype: irinas1952
          Смирнова Ирина:

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

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

            1. Ирина Смирнова – Беларусь – Интернет-предприниматель, автор курса "Блог с Нуля!" http://altacademic.ru Skype: irinas1952
              Смирнова Ирина:

              Не знаю в чем дело… Обычно все закачивается нормально.Попробуйте еще раз.

  16. Ирина Большакова – г.Мурманск – Продвигаю собственный блог. Обучалась в онлайн Академии ALT.
    Ирина Большакова:

    Ирина! Я поставила в фавикон свое фото, делала это по рекомендации Марины Гай- тоже Вашей ученицы.

    1. Ирина Смирнова – Беларусь – Интернет-предприниматель, автор курса "Блог с Нуля!" http://altacademic.ru Skype: irinas1952
      Смирнова Ирина:

      Фавиконом можно сделать любую картинку. Главное, что бы она была яркая, заметная

  17. Ой, как здорово!!! У меня тоже все получилось. Спасибо Вам Ирина за такие полезные статьи. На всех своих сайтах сделала фавикон. Мелочь, а приятно. Еще разспасибо.

  18. Ася Антипочкина – Израиль – Коммуникабельная ,амбициозная ,целеустремленная, ищу все возможности для улучшения качества жизни, и делаю все возможное,чтобы все мои мечты претворялись в жизнь, это мне позволяет заниматься системным бизнесом. Учусь в Академии ALT, изучаю компьютерные технологии,сайтостроение,оптимизацию и многое другое.
    Asya:

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

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