Як поміняти favicon

Як поміняти favicon

Іконка сайту, або favicon, - важлива деталь, яка здатна виділити ваш сайт в результатах видачі пошукових систем, та і просто надати сайту індивідуальність. Браузер відображає favicon в адресному рядку безпосередньо перед адресою сторінки.

 

Інструкція

1. Виберіть картинку для майбутньої піктограми. У ідеалі вона має бути максимально схемною, з мінімумом деталей (не забудьте про крихітний розмір іконки). У будь-якому графічному редакторові обріжте і зменште файл з картинкою до розмірів 16 на 16 або 32 на 32 пікселі.

2. Відкрийте один з онлайн-генераторів favicon - наприклад, favicon.ru або favicon.cc. Завантажте в нього свою картинку і викачайте готову іконку. Можна також викачати на свій комп'ютер програму-генератор - наприклад, Icon Magic, Icon Craft, "Студія іконок" і тому подібні застосування. Зверніть увагу, що знову створений файл повинен називатися саме favicon.ico - без яких-небудь доповнень, цифр і так далі.

3. Зайдіть в панель управління свого сайту. Перейдіть в кореневий каталог сайту. На сайтах ucoz шлях виглядатиме так: вкладка Загальне/Головна сторінка/Файловий менеджер. На сайтах "Вордпресс" потрібна тека називається public_html. Для "" Joomla"!" CMS- каталог за умовчанням - тека images. На якій би платформі не розташовувався ваш сайт, кореневим каталогом для нього є той, в якому зберігаються файли favicon.ico і robots.txt.

4. Замініть файл favicon.ico в кореневому каталозі на новий створений вами. Для цього видалите старий файл і завантажите новий. У деяких файлових менеджерах файл з такою ж назвою автоматично замінює старий. Перевірте зміну іконки, відкривши свій сайт в новій вкладці.


5. Після заміни файлу браузери відображатимуть нову іконку. Проте якщо для вас важливе відображення іконки у видачі пошукових систем, можна перестрахуватися. Для цього вкажіть спеціальному роботові "Яндекса" шлях до знову створеного файлу favicon. У html- коді сторінок свого сайту необхідно прописати наступний код (без пропусків) < link rel="" shortcut icon"" href="/"/favicon.ico"" type="" image/x - icon""> чи < link rel="" icon"" href="/"/favicon.ico"" type="" image/x - icon"">. Цей код прописується між тегами < head > і < /head >.

6. Якщо після заміни файлу favicon.ico браузер як і раніше відображає стару іконку (звичайно це передвстановлена іконка платформи), спробуйте почистити кеш браузеру. Чи просто відкрийте сайт через інший браузер.

 


Надрукувати  

Схожі матеріали