Как создать фавикон Вашего сайта!?

Опубликовано от Комментариев нет

2013-11-17_155609

Иконка фавикон (favicon.ico) – это маленькая картинка, которая отображается в браузере в строке  адреса, рядом с URL сайта, а также в некоторых поисковых системах — например, в Яндексе.

Название фавикона происходит от сокращения “Favorite Icon” (”любимая икона“).

Как нарисовать favicon.ico самостоятельно?

Создание фавиконки.

Заготовку для фавиконки нетрудно найти в Интернете. В Яндексе и Гугле есть подходящая для этого опция поиска по изображениям — “поиск по типу картинки”.

Можно поступить и по-другому: пойти на какое-нибудь хранилище картинок и выбрать оттуда подходящую картинку по ключевому слову “icon”.

Можно конкретизировать поиск: например, если хочется иконку с автомобилем, то задать “auto icon”.

Затем, используя графический редактор Picture Manager, следует обрезать размер картинки так, чтобы будущая иконка вписалась в квадрат, оставив минимум свободного места.

После этого размер изображения делается 48?48 (именно для минимализации искажений рекомендуется изначально взять такой).

Затем ее надо сохранить для web в формате GIF и обязательно без подложки — если, конечно, фон не несет какой-нибудь дополнительной смысловой нагрузки.

Онлайн-сервис FAVICON.RU.

Лучшим онлайн-сервисом для создания фавикона.ико на сайты является  http://favicon.ru/.  Этот сайт позволяет сделать иконку из любой картинки.

fav2

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

Остается скачать favicon.ico для сайта нажатием кнопки “Скачать favicon.ico!”.  Сервис по созданию фавиконов работает совершенно бесплатно.

После всех манипуляций иконка ФАВИКОН.ИКО готова и лежит на локальном компьютере с одноименным названием.

Дальше загрузить готовую иконку (фавикон) на свой хостинг .

Всегда размещайте файл с иконкой favicon.ico в корневой директории!

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

После загрузки надо аккуратно прописать путь размещения фавикона на хостинге между тегами «head» и « /head» на HTML-странице.

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

Чтобы установить фавикон на сайт, между тегами <head> и </head> нужно прописать следующие строчки:

<link href='http://ваш домен/dopmat/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://ваш домен/dopmat/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://ваш домен/dopmat/favicon.ico' rel='shortcut icon' type='image/gif'/>

То, что выделено – путь к иконке .

Заодно можете оценить, насколько икона отображает суть тематики SEO и по цветовой гамме и стилистике делает сайт запоминающимся.

Скриншот расположения адреса фавикона блога расположенного на платформе blogspot

fav3

Остается проверить, как отображается фавикон на сайте в браузере и поисковых системах.

Если используется браузер Mozilla Firefox, то нужно закрыть его и затем открыть снова — новоявленная иконка должна появиться рядом с URL сайта.

В некоторых релизах Internet Explorer иконки тоже отображаются, иногда для этого приходится поместить сайт в закладки.

Что же касается поисковых систем, то иконку favicon.ico они загрузят при следующем сканировании сайта, а отобразят лишь при очередной ротации поиска.

И если с индексацией web-ресурса все в порядке,то через одну…две недели можно будет увидеть фавикон рядом с заголовком сайта.

Основной материал  для изготовления презентации  по изготовлению иконки фавикон взят на сайте com-seo.ru

Удачи Вам и успеха в создании и установке фавикона на Ваши ресурсы

Добавить комментарий

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