Что такое фавикон? И как добавить Favicon в WordPress

2 min


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

В этой статье мы собираемся объяснить, что такое favicon и как он может принести пользу вашему бизнесу или блогу. Затем мы рассмотрим, как вы можете быстро и легко добавить его на свой веб-сайт WordPress.

Что такое фавикон?

Что такое фавикон

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

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

Важность использования фавикон

Важность использования Favicon

Favicons — это визуальный маркетинг и связь с посетителями вашего сайта. Добавление значка сайта позволит вашей аудитории подсознательно и мгновенно идентифицировать ваш веб-сайт WordPress в море приложений или веб-страниц.

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

Как видите, преимущества использования favicon огромны. Итак, давайте теперь выясним, как вы можете создать значок и добавить его на свой сайт WordPress …

Создание Фавикон

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

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

Проектирование или редактирование изображения Favicon

Согласно Кодексу WordPress, изображения фавиконов должны иметь квадратную форму и размер не менее 512 x 512 пикселей. Хотя изображения могут быть обрезаны в WordPress, я бы посоветовал отредактировать ваше изображение заранее, используя программное обеспечение для редактирования.

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

Использование Canva

Canva для создания фавикон

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

Если вы довольны изображением, которое собираетесь использовать в качестве значка, его необходимо сохранить в формате gif, png или jpeg. Теперь вы готовы загрузить свой значок на свой веб-сайт WordPress …

Как добавить Favicon на ваш сайт WordPress

Раньше лучше всего добавлять значок сайта веб-разработчикам и тем, у кого есть глубокие знания в области кодирования. Однако, к счастью, после выпуска WordPress 4.3, добавление значка избранного стало чрезвычайно простым и понятным.

Ссылка WordPress Live Customizer

Откройте панель управления WordPress и в меню выберите Внешний вид> Настройка, Это откроет живой настройщик WordPress с предварительным просмотром домашней страницы вашего сайта.

Выбрать Идентичность сайта, Здесь вы увидите отображаемое название сайта и значок сайта.

Идентичность сайта WordPress

Под Иконка сайта Вы можете добавить, изменить или удалить свой значок. Нажмите на Выберите изображение,

Выберите WordPress Favicon Image

Ваша медиатека WordPress теперь появится на вашем экране. Выберите Загрузить файлы вкладку, а затем либо перетащите изображение фавикон в поле, либо выберите его на своем компьютере.

Вернитесь в медиатеку, проверьте, отмечена ли ваша картинка, и нажмите Выбрать в нижнем правом углу. WordPress теперь спросит вас, хотите ли вы обрезать изображение. Если вы уже редактировали свое изображение в программе редактирования, выберите Пропустить Обрезка, В противном случае обрезать.

Customizer Favicon Предварительный просмотр

В настройщике, под Иконка сайта, Вы увидите ваше загруженное изображение. Выбрать Сохранить и опубликовать в верхней части настройщика, а затем обновите страницу. Теперь вы сможете просматривать значок избранного на вкладке браузера веб-страницы.

пример

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

Другие способы добавления Favicon на ваш сайт WordPress

Есть, конечно, ряд других способов добавить значок сайта на ваш сайт WordPress. Давайте посмотрим на несколько различных вариантов …

Фавикон от RealFaviconGenerator

Фавикон от RealFaviconGenerator

Многие люди предпочитают использовать плагины для добавления функциональности на свой сайт вместо того, чтобы полагаться на тему. Favicon от RealFaviconGenerator — это плагин для WordPress, который является отличным вариантом, если вы хотите добавить значок сайта на свой сайт.

Установите плагин на свой веб-сайт WordPress, а затем просто укажите и щелкните, чтобы загрузить изображение и добавить его в качестве значка. Затем RealFaviconGenerator сгенерирует все значки, необходимые для различных браузеров и устройств. Это простой плагин, который можно бесплатно загрузить и использовать.

Загрузка через страницу настроек вашей темы

Всего вариантов темы Favicon

Многие из новых тем имеют множество функций и возможностей, благодаря которым люди могут быстро и легко создавать новые веб-сайты WordPress. Некоторые из этих тем теперь имеют возможность добавить иконку для вас. Проверьте страницу настроек вашей темы, чтобы увидеть, предлагает ли эта функция эту функцию. Например, тема Total WordPress включает опции для вашего Favicon (и устройства разных размеров) во встроенной панели тем.

Использование кода

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

Последние мысли

Как видите, загрузка значка сайта на сайт WordPress — очень простой процесс. Преимущества наличия favicon впечатляют, это маркетинговая тактика, которая позволит вашим пользователям идентифицировать ваш сайт, просто заметив ваше изображение. Поэтому уделите первостепенное внимание поиску свободного получаса в вашем дне и настройте свой сайт с помощью значка.

Вы уже запустили свой фавикон? Пожалуйста, поделитесь, как вы попали в комментарии ниже …


0 Comments

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