TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як додати Favicon на сайт WordPress?

1

Favicon – це коротка форма улюбленої ікони. Уперше Microsoft представила його за допомогою Internet Explorer 5 у березні 1999 р. Пізніше Консорціум Всесвітньої павутини (W3C) стандартизував використання favicon у рекомендаціях HTML 4.01. Фавікон також згадується з багатьма іншими іменами, такими як значок сайту, значок URL, значок закладок, значок вкладки або ярлик. Favicon став популярним, оскільки деякий час пошукові системи показують їх на сторінках результатів пошуку. Якщо ви використовуєте WordPress, до веб -сайту легко додати фавікон, і ми пояснимо процес у цій статті.

Пов’язані: Як додати фавікон на безкоштовний сайт Weebly?

Чому ви повинні використовувати Favicon?

Залежно від веб -переглядача ви можете побачити значок у різному місці. Загалом, Chrome та багато інших браузерів відображають значок на вкладці разом із заголовком сторінки.

Перегляньте Favicon на вкладці браузера

На Mac ви можете ввімкнути або вимкнути показ значків у браузері Safari. Аналогічно, ви можете побачити значок при перемиканні сторінок у мобільних браузерах. Фаворити використовуються для збільшення видимості бренду веб -сайту, як це показано у веб -переглядачах. Різні браузери показують значок у різних місцях:

  • Показати на вкладці браузера
  • Відображається у вигляді значків закладок та у списку читання
  • Відображається в адресному рядку деяких браузерів
  • Піктограма закріплена під час закріплення вкладки
  • Значок програми під час додавання ярлика з браузера на робочий стіл або головний екран на мобільному телефоні

Окрім звичного використання браузера, існує ще кілька факторів видимості. Такі пошукові системи, як Яндекс, показують значок у результатах пошуку, як показано нижче:

Як додати Favicon на сайт WordPress?

Результати пошуку Яндекса

Google деякий час показує піктограму, а деякий час – ні. Однак favicon також може використовуватися як піктограма на робочому столі або в Apple. Це буде діяти як значок програми на смартфонах і планшетах, коли ви додасте ярлик веб -сторінки.

Таким чином, компанії використовують favicon так само, як логотип свого бренду, щоб користувачі могли легко запам’ятати.

Загальне використання Favicon

Favicon – це, як правило, файл значка зображення з розширенням .ico. Вам потрібно завантажити зображення в кореневий каталог вашого сайту. Тоді зображення favicon приєднується до сайту, використовуючи такий метатег у розділі заголовка:

<link rel="shortcut icon" href="http://example.com/favicon.ico" />

Розмір використовуваного фавікона – 16 х 16 пікселів.

Як додати Favicon на сайт WordPress?

Додати favicon до версії 4.2 WordPress було нелегко. Щоб спростити ситуацію, додавання favicon було зроблено як основний функціонал з версії 4.3. Модуль "Значок сайту" з плагіна Jetpack був доданий до налаштування WordPress як функція за замовчуванням. І вам просто потрібно зображення без будь -якої іншої необхідності метатега чи плагіна.

Вимоги до зображення

Значок сайту WordPress потребує двох простих вимог:

  • Зображення має мати квадратний розмір.
  • Мінімальний розмір має бути 512 x 512 пікселів.

Вам не потрібно використовувати зображення .ico, просто підготуйте квадратне зображення у форматі .png, .jpg або .gif розміром 512 пікселів, яке можна використовувати як свій значок на веб -сайті WordPress. Той самий значок буде використовуватися як значок програми на всіх мобільних пристроях. Підготуйте зображення меншого розміру з чіткою видимістю за допомогою програмного забезпечення, такого як Photoshop або Snagit. Пам’ятайте, що розмір зображення Favicon буде змінено на 16 x 16 px на вкладці браузера. Отже, підготуйте зображення темним кольором, щоб збільшити видимість. Ви також можете спробувати наші безкоштовні інструменти генератора Favicon для створення файлу зображення піктограми для вашого сайту.

Завантаження зображення на сайт

Увійдіть на панель адміністратора та перейдіть до меню «Зовнішній вигляд> Налаштування». Натисніть на опцію «Ідентифікація сайту», як показано на малюнку нижче.

Як додати Favicon на сайт WordPress?

Варіант ідентифікації сайту в WordPress Customizer

Натисніть на кнопку «Вибрати зображення» та завантажте зображення свого значка.

Як додати Favicon на сайт WordPress?

Додавання значка сайту на сайт WordPress

Якщо ви завантажуєте зображення розміром більше 512 пікселів, WordPress автоматично відкриє екран обрізання зображення. Перемістіть область обрізання, щоб переглянути миттєвий попередній перегляд значка у веб -переглядачі та як значок програми на лівій панелі.

Варіант обрізання зображення для Favicon

Після того, як зображення буде завантажено, натисніть кнопку «Опублікувати».

Як додати Favicon на сайт WordPress?

Публікуйте сайт за допомогою Favicon

Це воно!!! Ви закінчили. Немає необхідності вставляти метатеги або плагін. Перевірте свій веб -сайт у веб -переглядачі, щоб побачити, що значок Favicon діє миттєво. Можливо, вам доведеться очистити історію веб -переглядача, щоб видалити кешовані сторінки та завантажити сторінку знову. У будь -який час ви можете видалити або змінити значок на своєму сайті.

Часті проблеми з Favicon

Незважаючи на те, що у WordPress легко завантажити фавікон, користувачі стикаються з частими проблемами.

  • Google / інша пошукова система не відображає значок у результатах пошуку – це зазвичай відбувається через розмір вашого значка. Хоча WordPress потребує 512 пікселів, рекомендований розмір значка – 16 × 16, 32 × 32 або 48 × 48 пікселів. Великий розмір зображення може створити проблеми, оскільки це не рекомендований розмір. Однак він повинен працювати для веб -сайтів WordPress, оскільки ви можете побачити це у веб -переглядачі цього веб -сайту. Якщо у вас виникли проблеми, видаліть піктограму сайту в модифікаторі та завантажте її знову. Також очистіть кеш, якщо ви використовуєте плагін кешування та кешування на стороні сервера, якщо вони є. Зачекайте кілька днів, щоб Google знову просканував сторінки та належним чином показав піктограму. Поки ви бачите значок у веб -переглядачі, ви не повинні турбуватися про те, відображається Google у результатах пошуку чи ні.
  • Незрозумілий значок у веб -переглядачі – це відбувається, коли ви намагаєтесь змінити розмір збільшеного зображення на менший розмір або навпаки. Ми рекомендуємо створити саме потрібний розмір і завантажити файл.
  • Favicon не відображається у веб -переглядачі.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі