Иконка сайта или Favicon (сокращение от Favorite Icon  - любимая иконка) — это важный элемент дизайна сайта.

Именно иконка помогает ему выделиться в адресной строке, запомниться посетителям.

Иконки моих сайтов:

Для «Волшебной нити» я связала цветочек, сфотографировала его и загрузила эту фотку, для инфоАзбуки оставила иконку шаблона, а вот «Царевне Несмеяне» не повезло — в шаблоне совсем не подходящая для кулинарного сайта иконка. Будем менять!

Приступаем к созданию иконки сайта:

Подберите, пожалуйста, серию тематических картинок для Вашего сайта.

Я выбирала картинки для блога «У царевны Несмеяны», на котором размещаются рецепты сладких десертов.

Размер фото — не более 300 кб!

Можете сразу полюбоваться на разницу между маленьким фото и иконкой. Очевидно, что картинка должна быть четкой и яркой. Кстати, я встречала  иконки сайта — уменьшенные фото его автора.

Выбор за Вами.

И, конечно, Вы можете  выбрать уже готовую иконку, найдя ее через поиск инета:

Несколько вариантов я приложу внизу страницы...

Самое главное, иконка должна быть в ico формате!

Поэтому с любой картинкой (готовой иконкой или нет) лучше и проще продолжить работу на  сайте  http://favicon.ru/

Переходим на сайт.

1. Нажимаем «Выберите файл» и загрузите  картинку. Можно никакие галочки не ставить, а сразу 2 — нажимать «Создать...».

Кстати, для одного сайта я сделала 32 на 32, а для другого 48 на 48 (зависит от картинки).

Посмотрите, что у Вас получилось. Нравится? Нажимаем «Скачать»

Нет? Не понравилось? Повторите с другой фотографией! — жмите «Создать другую иконку».

В итоге,  немного помучившись между короной и тортиком, я выбрала тортик.

Еще один важный момент! Если Вы делали несколько вариантов, то имена у Ваших картинок разные. Поэтому надо проверить, чтобы она шла под именем  favicon.ico (без каких либо дополнительных циферок).

Когда Вы определитесь, переходим к следующему этапу — самому ответственному.

Прочитайте внимательно инструкцию!

Действуем: идем в корневую директорию сайта, нам понадобится "public_html".

Заходим в панель управления  хостинга. Нажимаем Файловый менеджер. У Вас может быть немного другая картинка.

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

Нажимаем «Загрузить», открывается новое окно.

Переходим к загрузке: 1 — выбрать файл, 2 — загрузить.

Проверяю: файл появился.

Перезагружаю сайт. Посмотрела. Иконка появилась сразу. То есть,  мне не надо идти в редактор и вставлять код — это поддерживается моим шаблоном.

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

Если Ваш шаблон сразу был без иконки, то Вам придется выполнить и 2 часть инструкции. Перейти в админку своего сайта — внешний вид — темы — редактор и там выполнить действия  пункта 3 по инструкции сайта favicon.ru.

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

Прилагаю  обещанные выше  варианты иконок. Заходите в фоторедактор, вырезайте понравившуюся картинку и действуйте!

Популярность: 5%


Понравилась статья? Расскажите друзьям:
Наши группы: