Фавикон для сайта: что это такое и как его создать

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

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

Что такое фавикон

По своей сути фавикон — это специальный значок для сайта, которой отображается в браузере при поиске и служит для привлечения внимания пользователей. Как правило, это небольшая картинка, на которой изображён логотип, привлекающий внимание знак, краткая аббревиатура и так далее. В настоящий момент поисковыми системами (особенно Яндексом) большое внимание уделяется наличию всех необходимых элементов оформления у сайтов. По наблюдениям, сайты, у которых данный значок отсутствует ниже ранжируются в поисковой выдаче.

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

Как создать фавикон

Существует множество различных способов для создания фавикона, в том числе и бесплатных. Давайте рассмотрим все возможные доступные способы в интернет, начиная с самых простых.

Создать самостоятельно — данный способ подойдет тем пользователям, которые имеют четкое представление о том, что должно быть на изображении. К примеру, вы присмотрели какую-то определенную картинку или символ, которую хотите сохранить и добавить на сайт. В этом случае необходимо просто взять и сохранить картинку в формате ICO. Рассмотрим весь процесс более подробно, в пошаговом режиме. Откройте картинку в любом редакторе, подойдет даже самый простой фоторедактор Paint. Далее обрежьте ее, чтобы она стала квадратной и задайте для неё размер 16*16 пикселей. После этого сохраните картинку под названием favicon.ico на своём компьютере. При желании Вы можете открыть и наглядно посмотреть как будет выглядеть в браузере созданный вами значок для сайта.

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

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

Как добавить фавикон на сайт

Добавление фавикона на сайт происходит одинаково, независимо от вида движка (платформы) сайта. Если у вас спростой сайт на обычном HTML или блог на Вордпрессе, то процесс добавления фавикона в обоих случаях будет происходить одинаково. Самым необходимым условием для добавления фавикон на сайт является наличие платного хостинга. Первоначально необходимо выбрать хостинг для своего сайта или блога и только потом можно добавить для него фавикон.

Авторизуйтесь в панели хостинга и перейдите в основной каталог, в котором расположены файлы сайта. Как правило, это папка, которая расположена в корневой директории под названием «public_html». Закачайте файл favicon.ico со своего компьютера в директорию «public_html» на хостинг. Теперь необходимо перейти в браузер, открыть свой сайт, при необходимости обновить его и проверить появился ли значок после добавления. Закаченный фавикон должен отобразиться правильно. При первоначальном добавлении фавикона на сайт, следует учитывать тот факт, что поисковые роботы видят картинку не сразу. При отображении сайта в поисковой выдаче, добавленный значок может появиться в течение 1 месяц. Здесь всё зависит от нескольких факторов: насколько часто поисковый робот Яндекса обходят сайт, как часто добавляется новый контент и так далее.

Как поменять фавикон

Бывают случаи когда необходимо изменить уже существующий фавикон для сайта. Сделать это несложно, весь процесс займет буквально пару минут. Для начала необходимо создать или скачать новую фавикон на свой компьютер и сохранить файл под названием favicon.ico. После этого необходимо зайти на хостинг и удалить старый ненужный файл из корневого каталога. Только после этого необходимо закачать корневую директорию «public_html» новую иконку. Самое главное что следует помнить, что название файла нельзя как-либо изменять, иначе значок не будет отображаться в браузере и поисковые роботы не распознают его правильно.

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

Размеры фавикона

Чаще всего в качестве фавикона используется картинка размером 16 на 16 пикселей. Однако, такой размер носит лишь рекомендательный характер. В качестве фавикона можно использовать картинки размером 32 на 32 и 48 на 48 пикселей. Именно эти три размера являются основными при создании фавикона.

Гораздо реже используются изображения больших форматов, к примеру, 24, 40, 60, 72, 92, 108, 128 пикселей. Такие увеличенные размеры можно использовать при создании мелких или нестандартных значков. В этом случае в браузере фавикон будет иметь более четкие и правильные очертания, смотреться более выигрышно, не иметь размытых границ и выглядеть более аккуратно. Однако, это всё даётся на откуп владельцу. Большинству сайтов не требуется каких-то особенно прорисованных изображений, вполне достаточно скачать стандартный фавикон с любого бесплатного сервиса в интернете.

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

Источник

Похожие посты

Автоматический постинг с блога в Соц.сети с помощь...
Привет! У кого есть сайт на WordPress? Есть одна Инфа как выкладывать новые статьи автоматом, или ещё что то свежее в социальные сети. Речь не о кросс...
Не работает форма обратной связи в WordPress...

Практически каждый владелец своего сайта создаёт страничку с формой обратной связи которая даёт возможность посетителю связаться с админом ресурса...
Не сохраняется меню на WordPress (на утверждении)...
Иногда приходится что-то видоизменять на своём сайте.То дизайн не катит, то в статье что-нибудь изменить, или шапку с подвалом переоформить. А мне вот...
WordPress иконки в меню
Чтобы добавить сайту больше привлекательности добавляем ещё одну фишку. Конечно же это не очень важная деталь в юзабилити, но всё же добавит некий кре...
Кнопки социальных сетей для WordPress...
Установка кнопок (иконок) соц.сетей для сайта на WordPress не сложная процедура. Для таких виджетов предусмотрены специальные плагины, есть ещё и разл...

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