23 августа 2011      60      39

Как сделать фавикон (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. Артем:

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

    [Ответить]

Ваш комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Автор блога:

Добро пожаловать на страницы моего блога! Меня зовут Александр, я являюсь автором. На моем блоге вы найдете информацию о блоггинге, заработке в интернете, оптимизации и продвижении, а также другие полезные вещи.

Популярные записи
Ссылки на социальные сети:

© 2018 Блог Александра Бобрина. Создание сайта и заработок в интернете · Копирование материалов сайта без разрешения запрещено
Политика конфиденциальности | Пользовательское соглашение