Favikon для вашего сайта

Favicon для вашего сайта. Как создать фавикон и установить.

фавикон

 

Что такое Favicon и зачем он нужен вашему сайту или блогу?

Приветствую вас уважаемый посетитель блога «Территория Успеха».

Давно собиралась обзавестись фавиконом для своего блога, как то не хватало меня, сегодня решила разрешить этот вопрос и установить наконец-то  фавикон и написать об этом подробно. Как создать его, где это сделать совершенно легко, и где найти уникальные изображения, так называемые «иконки» для фавикона. Ну и конечно же как установить и настроить ваш оригинальный фавикон на блоге WordPress и Blogger.

Что такое  Favicon.

Favicon – это значок, который сделает ваш блог, портал, сайт уникальным, а также узнаваемым. Фавикон  поможет вам выделиться среди огромной массы сайтов, также фавикон поможет подчеркнуть тему вашего проекта или направление.

Где можно увидеть такой значок? Если вы обращали внимание, когда вводили в поисковую строку любой  поисковой системы  Google  или  Yandex, то в результатах выдачи слева от адреса сайта имеется маленький значок, вернее иконка. Но, заметьте, не во всех. И, как правило, пользователь отдает предпочтение тому сайту, который имеет этот знак, фавикон. Все-таки такой сайт в глазах простого пользователя вызывает больше доверия и указывает на профессионализм. Скорее всего, посетитель пройдет по ссылке с фавиконом, чем без.

На этом рисунке вы видите в красных квадратиках сайты в выдаче с фавиконом.

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

 

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

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

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

http://favicon.yandex.net/favicon/site.ru  а вместо site.ru   адрес вашего сайта или блога.

Ну что ж, друзья, осталось только создать этот чудо-знак. Для этого нам понадобиться всего лишь 10минут. Итак, по очереди.

Нарисуем свой Favicon самостоятельно.

Сейчас в интернет существует много онлайн сервисов, которые предлагают создавать изображения, фоторамки, я писала об этом в этой статье,  фотоприколы, о которых я писала здесь, демотиваторы, которые я также упоминала тут. Ну и это далеко не все. Очень много чего сегодня можно создать при помощи волшебного инструмента «интернет». Творческим людям простор деятельности неограничен.

Так вот, если у вас есть хоть какие-либо навыки и понятия в рисовании, вы можете совершенно спокойно нарисовать свой неповторимый и эксклюзивный фавикон. Я не могу похвалиться какими либо задатками в художестве, в музыке – пожалуйста, но все-же рискнула нарисовать сама.

Моя тема «Территория бизнеса», я так предполагаю, что на моей территории не может быть темных красок, для меня бизнес это успех,  это что-то яркое, светлое, манящее.  Вот из этих соображений я нарисовала вот такую иконку. Думаю, что привлекать внимание она будет.   Вот и вы предположите, какая картинка лучше всего отображает тему или идею вашего ресурса. Если вы немного разбираетесь в цветосочетаниях, или по крайней мере любите рисовать, вам не составит большого труда нарисовать ваш фавикон.

Для этого переходим на  сайт favicon.cc . Это онлайн генератор, где можно самостоятельно нарисовать фавикон  или создать из вашей картинки. Если нет желания возиться и экспериментировать, на этом сервисе вы можете скачать понравившийся вам фавикон в виде простой картинки и анимационный фавикончик. Здесь все очень просто и понятно.

Слева опция, обозначена красной стрелкой по номером 1: Создать Новый Фавикон. Справа на цветовом поле выбираем нужный цвет , а ниже берем карандаш и по клеткам рисуем миниатюру. Если нужно что либо удалить, можно там же справа взять.

 

 

Transparent  ластик, который вытрет все, что не нужно.

Мне нужен был круглой формы рисунок, я добавила изображение, обыкновенный смайл, размером 80*80  пикс. И потом его отредактировала, и получилась вот такая иконка.

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

 

Внимание, кликните на картинку и она увеличится в размере.

 

фавикон

 

 

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

 

 

После того, как ваша иконка готова, скачайте её на свой компьютер.

Или в поле слева, выбрав 3 опцию или 4, откроются созданные другими пользователями фавиконы, которые вы можете просто скачать.

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

А дальше всего лишь:

  1. Надо скопировать файл в корневую директорию вашего сайта;

wp-content, wp-admin. В моем случае эта папка называется public_html:

  1. Переименуйте название файла в «favicon.ico». Если вы следовали инструкциям выше, у вас не возникнет надобности переименовывать.

Следующее, что нужно сделать, найти в директории сайта папку вашей темы, в моем случае это   /public_html/wp-content/themes  и открываем папку themes для редактирования.

Лучше всего скопируйте аккуратно содержимое папки в блокнот и там отредактируйте.

И найдите следующее:

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

Или что то похожее, и замените эту строчку на  эти, которые ниже.

 

<head>

<link rel="shortcut icon" href="http://адрес_сайта/favicon.ico" type="image/x-icon" />

<link rel="icon" href="http://адрес_сайта/favicon.ico" type="image/x-icon"

</head>

 

Не забудьте заменить  адрес_сайта  на ваш  URL.

 

Ну а в поиске надо подождать, пока Яндекс робот зайдет к вам в гости и проиндексирует вашу иконку.

 

Favicon-Generator.org

Amichurin.Appspot.com  на русском языке с простым функционалом

Favicon-Generator.org  еще один генератор фавиконок

favicon.cc  здесь можно самостоятельно создать и скачать из множества готовых иконок

favicon.ru  на русском языке.

http://faviconka.ru/  здесь вы можете выбрать готовый фавикон

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

 

Еще интересное на эту тему здесь: