Получайте секретные материалы проекта на свой E-Mail:

Украшаем адрес сайта с помощью favicon

Здравствуйте, дорогие посетители seokos.ru! Сегодня мы поговорим о том, как сделать favicon иконку для сайта. Приступим!Как сделать favicon

Для начала, что же такое Favicon? Фавикон — это картинка, значок, логотип (кому как удобно), маленького размера, которую вы можете увидеть в браузере, в окне ввода адресов сайта или на вкладке.

Так же в Яндексе такой значок выводится перед названием сайта, в начале поисковой выдаче.

А теперь к главной части статьи, Как сделать favicon для сайта? 

Чтобы сделать favicon, нужно изменить любую картинку до специального размера и перевести в формат .ico. Сделать это можно разными способами, для этого придумано уйма подобных сервисов. Далее речь пойдет о сайте Favicon.ru, самый популярный на сегодняшний день сервис по созданию и редактированию иконок сайта!

И так, начнем:

  • Находим подходящую картинку, которую бы вы хотели видеть в качестве иконки на своем сайте (это может быть обычная картинка с телефона, изображение взятое на просторах Сети, или же простой скриншот, произведенный на вашем компьютере)

  • Загружаем изображение на сайт
  • Смотрим как будет выглядеть иконка. Если нравится сохраняем кнопкой «Скачать favicon.ico!», если нет начинаем с первого пункта, пока не найдете то, что будет вам по душе.
  • Если вы создали иконку, переходим дальше. Загружаем файл favicon в корень вашего сайта (для этого я использую FileZilla)
  • Если у вас блог на WordPress, заходим в панель администратирования, далее в меню слева выбираем «Внешний вид», там щелкаем на вкладку «Редактор», и выбираем файл  заголовок (header.php).

  • В появившемся окне перед тегом </head> вставляем следующий html код:

<link rel="shortcut icon" href="<?php bloginfo ('home'); ?>/favicon.ico" />

 Рекомендую перед тем, как вставить код, скопировать содержимое header.php в текстовый документ! 

  • Если у вас не WordPress, напишите об этом в комментариях! Напишу инструкцию лично для вашей CMS.

Ну вот и всё! Мы ответили на вопрос: как сделать favicon, а значит научились этому ремеслу. Не забывайте про существование комментарием. Есть вопрос? Пишите, отвечу!  Спасибо за внимание!

Также советую прочитать следующие статьи:

Перенос хостинга

Счетчики посещений

— Как увеличить посещаемость бесплатно

С уважением, Томский школьник 



style="display:inline-block;width:630px;height:90px"
data-ad-client="ca-pub-0353732343318230"
data-ad-slot="3060350256">

Белан Константин Сергеевич

С уважением, Константин Белан.

Рабочая 634570 Россия, Томская обл., г. Томск, +7 952 160 36 17
Сделайте мне приятно - нажмите на любую из кнопок:
Подпишитесь на рассылку блога и получайте новые статьи на свою почту
Количество комментариев к данной статье: 31
  1. Автору спасибо. Давно искал, как изменить значек, не некак не мог найти!!

  2. Ответить

    Спасибо, хорошая статья. Подписался.

  3. Ответить

    «Томский школьник» Довольно интригующе, но и завлекательно!!

    • Да, только проблемка в том, что со временем, когда Томский школьник перестанит быть школьником, нужно менять псевдоним, а это не очень-то хорошо для просторов интернета.

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

        И, ничего, привыкли.

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

  4. Ответить

    Круто. Добавлю блог в избранное и друзьям посоветую. Ждите новых читателей 🙂

  5. Молодец! Хорошо написано, понятно. Очень удивилась, когда почитала страницу об авторе и узнала, что Вам 15 лет. Толковый блог получился!

    • Людмила, Спасибо большое! Заходите еще)

  6. Ответить

    Добрый день! Мой сайт : www. my-vengria.ru на платформе Jimdo , как в этом случае сделать фавикон ? ❓

    • Zhelezka, Аналогично! Только не нужно никуда никакой код вставлять. Просто скидываете фавикон в корень сайта и наслаждаетесь!

  7. Ответить

    Что то картинки не все в этой статье открываются... А статья не очень информативная. И не до конца спета)))

  8. Людмила:

    Молодец! Хорошо написано, понятно. Очень удивилась, когда почитала страницу об авторе и узнала, что Вам 15 лет. Толковый блог получился!

    Блогосфере все возрасты покорны. :mrgreen:

  9. Ответить

    где то видел скрипт где можно менять каждый час иконки фавиконов...вы такой не встречали?

    • Ответить

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

      Но для чего? Смысл фавикона — делать статью узнаваемой по этому символу.

  10. подскажите, пожалуйста, как на платформе blogger.com сделать фавикон?

    • Фавикон можно нарисовать в Студиях разных: Майкрософтовских, Борландовских, Лазарусовских. В Гимпе можно. В Фотошопе не знаю.

      • Ответить

        Алекс, а я один фавикон пробовала рисовать в Фотошопе. Вроде как получилось.

  11. Костя я восхищаюсь тобой как ты пишешь статьи.

    • Олександр, поверь в себя, и тоже получится! Пусть и не сразу, но получится. Костя тоже с нуля начинал когда-то.

      • Алекс. Я знаю. У меня есть уже одна статья как я отдыхал в России но она на украинском языке. Если интересно могу скинуть ссылку.

  12. Когда-то считал favicon излишеством. Сейчас игнорирую сайты без favicon-а.

    • Ответить

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

      И что тогда, принципы прежде всего?

  13. Ответить

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

  14. Ответить

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

  15. Ответить

    Денис! Я зашла к Вам на сайт, но зарегистрироваться не смогла, поэтому прохожу там, как Аноним.

    Желаю Вам успехов и победы в Конкурсе!

    • Ответить

      Хорошо. Как думаете, если добавить кнопки социальных сетей, будет ли пользователям удобнее?

      Спасибо, а в каком конкурсе? Я сейчас нигде не участвую.

  16. Favicon должен стоять у все, без сомнений. Спасибо Константину что просветил. Тем более иконка favicon способна даже увеличить посещаемость. Но не на много 🙂

  17. блог уже почти месяц у меня а favicon еще не установил, буду устанавливать

  18. Ответить

    Привет, Костя! Я из числа нерешительных блогеров, у которых до сих пор нет фавикона. И не то, чтобы я не знаю об этой фишке. Наоборот. слышал о ней ещё 5 лет назад. Но проклятущая привычка откладывать «на потом», субит все мои благие порывы на корню.

    А вот сегодня решил окончательно — пока гне сделаю, эту твою статью не закрою! 😉

  19. Доброго времени суток!

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

  20. Ответить

    Отличная статья.Давно использую

    favicon.

    Меня устраивает.