Новости
- Як зробити фавіконки для сайту
- Що таке фавіконки (іконка сайту, піктограма сайту)?
- Куди завантажити готовий файл favicon.ico
Як зробити фавіконки для сайту
Ми дивимося на сайти в пошукових системах і бачимо зліва витончені картинки з символікою сайтів.
Що таке фавіконки (іконка сайту, піктограма сайту)?
Це картинка розміром 16х16 пікселів, яка характерна для більшості професійно зроблених сайтів. В інтернет - браузерах іконка сайту показується в адресному рядку і в папці Вибране (звідси і назва Favorite Icon), поруч з назвою сайту. Найчастіше в якості фавіконки використовується логотип сайту. Іконка сайту - відмінна риса грамотних сайтів. Вона надає йому індивідуальність. Крім того, при пошуку необхідного сайту іконка дозволяє прискорити процес, оскільки виділяє ваш сайт в виданому пошукачем списку. Потрібно тільки налаштувати параметри пошуку.
В Яндексі, наприклад, це робиться так: вибрати посилання "настройка" у верхній частині сторінки (www.yandex.ru/setup/index.html?rnd=1157334667, в меню "Результати пошуку" вибрати "налаштування пошуку", а там знайти пункт "графіка" і відзначити галочку "показувати піктограми сайтів".
Використання іконки дозволить затримати увагу користувача на засланні на ваш сайт, тому-то зазвичай для іконки беруть міні-логотип компанії. Піктограма підвищує популярність сайту, якщо вона відображає, звичайно, його зміст, а також якісно зроблена.
Для створення або редагування іконки підійде будь-який редактор іконок. Можна також використовувати плагін до Фотошопу Icon Factory, який дозволяє створювати фавіконки з уже готових картинок. Назва готового файлу повинна бути favicon.ico і ніяким іншим.
Самое логічне і просте пояснення установки плагіна для фотошопа "покроково" для створення формату малюнків .ico ви знайдете у Влада Мержевіч на сторінці htmlbook
Однак, у багатьох випадках не вдається провести вкладення плагіна в папку фотошопа, наприклад при використанні пакету програм Adobe CS5 виникають іноді труднощі. В такому випадку (та й у багатьох інших) рекомендуємо простенький наступний спосіб. Малюєте картинку в фотошопі з розмірами 16х16px і зберігаєте її як gif зображення. Після цього переходите на сторінку: http://www.codenet.ru/services/png-to-ico/index.php - це он-лайн перетворення файлів в формат ico. Завантажуєте туди вашу картинку і отримуєте на виході потрібний вам файл, який розміщуєте в потрібному вам місці.
Про те, як це зробити - трохи нижче.
Куди завантажити готовий файл favicon.ico
Готовий файл favicon.ico необхідно завантажити в той каталог на сервері, де лежить індексний файл вашого сайту. Якщо це не допомогло (пошукові боти повинні знаходити його за замовчуванням), або index.html лежить не в кореневому каталозі, то додайте рядок <LINK REL = "SHORTCUT ICON" href = "/ your path / favicon.ico"> в індексний файл між тегами <head> і </ head>.
Крім того, якщо ви вважаєте, що користувач може занести в "Вибране" не тільки кореневої URL вашого сайту, то скопіюйте файл favicon.ico в усі директорії сайту.
Приклад запису для робота між тегами <head> і </ head>:
<Link rel = "icon" href = "/ favicon.ico" type = "image / x-icon">
<Link rel = "shortcut icon" href = "http://www.sitename.com/dirname/favicon.ico" type = "image / x-icon">
Піктограма сайту - це стильно, це його обличчя вже в пошуковій видачі. Крім того, при відсутності favicon.ico в корені вашого сайту кожен новий візит на сторінку сайту обертається новим рядком в error.log:
[Sun Aug 05 15:55:55 20 **] [error] [client 87.0.0.2] File does not exist: /home/localhost/www/favicon.ico
Це відбувається тому, що браузер в будь-якому випадку запрошувати іконку сайту. Чи не хочете возиться з іконками? Рішення просте - створіть в корені сайту файл favicon.ico з нульовим розміром.
І наостанок - якщо ви виконали всі рекомендовані процедури, але при заході в пошукач не виявили іконку сайту у видачі - не засмучуйтеся. Справа в тому, що оновлення кешу у пошукачів, зокрема, Яндекса, процес тривалий, тому процес появи піктограмки може зайняти кілька днів, а іноді і місяців.
Хочете прискорити її появу попросив Яндекс врахувати ваше "нововведення" - для цього завантажте адресу вашої фавіконки в addурілку за адресою:
http://yadd.ru/ (адреса ви повинні записати абсолютний у вигляді: Http: //www.ваше-доменное-імя.ru/favicon.ico).
Переглянути відразу результати вашої роботи ви зможете, якщо введете адресу сайту в пошуковий рядок таких браузерів, як Mozilla або Opera, після завантаження сайту в віконечку зліва від пошукового рядка з'явиться фавіконки. Якщо у вас ще залишилися питання - почитайте FAQ тут: http://favicon.ru/faq/. (А можете намалювати фавіконки самі швидко в он-лайн-редакторі: http://favicon.ru (Удачі).
Що таке фавіконки (іконка сайту, піктограма сайту)?Html?
Чи не хочете возиться з іконками?