Фавикон для сайта.

favicon-ico     Симпатичная картинка перед адресом сайта-фавикон всегда запоминается и служит визитной карточкой сайта гораздо лучше, чем звонкое имя. Не секрет, что картинка запоминается лучше, чем слова, для большинства людей (70% из нас визуалы). Как создать такую картинку или как её ещё называют — Favicon, мы и рассмотрим.

Favicon – это небольшая картинка  (иконка) в форматах ICO, JPEG, PNG, BMP и GIF, которая может иметь разные размеры, начиная с 16×16 пикселей. Картинку именно такого размера надо обязательно загрузить на сайт для индексации роботом Яндекса.

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

В случае наличия нескольких фавиконок разных размеров, в коде страницы первым надо расположить путь к картинке размером 16х16 px, так как фавиконочный робот Яндекса считывает только первый адрес.

favikon    Вот так выглядит фавикон на этом сайте. Видна маленькая картинка около названия страницы.

Можно изобразить фавикон в фотошопе. Но если вы не владеете им, то существует множество удобных сервисов, где можно его создать. Например, сервис Логастер.  В нем можно создать не только фавикон, но и логотип вашего сайта или бизнеса, визитки, конверты, бланки и всё будет выдержано в  едином стиле, что лишний раз будет указывать на ваш профессионализм. Есть возможность редактирования по вашему вкусу.  Есть возможность выбрать уже готовые фавиконы и логотипы из галереи. Посмотрите Логастер и вы будете приятно удивлены удобством этого сайта.

Logaster-favikon2

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

 

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

Существуют сайты , в которых  можно легко сделать иконку для сайта, преобразовав любую картинку в файл favicon.ico, без возможности редактирования. Например: www.favicongenerator.com — пожалуй, самый минималистический сервис. Всё просто — выбрали изображение, нажали кнопку “Generate Favicon!” и скачали созданную иконку.

favicongenerator

Следующий сервис: tools.dynamicdrive.com/favicon — тоже простой сервис, где можно сделать favicon в трех размерах. Чтобы скачать полученные файлы, надо нажать на кнопку “Download FavIcon” под ними.

sozdanie-favikon

Можно фавикон сделать и на этих сервисах, кстати тоже несложных:

www.cy-pr.com/tools/favicon и www.favicon.co.uk

www.genfavicon.com

Существуют ещё онлайн редакторы. В которых вы можете картинку создать с нуля или редактировать, сделать ее анимированной.  Это antifavicon.com, favicon-generator.org, favicon.ru популярный российский онлайн-генератор,

www.favicon.cc —все эти сервисы просты и разобраться в их использовании не составит труда.

После создания фавикона вставляем ее на сайт. Если сайт на движке WordPress, то  при установке иконок для сайта возможны три варианта :

  1. из админки блога Вордпресс, используя настройки шаблона;
  2. обычная установка без плагина;
  3. с помощью плагина.

Вставляем фавикон на блог из админки

Это самый простой способ. Для этого заходим в настройки темы, выбираем нужный файл на компьютере и жмем “Загрузить“. Сохраняем изменения и проверяем результат.

 favicon-na-wordpress

Картинка появится после обновления данных.

Установка favicon на сайт без плагина

Если у вас есть готовый фавикон, то  это должна быть картинка с любым названием в форматах GIF, JPEG, PNG или BMP. Но лучше всего, если это будет файл изображения в формате .ICO с размером 16×16 пикселей favicon.ico. Переименуйте, если у вас не так.

Добавить Favicon на сайт очень просто. Надо просто скопировать его в корневую директорию сайта по FTP. На Вордпресс это папка public_html (там, куда устанавливали robots.txt). Можно с помощью программки FileZilla.

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

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

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

Если вы загрузили картинку в другую папку, то укажите полный путь к ней в атрибуте href. Если картинка не в формате .ico, то укажите это в атрибуте type, заменив x-icon на нужный формат.

Как прописать код favicon для WordPress:

  • Идем в админку “Внешний вид” – “Редактор“.
  • Открываем файл header.php.
  • Вставляем код до закрывающего тега </head>.
  • Жмем “Обновить файл“.
favikon-kod

Как поменять иконку сайта

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

Если картинка расположена в другом месте, то делаем следующее:

  • Открываем в браузере код страницы сайта (Ctrl+U).
  • Ищем строку, где прописан адрес фавикона.
  • Заменяем файл по указанному адресу.

Почему не отображается favicon ?

Если favicon сразу не отображается в браузере после установки или замены, необходимо:

  • перезапустить браузер;
  • обновить кеш;
  • проверить правильность пути к пиктограмме сайта.

В поисковой выдаче Яндекса favicon появится только после того, как сайт посетит специальный робот. После этого фавиконка преобразуется в формат PNG и добавляется на сервер Яндекса по адресу  http://favicon.yandex.net/favicon/biznesid.ru. Чтобы увидеть иконку своего сайта, замените имя моего домена своим. Бывает, что Яндекс долго не отображает пиктограмму в выдаче. Необходимо подождать и, если примерно через месяц иконка не появится, надо  задать вопрос в тех.поддержку.

 Плагин для установки фавикона Easy Favicons – Wordpress

Можно использовать плагин для установки favicon на WordPress. Существует много подобных плагинов, но я расскажу про один наиболее простой. Он называется Easy Favicons. Скачать его можно по этой ссылке.

Устанавливаем и активируем плагин. Открываем в админке страницу с настройками.

 nastroika-favicon

Выбираете один из трёх способов установки фавикона (как видно из картинки) и нажимаете «сохранить изменения». Всё — фавикон установлен.

И ещё. Картинку выбирайте крупную. Одна буква, цветок или символ отлично будут видны при размере 16*16 пикселей. Красивых  вам фавиконов!

<script type=»text/javascript» charset=»UTF-8″ src=»http://z1510.takru.com/in.php?id=1519873″></script>

Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий

Besucherzahler
счетчик посещений