Как создать фавикон на сайте | Заметки вебмастера






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

создать фавиконВсем привет!

Сегодня моя статья посвящена оптимизации блога. Как создать фавикон для блога?

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

Главная функция фавикона в том, что он способствует развитию и продвижению вашего блога

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

Отвечая на вопрос нужен ли фавикон блогу, ответ ДА.

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

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

Сейчас я расскажу как создать фавикон для сайта.

Для начала выберете картинку, которую Вы хотели бы видеть в строке браузера. Выбрали? Отлично, идём дальше. Если вы выбрали фотку, то её необходимо уменьшить до размера 16 на 16 px и сохранить.

Если же Вы хотите нарисовать её самостоятельно, создать этакий эксклюзив, тогда открывайте фотошоп, задавайте размер картинки 16 на 16 px, и рисуйте.

После того, как нарисовали и проверили, что в реальном масштабе смотрится хорошо, сохраняем в формате .png, назвав латинскими буквами без пробелов и точек. У меня получилась вот такая картинка:

serg

Затем загружаем данную картинку или фотку через админку своего блога: Медиафайлы -> Добавить новый -> Загрузить.

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

Затем в той же админке  Wordpress заходим  Внешний вид  -> Редактор.

редактор

Открывается программный текст страниц темы нашего блога. Справа выбираем файл header.php (Это программный код шапки). И затем в открывшемся тексте ищем правильное место, чтобы вставить свою команду.

Находим строку начинающуюся на <title>, после неё идут строки начинающиеся с <linkи вот после последнего такого линка ( строка линка заканчивается символами />) Вставляем наши  строки:

 <link rel="icon" href="xxxxxxxx" type="image/x-icon"/>
 <link rel="shortcut icon" href="xxxxxxxx"/>

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

И главное — не потеряйте кавычки! Затем нажимаем внизу Обновить файл.

 Ну а теперь можно идти смотреть результат! Вот таким образом можно легко создать фавикон.

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

Успехов Вам и Удачи
С Уважением,


Книга о заработке в интернете:
Книга о заработке в интернете

Комментариев к статье: 18

  1. Alexandr:

    Нарисовать картинку на размере 16 на 16 px трудно. Я пробовал. Проще уменьшить картинку до этого размера.

    Ответить

    • Екатерина:

      А в программке Фавикон выбирала себе. Все очень быстро и без проблем.

      Ответить

  2. Alexandr:

    Довольно просто создать фавикон. Почему он нужен в формате png, а не jpeg? Фото имеют формат jpeg.

    Ответить

    • Сергей Саранчин:

      Фото и .png формат имеют.
      Здесь я просто привёл пример. Можете сохранить и в другом формате — jpeg. :smile:

      Ответить

  3. Alexandr:

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

    Ответить

    • Сергей Саранчин:

      Согласен, Александр, хорошее дополнение!

      Ответить

    • Артем:

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

      Ответить

    • Екатерина:

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

      Ответить

      • Alexandr:

        Через время я фавикон не помню, но помню его цвет и примерные очертания.

        Ответить

        • Екатерина:

          Если часто заходишь на какой-то сайт, то фавикон запоминает мимо воли.

          Ответить

          • Alexandr:

            Если часто, то да. А если через полгода?

            Ответить

          • Екатерина:

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

            Ответить

          • Игорь:

            Точно Екатерина говорите.
            Так у всех происходит

            Ответить

  4. Артем:

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

    Ответить

    • Екатерина:

      У меня установка фавикона заняла всего минуты 2 максимум.

      Ответить

      • Игорь:

        Да ничего сложного нет в установке фавикона.
        Кстати во многих темах есть функция установки фавикона.Значит и плагин и скрипт не нужны.

        Ответить

  5. Игорь:

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

    Ответить

    • Екатерина:

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

      Ответить


НАПИШИТЕ СВОЙ ПЕРВЫЙ КОММЕНТАРИЙ НА ЭТОМ БЛОГЕ И ПОЛУЧИТЕ ПОДАРКИ!

Нажимая кнопку "ОТПРАВИТЬ" комментарий, Вы принимаете пользовательское соглашение и подтверждаете, что ознакомлены и согласны с политикой конфиденциальности этого сайта.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: