Простой способ повышения узнаваемости сайта в поисковой выдаче - нарисовать или создать фавикон (favicon.ico). Фавикон как и заголовок страницы идентифицирует ваш ресурс для пользователя. Что такое фавикон и для чего он нужен? Как его создать или где скачать готовый

    набор фавиконов, как сгенерировать фавиконку и где живет фавикон генератор?? Как установить фавикон на сайт? Обо все по порядку ))).

 

Фавикон - это маленькая картинка-иконка 

которая отображается:

  • в адресной строке браузера, рядом с адресом (URL) сайта,
  • в закладках браузера,
  • в поисковой выдаче,
  • при сохранении ярлыка сайта на рабочем столе;

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

Несколько слов о фавикон дизайне:

  1. Картинка должна быть запоминающейся, если на других сайтах, блогах, галеряех и т.п. уже установлена 1000 и 1 аналогичная картинка, то смысл фавикона теряется;
  2. Использовать лучше 1 фавикон для всего сайта – это будет способствовать лучшему запоминанию пользователей вашей фавиконки;
  3. Дизайн фавикона должен быть легким, при его маленьком размере, всего 16х16 пикселей, лучше упростить логотип, чем сделать его перегруженным рисунком; 

Заголовок страницы

  1. Текст заголовка страницы должен быть максимально приближен к контенту страницы открытой у пользователя;
  2. Для заголовка страницы, актуально утверждение «краткость - сестра таланта» - много букв никто читать не будет.

Как создать фавикон онлайн?

    Создать фавикон онлайн можно разными способами, наиболее известный сервис, чтобы нарисовать фавикон онлайн www.favicon.cc

Кликаем по кнопке слева Create New Favicon

И начинаем рисовать фавикон, используя инструменты справа:

pick existing color - для закрашивания одного квадратика пикселя вашей будущей фавиконки (favicon.ico) – выбираем нужный цвет в палитре справа

move - двигаем картинку

transparent – для стирания - при нажатии квадратик пиксель становится прозрачным, его снова можно заполнить цветом

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

Вуаля!

      Можно не только нарисовать фавикон, но и загрузить картинку через Import Image, если стороны картинки равносторонние то выбирайте в опциях Keep dimensions, если нужно изображение «оквадратить», тогда Shrink to square icon, затем жмем upload, и получившуюся картинку можно редактировать, как написано выше.  Сохранить фавикон можно через кнопку Download Favicon.

     Фавикон галерея открывается на этом же сервисе кнопокй Latest Favicons, можно посмотреть что создали другие пользователи на этом сервисе, выбрать дату создания фавиконок и топовые фавиконки.

      Как установить фавикон на сайт?

Фавикон для сайта установить можно закачав файл favicon.ico в корневую папку вашего сайта, например, это может быть директория public_html, www, htdocs и т.п. отличительная особенность корневой папки сайта это наличие файлов  index.php, index.html. Если на хостинге установлена cms такие файлы могут быть и в директории относящийся к ней.

Нужно подключиться к хостингу по ftp и сохранить файл в выбранной директории.

      Изменить фавикон в joomla 1.5

Чтобы изменить стандартный фавикон в joomla на свой нужно открыть директорию по адресу:

http://имя_вашего_сайта/templates/название_используемого_шаблона/

 и заменить уже имеющийся там файл favicon.ico на свой.

     Изменить фавикон для блога на wordpress

 По умолчанию фавиконка для блога на wp располагается по адресу:

http://имя_вашего_сайта/wp-content/themes/название_используемого_шаблона/favicon.ico

поступаем аналогично как и при добавлении фавикона на joomla.

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

    Как добавить фавикон в шаблон сайта

Если фавикон не отображается на сайте несмотря на приложенные усилия выше, то значит, ему нужно прописать место в вашем шаблоне. Для этого откройте файл index.php для редактирования и внесите перед тегом </head> код :

<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">.

Все сохраняем.

После этого фавикон должен отображаться на сайте. Запустите браузер – нужно очистить кэш или перезагрузите компьютер.

Фавикон генератор

Если рисовать онлайн или использовать картинку для превращения ее в фавикон у вас нет никакого желания, времени - нужное подчеркнуть, при необходимости добавить свой вариант ответа, – используйте генератор фавиконок:

http://www.favicongenerator.com/

http://www.favicon.com.mx/

http://www.favicon.co.uk/

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

http://favicon.yandex.net/favicon/vothosting.ru


Список хостингов Виртуальный хостинг СМS хостинг SEO-хостинг Hostland

Комментарии (2)

фавикон создание
0
Хороший материал, спасибо!
Аля , Март 16, 2011
фавикон
0
Хорошая статья, спасибо. Помогла мне разобраться в вопросе создания фавикона и добавлении его на сайт. Еще раз большое спасибо.
Андрей , Май 11, 2012 | url

Написать комментарий


-

smaller | bigger

busy