Главная » Плагины » Как сделать фавикон (иконку) для блога

Как сделать фавикон (иконку) для блога

Фавикон для сайтаЗдравствуйте дорогие подписчики и посетители моего блога.

Сегодняшний пост я решил посвятить фавикону(иконка) вашего сайта.

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

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

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

фавикон в поисковике

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

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

Установка фавиконки без плагина

В первую очередь нужна картинка 16 на 16 пикселей.Зайдите в галерею иконок по адресу http://www.audit4web.ru/info/favicon/ и выберите себе фавикон, там же можно создать и сгенерировать свой фавикон.

галерея фавиконов

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

Ваш сайт /wp-content/themes/картинка.png

После этого, в Админ панели, переходим во Внешний вид, заходим в Редактор.В правой колонке находим Заголовок(header.php) и между тегами и находящимися в самом верху, нужно вставить вот этот код:

Это интересно:  За или против использования плагинов

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

Установка фавикона с помощью плагина Favicons

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

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

админка

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

настройка

Настройка:

1 «Use your gravatar as favicon» — здесь мы устанавливаем свое изображение, в качестве фавикона.
2 «If you want to use your own icon» — здесь прописываем адрес, на котором находится картинка для фавиконки.
3 «Use an icon from the icon set» — Выбираем готовую иконку и ставим галочку

Ну и далее сохраняемся.И вот что у нас должно выйти, если к примеру устанавливаем свою аватарку в фавиконку

результат

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

С Уважением, Игорь Александрович

23 комментария

  1. Сергей

    Очень интересный пост.

    Благодарю за инфу.

  2. Александр

    Фавикон нужен обязательно. Без него сайт выглядит как-то безлико.

    • Игорь

      Александр,я то же такого мнения.

    • Вера

      Я по фавиконам быстрее сайты различаю: и в браузере, и в закладках.))

      • Игорь

        Ну да, если часто этими сайтами пользуешься.

        Это как бы мини бренд сайта))))

  3. Ирина

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

    • Анютка Незабудка

      Согласна, иначе есть опасение просто перегрузить сайт, чего бы очень не хотелось.

    • Вера

      И, кстати, с кодом то фавикон даже быстрее можно установить, чем с плагином.)

  4. Ильдар Тимербаев

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

    • Вера

      Вот ведь такое множество фавиконов, а некоторые запоминаются с первого раза.)

  5. Анютка Незабудка

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

    • Вера

      Фавикон и логотип — не одно и то же?

      • Игорь

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

        • Вера

          Понятно — логотип важнее фавикона, хотя может быть и на фавиконе тоже.

  6. Андрей и Даша

    Сделали так же как описано у Вас. Только немного другой код прописали)

    Так же можно иконку делать любого формата, для этого в  type= прописываем image/x-icon 

    • Игорь

      Ну если поиграться с кодом что хочешь можно сделать.))))

      Спасибо за подсказку, может кто из читателей воспользуется ей.

  7. Светлана

    Ой чего только интересного нет. А я читала, что сейчас фавиконку прямо в теме можно установить, в настройках

    • Игорь

      да да есть такое. Кстати у меня такая тема

    • Вера

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

  8. Андрей Косолапов

    Я сделал плагином и не заморачивался. Зато красиво и оригинально.

    • Игорь

      А у меня она в теме присутствует и не нужен дополнительный плагин

      • Андрей Косолапов

        Везет, может и себе тему поменять 08

        • Игорь

          Давай, вперед и с песней)))))