А нужен ли favicon для сайта?

А нужен ли favicon для сайта?

Многие не придают значения этому маленькому значку, и зря.

Давайте сначала разберемся, что же такое favicon.

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

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

Каким образом?

Давайте представим поисковую выдачу сайтов. Представили? И что вы видите?

Просто перечень сайтов.

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

Я думаю, что да. Во всяком случае, у меня так точно. Да и у вас наверно тоже. И, конечно, вы перейдете на этот сайт. Вот вам и увеличение трафика.

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

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

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

Или, еще проще, открыть картинку, из которой вы хотите сделать этот значок, в Paint. Net.

Затем зайти во вкладку «Изображение» — « изменить размер» В открывшемся окне снимаете галочку «сохранять пропорции» и ставите размеры 64х64 px. Это стандартный размер favicona. Затем сохраняете с расширением ico. Ваш favicon. ico создан. Именно так обозначьте его, это его название, которое принято и которое уже есть в блоге на WordPress.

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

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

Затем вставить между тегами head — /head, я вставляю сразу же после meta тегов, следующие ссылки

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

<link rel=»shortcut icon» href=»images/favicon. ico» type=»image/x-icon»>

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

Теперь ваш сайт приобрел индивидуальность и будет заметен.

Теперь давайте разберемся, как установить favicon на блог, в частности на WordPress.

Сначала надо загрузить ваш значок в корневую папку.

Как это сделать?

Заходите в файловый менеджер (для хостинга Джино), открываете папку с названием вашего блога, где находятся все файлы, и загружаете свой значок.

Далее, идете вниз страницы и находите там окно для загрузки файлов.

Выглядит оно таким образом

Нажимаете кнопку «Выберите файл», выбираете на своем компьютере значок favicon. ico и затем нажимаете кнопку «Загрузить»

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

И вообщем то, после этого, значок уже должен появиться, т. к. в WordPress уже есть все необходимые ссылки для favicona. У меня появился сразу же.

Но я еще все таки решил продублировать эти ссылки. Для этого открываем страницу header. php

Как это сделать?

Переходим в консоль нашего блога, затем в редактор на вкладке «внешний вид» и выбираем header. php и вставляем, как и для сайта, после meta тегов вот такие ссылки

<link rel=»shortcut icon» href=»ваш домен/favicon. ico»/>

<link rel=»icon» href=»ваш домен/favicon. ico» type=»image/x-icon»>

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

<link rel=»shortcut icon» href=»адрес значка»/>

<link rel=»icon» href=»адрес значка» type=»image/x-icon»>

Для моего блога это выглядит так

<link rel=»shortcut icon» href=»http://pro366.com/favicon. ico»/>

<link rel=»icon» href=»http://pro366.com/favicon. ico» type=»image/x-icon»>

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

Если он не появился, надо очистить кэш браузера. Но у меня он появился сразу в Chrome, но только во вкладке, а в Firefox и во вкладке и в адресной строке. В Opere нет ни там, ни там. Но это не самое важное. Важно то, что теперь поисковики напротив вашего сайта будут показывать ваш индивидуальный значок, т. е. favicon и количество посетителей будет увеличиваться.


Карта сайта


Информационный сайт Webavtocat.ru