Простой способ повышения узнаваемости сайта в поисковой выдаче - нарисовать или создать фавикон (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
  • Report abuse
  • +1
  • Report abuse
  • Report abuse
фавикон
0
Хорошая статья, спасибо. Помогла мне разобраться в вопросе создания фавикона и добавлении его на сайт. Еще раз большое спасибо.
Андрей , мая 11, 2012 | url
  • Report abuse
  • +0
  • Report abuse
  • Report abuse

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

smile wink laugh grin angry sad shocked cool tongue kiss cry

������� - �������

smaller | bigger

busy
Страхование КАСКО
карта банка
ндфл
усн
Оформление доверенности
страхование ипотеки
esim
осаго
ВЗР страхование
кредитная карта
Cialis 5 mg Comprar Viagra Contrareembolso comprar Cialis online mejores farmacias para comprar Viagra efectos a largo plazo de Cialis Reduslim funciona ¿Qué es lo que provoca la disfunción eréctil? Cialis (tadalafilo) vs Viagra (Sildenafil) Comprar Cialis 5 mg Cialis 5 mg effetti collaterali Acquista Cialis 20mg Comprare Cialis originale in Svizzera Acquista Viagra in Svizzera senza prescrizione Cialis 10mg Acquista Viagra in farmacia Cialis 5mg prezzo Comprare Spedra Avanafil senza ricetta online Dove comprare il Viagra in Svizzera игра Aviator Games Acquisto Cialis 5 mg online Possibili effetti collaterali di Cialis 5 mg Acquisto Cialis 20mg online Comprare Cialis originale in Svizzera a buon prezzo Viagra senza ricetta effetti collaterali Acquisto Cialis 10mg online Viagra in vendita in farmacia online Cialis 5mg prezzo in farmacia Precio de Reduslim Spedra Avanafil in vendita online Dove comprare il Viagra in Svizzera Cialis 5 mg Consegna a domicilio de Viagra Contrareembolso Dónde encontrar Cialis 5 mg al mejor precio Comprar viagra en España Cialis 5 mg efectos secundarios comunes Reduslim adelgazar Incapacidad para mantener una erección Cilis vs Viagra avanafil prezzo cialis 20 mg prezzo cialis effetti benefici cialis 10 mg Reduslim Kaufen pulse coin price buy cialis or generic tadalafil