Ваш наставник в мире
интернет бизнеса

Как сделать favicon для сайта или wordpress блога?

Как сделать favicon? Установка favicon на сайт или блог!

Здравствуйте уважаемые читатели блога! Посмотрите сейчас на вкладку в вашем браузере на которой вы сейчас находитесь. Видите слева маленькую картинку? Так вот, называют ее еще — favicon (для тех кто не знает).

Сейчас я расскажу вам о том как сделать favicon для вашего сайта или блога. На мой взгляд это придаст вашему ресурсу более солидный вид. Итак:

Как сделать favicon?

1. Пройдите на сайт http://favicon.cc
2. Нажмите Top Rated favicons и выберете себе подходящий favicon
3. Выбрали? Отлично. Нажмите на него и скачайте — (кнопка справа) Download favicon (скачать favicon) и закиньте в корень своего сайта или блога. Фавиконы там есть разные и простые и анимированные. Кроме скачивания готового фавикона можно еще сделать его самому, но думаю это не так легко да и к чему все это...
4. Скачайте HTML-код для вставки его в шаблон вашего сайта или блога — [urlspan]скачать код[/urlspan]
5. Вставьте HTML код в главный файл вашего сайта или блога (index.php, header.php и т.д.) (вставлять нужно после тега <head>).

Готово! Любуйтесь своим новеньким favicon-чиком!!! Что касается блога на движке вордпресс (wordpress), то можно в принципе и не мучиться со вставками различных кодов и т.д., можно просто скачать готовый favicon, закинуть его в корень блога (папка publiс_html или httpdocs) и все! Поисковик Яндекс сам его найдет. Но все же я рекомендую вставить код для уверенности!

Вот такие вот дела друзья! Теперь и вы в курсе того как сделать favicon для своего сайта или [urlspan]блога[/urlspan].

P.S. Как вам статья? Советую получать свежие статьи на e-mail, чтобы не пропустить информацию о новых бесплатных видеокурсах и конкурсах блога!

C уважением, Александр Борисов

комментария 33
  1. Вячеслав

    Давно собирался поставить иконку на свой блог, теперь знаю как это сделать. Спасибо.

    в 22:24 | Ответить
    • Игорь Сварог

      Я все сделал, как написано, но иконка не появляется (сайту 1,5 года), что за аномалия? Буду ждать, если не появиться пойду к фрилансерам

      в 20:17 | Ответить
  2. Вячеслав

    Только все оказалось ещё проще. Достаточно назвать файл иконки именем favicon.ico и бросить в папку public_html и всё! Никаких кодов никуда вставлять не требуется. WordPress сам его подхватывает. 🙂

    в 11:24 | Ответить
    • Александр Борисов

      Вячеслав спасибо!

      в 16:38 | Ответить
    • Miroslavs

      Это не вордпресс подхватывает а ваш браузер [:--_)]

      в 22:55 | Ответить
      • Арс

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

        в 14:37 | Ответить
  3. иван

    здравствуйте! кто-нибудь может помочь, мне нужен javasckript который позволит сделать следующее:

    спрятать за баннер часть страницы, а при клики на него, баннер, сдвигается в низ и открывается скрытая часть страницы.

    в 14:27 | Ответить
    • Александр Борисов

      Иван — фрилансеры помогут!

      в 16:38 | Ответить
  4. Али

    Я установил плагин для фавикона. На вкладке в браузере он отображается, а вот в Яндексе нет. Как быть?

    в 10:46 | Ответить
    • Александр Борисов

      Надо подождать! Пока проиндексируется.

      в 16:39 | Ответить
  5. Виктор Боченков

    В Хроме отображается нормально, а в Мозиле ничего не изменилось.

    в 16:37 | Ответить
  6. k1ppper

    Привет. Спасибо за статью, мне понравилась. Только возникла проблема с отображением в гугл хром. В опере показывает иконку а в гугл хроме нет

    в 11:51 | Ответить
    • Александр Борисов

      Виктор Боченков и k1ppper — надо подождать!

      в 16:39 | Ответить
    • Miroslavs

      Потому что к кеше нету, очистите кеш и обновите страницу... а пока с кеша считывается — дык и не будет

      в 22:57 | Ответить
    • Василий

      ctrl+F5 для любого браузера перезагрузка страницы с очиской кеша 😉

      в 23:53 | Ответить
  7. Наталия

    спасибо вам Александр за обучение «сайт за час». [good]

    в 22:48 | Ответить
  8. Вадим

    У меня когда-то проблемы с фавиконом были... Оказалось, что просто имя не то)

    Вместо favicon, было favicion 🙂

    в 00:04 | Ответить
  9. Seoman

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

    в 00:59 | Ответить
  10. FIvYur

    Спасибо за хороший пост. Уже себе favicon поставил.

    в 15:17 | Ответить
  11. Максим

    Все оказалось проще чем я ожидал! Глаза боятся но руки делают спасибо за пост! [good]

    в 20:05 | Ответить
  12. Александр

    Так просто что ли. А я то думал. Пойду-ка и себе фавикон изменю.

    в 16:20 | Ответить
  13. Татьяна Саксон

    Там и самим можно нарисовать! Прикольно. Надо попробовать 🙂

    в 14:31 | Ответить
  14. Диана

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

    Сама тоже пробовала рисовать, ерунда получалась всякая [:))] Ну это не страшно, в интернете можно найти любую иконку, на любую тему.

    в 04:14 | Ответить
  15. Екатерина

    Здравствуйте! Подскажите пожалуйста куда именно вставлять этот код на сайт? И может через программу Web page maker можно его вставить прям на страницу где есть вставка html кодов и скриптов?

    в 14:40 | Ответить
  16. Seoberloga

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

    в 17:36 | Ответить
  17. Мария

    Полезная информация. У меня на блоге до сих пор иконки нет, помню ставила в Старт Ап был урок о том как установить favicon, но что-то у меня ничего не вышло. Попробую по Вашей инструкции.

    в 01:07 | Ответить
  18. Игорь

    Сделал себе иконку сайта по вашей статье Александр все получилось большое спасибо

    в 00:52 | Ответить
  19. МихаилUA

    Посмотрите сейчас на вкладку в вашем браузере на которой вы сейчас находитесь. Видите слева маленькую картинку?

    Посмотрел.Но у меня ничего нет .

    в 19:58 | Ответить
  20. Евгений

    Я себе тоже сделал на том сайте фавикон, всегда им пользуюсь удобный сервис!

    в 09:27 | Ответить
  21. Александр Васильев

    Напишу статью по этому поводу. Спасибо 🙂

    в 14:25 | Ответить
  22. Константин

    У меня год стоял плагин, а оказывается, можно через код поставить. Поищу еще что-нибудь на этом блоге, здесь действительно большой склад проверенной опытом информации. [good]

    в 04:15 | Ответить
  23. Антон

    сделал точно также еще давно у себя) информация верная и полезная [good]

    в 19:41 | Ответить
  24. Егор

    Спасибо Саша )) Все сделал легко и просто ))) [good] [good] [good]

    в 13:35 | Ответить
Оставить комментарий: