Как добавить favicon (фавикон) на сайт (WordPress)

Всем привет! Сегодня я Вам расскажу, как добавить  favicon (фавикон) на сайт.Давайте рассмотрим, что такое favicon. С английского это расшифровывается как favorite icon, переводится как «значок избранного». Другими словами – это значок закладки в браузере.

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

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

Давайте перейдем в Гугл. Как видите, здесь ни у одного сайта значка нет. То есть, как я и говорил до этого, этот значок отображается только на Яндексе и в браузере.

Он косвенно влияет на продвижение сайта. То есть, если этот значок у Вас есть, то кликабельность будет выше. А если кликабельность выше, то значит посещений и клиентов больше.

Итак, перед Вами генераторы favicon:

favicon.cc
favicon.by

Что это такое? То есть на этих сайтах Вы можете сделать себе этот значок.

Итак, чем же отличаются эти два сайта? На favicon.ru Вы можете сделать  этот значок из изображения готового. Его Вам нужно выбрать с Вашего компьютера либо с другого сайта. Здесь Вы можете потом просмотреть созданный фавикон. Либо здесь Вы сможете его подредактировать.

Второй сервис  favicon.by отличается тем, что можно сделать импорт значка с любого сайта. Давайте попробуем набрать yandex.ru. У Яндекса отображается вот такой значок. Зачеркнутые серыми полосками квадратики означают, что фон здесь прозрачный, и у Вашего значка он тоже должен быть таким.

Сейчас я Вам покажу пример, что будет, если Ваш фон не будет прозрачным. Я нашел вот такой логотип в интернете. Давайте попробуем его добавить на наш сайт. Для этого мы копируем адрес ссылки. В данном случае эта ссылка ведет на саму картинку. Переходим на favicon.ru либо на favicon.by нажимаем «Выберите файл» и здесь мы можем выбрать либо с нашего компьютера (вот я уже скачал заранее), либо мы можем сделать по-другому, мы можем вставить ссылку на нашу картинку в поле «Имя файла» и нажать «Открыть». В этом случае картинка загрузится во временную папку Windows и Вам не нужно будет его удалять с компьютера, то есть Вы его не увидите все равно. Итак, мы загрузили картинку, и у нас картинка сама по себе прозрачная была, видите вот здесь квадратики – это означает, что фон прозрачный. Когда Вы добавите его на сайт favicon.by, то прозрачные места покроются черным цветом. Но ничего страшного, сейчас мы его подредактируем. Если мы оставим этот черный цвет, то у нас будет вот такое отображение нашего значка. Это не очень красиво. Здесь есть кнопка «Прозрачный». Мы нажимаем туда и начинаем стирать  черные участки картинки, зажимая левую клавишу мыши. И теперь этот значок смотрится более-менее симпатично. Следующий шаг – нам нужно скачать его. Нажимаем еще раз «Скачать».

Следующий шаг, Вам нужно зайти в администраторскую панель WordPress и установить плагин WP File Manager. Вы копируете, либо запоминаете название плагина. Переходите в плагины, «Добавить новый» и в строку поиска Вы вставляете либо пишите название плагина и нажимаете «Установить». У меня он сейчас уже установлен (написано «Активен»). Вам нужно будет нажать «Установить», далее там будет кнопка «Активировать» и Вы потом можете пользоваться этим плагином. После установки слева у Вас появится этот плагин, теперь Вам нужно в корень сайта загрузить эту картинку. Вам нужно, чтобы Вы были именно в корне, то есть не в этих папках где-то, а чтобы у вас синим выделилось public_html. Далее Вам нужно нажать «Upload files», выбрать Вашу фавиконку, которую Вы скачали. Вот она у меня. Нажимаем «Открыть» и все. Она имеет расширение .ico, название favicon. Вам нельзя его менять. Название должно быть точно таким же. То есть, если Вы его поменяете, то он у Вас не отобразится на сайте. Итак, давайте перейдем на наш сайт и как видим у нас на вкладке изменился наш значок, это означает, то, что все хорошо,  фавикон установлен, поздравляю Вас. Когда Ваш сайт будет добавлен в поисковую систему, ваш фавикон тоже добавится слева от заголовка вашего сайта.

На этом все, ставьте лайки, если Вам понравилось.

Если у Вас остались какие-то вопросы или нужна помощь, пишите в комментариях. Если Вам нужна помощь по созданию сайта, либо по продвижению, то Вы можете найти мои контакты в разделе «Контакты». Всем пока-пока!

Читайте также: