Рады вас приветствовать в нашем блоге

Урок 18 Как установить Favicon на сайт?

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

Что такое Favicon?

Favicon — это иконка небольшого размера (обычно логотип сайта), раскрывающая суть всего сайта. Особое значение фавикон принимает в поисковой выдаче, что было  доказано многими seo оптимизаторами. В экспериментах принимали участие сайты с поисковым трафиком не менее 500 человек в сутки. Понятно, что данной посещаемости вполне достаточно для  заключения каких-либо выводов. Смысл данных экспериментов заключался в смене иконок каждые 2-3 дня.

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

Как же создать иконку для своего сайта? Можно пойти двумя путями: создать фавикон ручками в фотошопе и перевести в формат .ico или создать с помощью онлайн сервисов. Я рассмотрю оба варианта.

Создание фавикон с помощью Photoshop

1. Открываем графический редактор

2. Создаем новое изображениемКак установить Favicon.ico на сайт?3. Задаем размеры (32×32 или 16×16)Как установить Favicon.ico на сайт?4. Увеличиваем масштаб изображения и рисуем иконку

Как установить Favicon.ico на сайт?5. Как только иконка будет готова, нажимаем Ctrl+Shift+S и сохраняем её в формате .PNGКак установить Favicon.ico на сайт?6. Теперь переводим из PNG в .ICO. Например, здесь

7. Загружаем иконку в корневой каталог сайта (/public_html/)

8. Прописываем в файле header.php (между тегами <head></head>) следующую строчку:

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

Дополнение: не забудьте изменить название иконки на favicon

9. Обновляем страницу, чистим кеш и всё! Иконка должна уже отображаться.

Создание favicon.ico с помощью онлайн генераторов

В РУнете существует огромное количество сервисов для создания иконок, среди которых можно выделить только один сервис favicon.ru. На нем я и покажу процесс создания иконки.

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

Как установить Favicon.ico на сайт? 2. Корректируем и скачиваем иконку на компьютер

3. Загружаем иконку в корневой каталог сайта (/public_html/)

4. Прописываем в файле header.php (между тегами <head></head>) следующую строчку:

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

Дополнение: не забудьте изменить название иконки на favicon

5. Обновляем страницу, чистим кеш и всё! Иконка должна уже отображаться.

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

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

1. Iconj – хороший сайт с огромной базой готовых иконок.

2. Favicon — хорошая база иконок, но, к сожалению, очень плохая навигация по сайту

3. Siteicon — отличный сайт с большой базой иконок. Кстати, свою иконку я взял с него :)
На этом у меня всё! Теперь вы знаете, как установить иконку Favicon на сайт.

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

Задавайте вопросы и дополняйте статью: