Вы наверняка уже встречали в интернете слово фавикон. Что оно означает? И нужен ли он вам?

Фавикон – небольшая, всего 16х16 пикселей картинка в специальном формате ICO. Расширение ico поддерживают все браузеры.

После установки фавикона иконка появляется в верхней строке браузера рядом с адресом вашего сайта.

Оригинальный favikon легко запомнить, он будет ассоциироваться с вашим проектом. 

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

Он напрямую влияет на увеличение кликабельности по предложенной ссылке.

Сделать фавикон для сайта

Конечно, можно создать фавикон для сайта самостоятельно. Например, взять за основу свою фотографию (или любую другую картинку) и создать favicon онлайн на всем знакомом сервисе CY-PR (вкладка Генератор фавикона) www . cy-pr.com/tools/favicon/.

Проще – выбрать готовый, стоит лишь набрать в поиске Коллекция favicon.

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

Устанавливаем фавикон на сайт

Установить фавикон можно двумя способами:

1. Использовать плагины FavIcon Switcher, All In One Favicon, WSA Favicon.

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

Устанавливаем фавикон на сайт без плагина

1. Скачанную картинку 16х16 пикселей с расширением ico переименуйте favicon.ico.
2. Закачайте ее в корневую папку domains/ваш сайт/public_html/. Почитайте, как это сделать при помощи программы FileZilla либо в Панели управления хостингом с помощью файлового менеджера.

Этого достаточно, чтобы фавикон появился в строке браузера. В строчке поиска Яндекса он появится после очередного апа сервиса фавиконов (примерно через три недели).

И можно было бы успокоиться, но рекомендуется для завершения установки favicona вставить в файл Заголовок (header.php) между тегами <head> и </head> следующий код

<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />

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

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

<link rel="shortcut icon" href="https://moi-start.ru/favicon.ico" type="image/x-icon" />

P.S. В favicon коллекциях иконки часто предложены с расширением gif. Ничего страшного, скачайте изображение.

Расширение ico можно получить, обработав картинку в программе Snagit.

НАВЕСТИ КУРСОР НА КАРТИНКУ
ПРАВАЯ КНОПКА МЫШИ
ОТКРЫТЬ С ПОМОЩЬЮ Snagit
СОХРАНИТЬ ИЗОБРАЖЕНИЕ КАК
ВЫБРАТЬ ФОРМАТ ICO.

Если для вашей темы favicon не устанавливается, загрузите иконку не в папку public_html, а раньше - в папку domains/ваш сайт. Успехов.

Для улучшения индексации и кликабельности в Гугл подтвердите авторство в Google - установите на блог кнопку Google Plus.

Метки:

Создать сайт на WordPress

ПОХОЖИЕ СТАТЬИ:

ДРУЗЬЯ, СПАСИБО, ЧТО ПОДЕЛИЛИСЬ СТАТЬЕЙ:

5 отзывов к “Создать фавикон для сайта. Устанавливаем без плагина

  • Олег:

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

    • Ольга:

      Просто подождите, обновления вступают в силу не сразу, недели через две.

  • Мария:

    У меня такая ситуация, изначально установила фавикон с помощью плагина favikons, но фавикон отображался лишь для главной страницы, что меня не устраивало, сегодня установила по вашим рекомендациям без плагина, спасибо, но пока все без изменений…видно лишь на главной

    • Ольга:

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

  • Alexey:

    Достаточно непростой задачей поисковой оптимизации является продвижение корпоративного сайта. Качественное продвижение в Яндексе или Гугле поможет повысить посещаемость корпоративного сайта.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

 для диалога необходимо принять правила кофиденциальности *