Как установить фавикон на сайт или установка favicon на WordPress

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

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

favicons

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

Поскольку мой блог был создан на CMS WordPress, то и описание как установить фавикон на сайт или поменять его я буду приводить на примере этой платформы, хотя принцип для большинства сайтов одинаков.

Способы установки favicon на WordPress

При установке фавикона на сайт существует несколько способов:

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

Установка фавикона используя инструменты шаблона


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

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

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

установка фавикона через настройки шаблона

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

Вставка favicon используя плагин

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

На мой взгляд, из огромного количества плагинов самым простым и подходящим для наших с вами задач является Favicon XT-Manager. Были времена, когда я и сам его использовал, но как понял позже, чтобы не нагружать сайт такими вещами, проще использовать возможность ftp сервера, о котором я расскажу чуть позже.

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

настройки плагина Favicon XT-Manager

На картинке выше изображен способ установки favicon на wordpress используя Favicon XT-Manager. Вам необходимо указать путь к месту, где храниться ваше изображение, поставить галочку напротив нужной картинки и нажать кнопку сохранить. Результатом правильных действий будет установленный мини-логотип на вашем сайте. Собственно на этом работа с плагином закончена.

Теперь стоит перейти к описанию, как установить фавикон на сайт без использования плагина.

Установка фавикона через редактор и FTP

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

В первую очередь, как и в описанных вариантах выше, нужно иметь уже готовый логотип, а дальше уже дело за малым. Достаточно скопировать это изображение в главную папку сайта по FTP (в тоже место, куда мы записывали robots.txt). Таких действий достаточно для того чтобы значок отображался в закладках браузера, но этого не достаточно для его отображения в поисковых системах.

Чтобы решить эту проблему необходимо поисковикам указать путь к файлу. Для этого стоит разместить между тегами <head> следующий код:

<link rel=”shortcut icon” href=”vash_saite.ru/favicon.ico” type=”image/x-icon” />

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

Установка favicon на WordPress

Для того чтобы в дальнейшем логотип вашего проекта выводился в поисковой выдаче необходимо приведенный выше код вставить в файл header.php до закрывающего тега </head>. Файл header.php вы можете открыть через ftp или через панель администратора перейдя по пути «Внешний вид->Редактор». После всех действий обязательно нажмите кнопку сохранить, поскольку только так изменения вступят в силу. Как это выглядит наглядно, можно посмотреть на рисунке ниже.

установка фавикона через редактор

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

Фактически для того чтобы изменить изображение ничего сложного нет. Достаточно поменять файл в той папке на ftp, куда мы добавляли предыдущую картинку. Чтобы не допустить ошибок, старый файл стоит удалить и только потом заливать новый. Также не забывайте про расширение, оно должно быть формата ico либо соответствовать прописанному в атрибуте type.

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

Если Вам понравилась эта статья, то подписывайтесь на новые и воспользуетесь пожалуйста кнопочками:

Подписаться на новые статьи

Вы также можете прочесть...

4 комментария

  1. KaraaPuZzz:

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

  2. Анна:

    Спасибо за отличную статью, все получилось с первого раза. Вордпресс только изучаю, поэтому пока как слепой котенок — нашла мануал, потыкала в кнопочки, если получилось — «ура!», идем дальше.

  3. Юлия:

    Спасибо, отлично написана инструкция, ясно и понятно, теперь у моего сайта, наконец-то появился фавикон.

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

Яндекс.Метрика