Желаете научиться писать первоклассные статьи, которые будут приносить качественный трафик? Тогда скачайте мою БЕСПЛАТНУЮ книгу по ссылке справа.

Скачать книгу!
Главная страница » Создание сайтов » Украшаем адрес сайта с помощью favicon

Украшаем адрес сайта с помощью 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, а значит научились этому ремеслу. Не забывайте про существование комментарием. Есть вопрос? Пишите, отвечу!  Спасибо за внимание!

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

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

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

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

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

1 Звезда2 Звезды3 Звезды4 Звезды5 Звёзд (Оценок статьи ещё нет. Будьте первыми!)
Loading...

Понравилась статья? Поделитесь с другими!

Хотите получать оповещения о новых статьях на свою электронную почту?
Тогда введите свой E-mail адрес в форму ниже и нажмите Enter:
Оставлено комментариев: 31
  1. Андрей,

    Автору спасибо. Давно искал, как изменить значек, не некак не мог найти!!

    2012-06-14 в 8:52 пп |
    Ответить
  2. goglopseg,

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

    2012-08-24 в 11:12 дп |
    Ответить
  3. Екатерина,

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

    2012-11-11 в 9:53 дп |
    Ответить
    • Виталий,

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

      2013-10-31 в 1:18 пп |
      Ответить
      • Алекс,

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

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

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

        2013-12-22 в 4:12 пп |
        Ответить
  4. Лeди,

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

    2012-12-15 в 4:52 дп |
    Ответить
  5. Людмила,

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

    2013-01-18 в 2:58 пп |
    Ответить
    • admin,

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

      2013-01-18 в 3:16 пп |
      Ответить
  6. Zhelezka,

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

    2013-01-24 в 4:36 пп |
    Ответить
    • admin,

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

      2013-01-24 в 4:47 пп |
      Ответить
  7. Евгений Крыжановский,

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

    2013-04-16 в 7:15 пп |
    Ответить
  8. Александр Василенко,

    Людмила:

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

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

    2013-04-17 в 5:37 дп |
    Ответить
  9. pikasso,

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

    2013-10-07 в 10:49 пп |
    Ответить
    • Мозгунова Ирина,

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

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

      2014-01-11 в 3:38 пп |
      Ответить
  10. Sasha,

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

    2013-12-19 в 11:18 пп |
    Ответить
    • Алекс,

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

      2013-12-26 в 10:49 дп |
      Ответить
      • Мозгунова Ирина,

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

        2014-01-11 в 4:03 пп |
        Ответить
  11. Олександр,

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

    2013-12-24 в 1:36 пп |
    Ответить
    • Алекс,

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

      2013-12-26 в 10:51 дп |
      Ответить
      • Олександр,

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

        2013-12-26 в 11:55 дп |
        Ответить
  12. Алекс,

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

    2013-12-26 в 10:45 дп |
    Ответить
    • Виталий,

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

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

      2014-07-26 в 4:28 пп |
      Ответить
  13. Мозгунова Ирина,

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

    2013-12-31 в 3:43 дп |
    Ответить
  14. Денис Скрипник,

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

    2014-01-08 в 8:30 дп |
    Ответить
  15. Мозгунова Ирина,

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

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

    2014-01-11 в 5:32 пп |
    Ответить
    • Денис Скрипник,

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

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

      2014-01-11 в 8:18 пп |
      Ответить
  16. Самсоненко Алексей,

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

    2014-03-26 в 1:19 дп |
    Ответить
  17. Виталий,

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

    2014-03-29 в 2:37 пп |
    Ответить
  18. Виталий,

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

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

    2014-07-26 в 5:00 пп |
    Ответить
  19. Иван Зелинский,

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

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

    2014-08-18 в 5:10 пп |
    Ответить
  20. Игорь,

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

    favicon.

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

    2014-11-16 в 5:44 пп |
    Ответить
Оставить свой комментарий:

Эффективный блоггинг и инфобизнес с Белан Константином

Станьте моим партнером

© 2012-2015 | При копировании материала активная ссылка на сайт-первоисточник обязательна!

▲ Наверх