Блог Понтика Максима

Как быстро сделать иконку для сайта?

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

Вот такая иконка называется favicon. И я вместе с вами сегодня разберусь как сделать иконку для сайта фавикон. Читаем пост до конца и очень внимательно.

Чтобы всем было понятно почему называется именно favicon полистаем английский словарь и найдем примерный перевод (ICON иконка, значок) иконка для сайта.

Все продвинутые веб-мастера используют данную иконку favicon для продвижения своих проектов. Красиво сделанный фавикон придает сайту свою индивидуальность и легко запоминается пользователям в статье
Как сделать красивый дизайн сайта
я это рассматривал. А еще и система Яндекс в поисковой выдаче показывает эту иконку слева от каждого сайта вместо значка браузера. Наберем в поиске Как сделать иконку для сайта и видим результат…

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

Иконка должна быть сделана форматом favicon.ico, размером 16*16 пикселей, разрешение обязательно .ico создавайте.

Как сделать иконку для сайта favicon?

Для создания маленькой
изюминки сайта
не обязательно надо быть мастером фотошопа. Вам не потребуются сложные программы все на много проще.

Переходим от слов к делу:

1) Существует отличный сервис http://favicon.cc по созданию и выбору иконок. Переходи на данный сайт и видим такую картину:

Как видно на данном снимке, сервис этот очень простенький. В большом окошке создавайте свою будущую иконку, а генератор сайта favicon.cc сам сгенерирует ее 16*16 пикселей.

2) Кому лень сделать, можете выбрать готовые иконки, там их очень огромное число даже есть не только простые, но и анимированные. Для этого нажимаем на ссылку Top Rated favicons и ищем ту, которая приглянулась.

3) Ну что выбрали из предложенных самую красивую? Хорошо, теперь открываем ее.

4) Чтобы ее скачать нажмите на ссылку Download favicon все она стала вашей.

5) Сейчас для того, чтобы она запестрила около вашего названия сайта вам нужно закинуть иконку в корень своего сайта (корневая папка у меня www).

А после тега <head> советую прописать вот такой код в главных файлах сайта index.php или header.php:

Перезагружаем страницу блога и смотрим результат. Если изменений нет, тогда попробуйте очистите кеш браузера. Еще может быть так, что для таких иконок на вашем сайте существует отдельная папка, где должен быть расположен favicon ico. Движок сайта играет определенную роль. У меня сайт сделанный на wordpress и путь к иконке такой — …/www/seoslim.ru/favicon.ico.

Не ищите сделанного значка своего сайта сразу же в выдаче Яндекс. Робот системы Яндекс должен с начало посетить ваш сайт и найти фавикон. Визит робота Яши может затянуться до трех недель. Терпение и еще раз терпение друзья. Советую прочитать статью
Счетчик количества посещений сайта от Google
проверяйте свой блог надежным способам.

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

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>