Блог Александра Бобрина. SEO, блоггинг, инфобизнес и заработок в интернете
Реклама/Услуги

Как сделать фавикон (favicon) для сайта?

Доброго времени суток, уважаемые друзья!

Фавикон для сайта. Как сделать favicon?Сегодня я Вам хочу рассказать, как создать или заменить стандартную иконку сайта или блога, которая называется фавикон (favicon).

Иконка — это маленькая картинка (логотип, значок), которая отображается на вкладке или окне нашего браузера.

Выглядит это так:

Вид фавикона

Также иконки можно так же увидеть перед названием сайтов в выдаче поисковой системы Яндекс:

Вид фавикона в Яндексе

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

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


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

Вид логотипа
Желательно чтобы Ваша картинка была квадратная. Можно в качестве favicon использовать любое изображение, например, скриншот. При необходимости, изменяем размер и выполняем оптимизацию изображения.

Закачиваете её на любой фотохостинг. Я использовал radikal.ru. Там уменьшаете ее до 32 пикселей, после чего можно скопировать ссылку, или сохранить изображение на жесткий диск Вашего компьютера.

Как сменить иконку блога

Далее я залил картинку в корень своего блога. Можно этого не делать, если скопировали адрес своего изображения на «Радикал».

Затем заходим в административную панель, далее редактор,  в правой части экрана выбираем заголовок (header.php).

Как сменить иконку блога

Рекомендую скопировать исходный код заголовка в текстовый редактор, на случай непредвиденных обстоятельств!!!

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

<link href='адрес изображения' rel='icon' type='image/расширение(jpg или другое)'/>

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

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

На этом все, сохраняем изменения и любуемся нашим новым favicon.

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

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

Комментариев - 39
  1. Виталий

    Ура! Теперь мой блог красуется фавиконом, спасибо Александр!

    Ответить

  2. Тимофей

    Как раз захотел сменить его. Точнее тему сменил, а его нет вообще. Вот на днях займусь. Спасибо

    Ответить

  3. Николай

    Александр, день добрый. Спасибо за статью. Но иконка не поменялась на странице результатов поиска, там продолжает красоваться иконка Макхоста. Это нельзя победить или пока не замечали?

    Ответить


    Степан

    Николай, а вы дождались апа выдачи? Или же сразу посмотрели?

    Ответить


    Михед

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

    Ответить


    Dzmitry Roshchyn

    Фавикон и не сразу появляется и меняется так же в Яндекс Вебмастер. Естественно нужно время, это примерно как со снипперами Гугла, примерно через пару апов.

    Ответить


    Dzmitry Roshchyn

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

    Ответить

  4. Ольга

    Я ставила фавикон несколько раз, а он у меня так и не отображается. Не пойму что не так делала...:(

    Ответить


    Александр Бобрин

    Ольга, попробуйте сбросить кэш браузера или блога!

    Ответить


    Александр

    кэш браузера  — это постоянная проблема, особенно когда сталкиваешься с редактированием блога или при создании блога. приходиться пользоваться тремя или двумя браузерами сразу, ведь если страница постоит более 15 минут, то по всему видимому браузер ссылается не на новую страницу, а на сохраненную страницу (или кЭш) 

    Ответить


    Дмитрий

    У меня иконка появилась в браузере ( в верху) сразу после обновления кеша ghrome и wp super cashe, что касается в поиске яндекса, то она появилась через 1 месяц, причем я закинул favicon.ico в корень сайта, и ничего больше не прописывал. Просто ждите

    Ответить


    Роман

    Вот как все просто, достаточно закинуть на хостинг иконку.

    А я еще код прописывал.

    Ответить

  5. Александр

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

    Ответить


    Андрей

    Согласен. к логотипу привыкаешь сильно! И часто если его видишь даже не думаешь а том, что это может другой сайт!

    Ответить

  6. SEO-PSIX

    А я не парюсь с фтохостингами, просто стараюсь рисовать в фотошопе сразу нужного размера.

    Ответить

  7. жобаган

    У меня не работает, не знаю что делать

    Ответить


    Андрей

    А что не так? Давай я помогу!

    Ответить

  8. Андрей

    Наконец разобрался. Спасибо!

    Ответить

  9. Степан

    Я смотрел видео, и в нем показывали цветовую карту кликов гугла по разным запросам. Затем сказали, что с помощью favicon можно увеличить посещаемость. Так ли это?

    Ответить


    Анатолий Севрук

    Не знаю, как в Гугле, но в Яндексе охотнее кликают на сайты с favicon. По крайней мере, я.

    Ответить


    Аянбек

    И я тоже)))

    Ответить

  10. FIvYur

    Довольно интересно и просто. Я вот тоже тогда закину себе фавикон.

    Ответить

  11. Татьяна

    Александр,в начале статьи,во втором предложении вы 2 раза подряд написали слово «стандартную» ) Помогите пожалуйста советом: в настройках темы своего сайта я написала название сайта ,а оно у меня почему то не отображается.Раньше использовала другие темы-такого не было.В чём дело? нужно что то менять в редакторе?

    Ответить


    Александр Бобрин

    Спасибо, Татьяна, исправил! Попробуйте использовать плагин All in one seo pack, там заполняйте название, описание и ключевые слова к блогу.

    Ответить

  12. Максим

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

    Ответить

  13. Александр Василенко

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

    Ответить

  14. Михед

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

    Ответить

  15. Василий

    Подскажите, Александр, а где можно взять готовый иконки? Ну, на верняка же есть где-то архивы с готовыми иконками, где можно просто их скачать и не мучаться с их созданием!

    Ответить


    Александр Бобрин

    Василий, ну наверное много где, я сам не искал специально.

    Ответить


    Василий

    как оказалось, мест, не так и много. Могу поделится, может получится новая статья для ваших читателей?

    Ответить

  16. Вадим

    Я недавно менял на блоге фавикон. Если вам кто-нибудь однажды скажет, что это сложно — не верьте. С созданием фавикона вообще нет никаких проблем. Только ленивый не сделает. 

    Ответить

  17. Юрий

    Я картинку на одном сайте скачал (iconsearch.ru), сразу в нужном размере, и установил в шаблон. Без иконки сайт какой то безликий получается.

    Ответить

  18. Анатолий Севрук

    Жаль, что favicon так долго индексируются яндексом.

    Ответить

  19. Seoberloga

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

    Ответить

  20. Максим

    Я смотрел видео, и в нем показывали цветовую карту кликов гугла по разным запросам. Затем сказали, что с помощью favicon можно увеличить посещаемость. Так ли это?

    Ответить


    Рашид

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

    Ответить

  21. Аянбек

    У меня такая проблема с Фавиконом. Все сделал как положено, создал значок, залил на сайт, в кодах блога поковырялся. Теперь, мой фавикон который я установил, отображается только в админ панели, а когда заходишь на сам блог, то там предыдущий значок стоит RSS. В чем тут может быть дело? Подскажите?

    Ответить

  22. Николай Вилков

    Я вот сейчас для нового сайта склепал за пару минут фавикон:

    зашёл на фавикон ру и сделал фавикон из простого изображения, там все оттенки и цвета подобрались автоматом, слегка подправил и всё- вуаля! Сохранил файл формата ico и просто через ftp загрузил в корень сайта.

    Через некоторое время фавикон красуется в браузере, и я точно знаю, что он уникальный ))

    Ответить

  23. Артем

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

    Ответить

20 эффективных способов увеличить базу подписчиков!
Оставьте комментарий:
Ваше имя *
Ваш email *
Ваш сайт:
Ваш комментарий: