Як встановити фавіконна сайт, Блог Короткова Миколи
Привіт дорогі мої читачі!
Як встановити фавікон на сайт ? Якраз сьогодні про це і йтиметься у цьому пості! Для тих, хто не знає, що це таке, пояснюю. Це маленьке зображення, яке відображається з лівого боку вкладки у браузері, а також при видачі запитів Яндекс поряд з кожним посиланням (за її наявності). Ну і який сенс від цього фавікона, чи подумають деякі з вас? Особисто я бачу сенс у її встановленні. Який? Фавікон, як і логотип є вашим брендом в мережі.
Вона відіграє важливу роль у просуванні сайту. Але яким чином?
У людини, що заходила на ваш ресурс, сама того не помічаючи, відразу ж відкладається в голові маленьке зображення, яке він побачив у вкладці. Припустимо, він набрав запит «як побудувати лазню», прогорнувши кілька сторінок, він натикається на вас. Вивчивши пару статей, він вирішив, що ваш ресурс якісний і на ньому є цінна інформація, з якою можна буде ознайомитись трохи пізніше. Через кілька днів він знову вирішив заглянути до вас на сайт, але біда. він не пам'ятає, за яким посиланням знаходив вас. Але прогорнувши пару сторінок, він побачить ту саму вашу іконку. Ось вам додатковий трафік. Тож, без жодних сумнівів, фавікон — потрібна річ! Ставте, не пошкодуєте!
Як встановити фавікон на сайт
Давайте розглянемо з вами два варіанти її встановлення. За допомогою фавікон-генератора та за допомогою звичайного файлообмінника.
1. Як встановити фавікон за допомогою фавікон-генератора
Давайте перейдемо ось сюди. Перед вами відкривається вікно, де ви легко зможете намалювати собі простенький малюнок, який і буде вашою іконкою. Для наочності я зробив не складну фавікон для свого ресурсу (натисніть для збільшеннязображення).
У мене на це пішло буквально десять хвилин. Нічого складного тут нема. Причому ви відразу можете спостерігати, як відображатиметься ваше маленьке зображення у вкладці браузера:
Якщо ви хочете намалювати щось подібне, то все, що вам потрібно зробити, - це вибрати колір у палітрі кольорів і зафарбувати квадратики у вигляді малюнка або напису. Кожен квадратик = 1 пікселя (px). Утримуйте ліву кнопку миші для малювання, права – працює як стерка. Після того як фавікон намальована, натисніть кнопку «Download Favicon» та збережіть зображення на вашому ПК.
Якщо вам небажання возиться з малюванням або ви просто не знаєте, що намалювати, то ось вам на допомогу ресурс на якому ви з легкістю зможете підібрати для себе щось підходяще. Тут усе дуже просто. Вибираєте іконку, що вам сподобалася. Натискаєте на розширення ico і зберігаєте її у себе на ПК.
Як вставити фавікон на сайт
Тут також робиться все дуже просто. Заходьте в папку з темою вашого блогу: ваш хостинг/httpdocs або public_html (залежно від хостингу)/wp-content/themes і знаходьте файл favicon.ico. Ось його вам і потрібно буде замінити на той, який у вас вийшов. Видаляємо стандартну іконку та завантажуємо нашу нову. Тільки врахуйте один момент, що назва вашої нової фавікон має відрізнятися від стандартного, наприклад, обзовіть її favicon1.ico, в іншому випадку вона у вас залишиться колишньою. Тепер переходимо у файл header.php (wp-content/themes/header.php) і шукаємо такий рядок:
Вона у вас може трохи відрізнятися від моєї, тому вам потрібно знайти рядок, в якому є напис «favicon.ico» і змінити назву на «favicon1.ico». Оновлюємо сторінку, все готове. Ось як без особливих труднощів додати фавікон.
2. Як встановити фавікон за допомогою файлообмінника
Тут все набагато простіше, ніж у першому варіанті. Заходимо на будь-який файлообмінник. Допустимо ось на цей. Тут без жодних проблем натискаємо огляд. Вибираємо будь-яку картинку чи фотографію з вашого ПК, яку ви бажаєте бачити у вигляді іконки. Єдине, що хочу вам порадити, вибирайте зображення якомога квадратніших форм, інакше воно буде відображатися з невеликим спотворенням. І натискаємо кнопку «Надіслати».
Після обробки зображення воно з'явиться у верхній лівій частині. Далі копіюємо пряме посилання.
І ще один момент, не забудьте замість "розширення зображення" вказати також розширення, в якому збережено ваше зображення.
Тепер потрібно вставити цей код у файл вашого блогу header.php. Якщо у вас є блог на wordpress, переходимо в адміністративну панель/Зовнішній вигляд/Редактор/Заголовок (header.php). Відкриваємо його і можна вставити замість нашого рядка з фавікон, про яку я розповідав у першому варіанті, а можна просто нічого не змінюючи і не видаляючи, вставити наш код перед тегом, що закривається. Перезавантажуємо сторінку. Все замість стандартної іконки теми блогу у вкладці розташувалася наша фавікон.
Тільки врахуйте, що деякий час вона не відображатиметься під час видачі запитів Яндекс. Не лякайтеся, незабаром вона з'явиться. Просто тут річ у тому, що за іконки відповідає спеціальний бот Яндекс, на відміну від звичайного робота він індексує лише фавіконки. Цей процес може тривати до місяця. Після чого ваша фавікон буде проіндексована та з'явиться у видачі запитів. Ось як легко все це робиться.
Тепер ви теж знаєте, як встановити фавікон на сайт або блог. На цьому у мене сьогодні все. Бувайте усі.