Favicon: размер. Създаване на фавикон. Favicon генератор

При създаването на уебсайт е изключително важно да обърнете внимание на дребните неща, които играят роля не само по отношение на дизайна, но и при популяризирането на този сайт в търсачките. Една такава дреболия е фавикон за сайта. За това как да го създадем и какъв размер трябва да бъде, ще говорим.

Какво е favicon за даден сайт?

Това е малко изображение, което ще се покаже в раздела на браузъра. Размерът на фавиона е 16x16 пиксела. Също така, тази снимка се показва в резултатите от търсещите машини, а ако favicon на сайта липсва, тогава до сайта в изданието ще бъде празен. Струва си да се отбележи, че Favicon помага на потребителя да намери сайта ви конкретно сред стотици други, така че присъствието му на сайта не е задължително, но е строго препоръчително. И да, размерът на favicon не трябва да бъде 16x16. Някои уеб администратори правят favicon 32x32 и дори 64x64. Но в своите препоръки търсачките на Google и Yandex пишат, че идеалният размер на фалбита е 16x16. Ето защо е по-добре да следвате тези съвети на търсачките.

Как да създадете favicon?

Има няколко различни начина за създаване на тази снимка. Първият и най-лесен начин да създадете фавион е да я откраднете, например, от английски сайт.

Да приемем, че сте създали блог за домашните уреди и сте го персонализирали напълно, но има и последното докосване - Favicon. Въведете в Google търсенето на уреди и вижте първите 10 сайта. Favicon на тези сайтове е идеален за вашия нов блог. Ако ви хареса всяка снимка, отворете изходния код на страницата и потърсете записа favicon.ico. Ще бъде посочен адресът на местоположенията на Favicon. Отворете го и го изтеглете на компютъра, след това го изтеглете на сайта и се свържете (за връзката по-долу).

Вторият начин да създадете фавикон с размер 16х16 пиксела е да използвате специална услуга за генериране на фавикон. Работи по следния принцип: зареждате изображение (с размери и разширение), което е подходящо за заглавието на сайта, и кликнете върху бутона на бутона Създаване на Favicon. Втори по-късно получавате готов favicon, който можете да изтеглите, да изтеглите на сайта си и да се свържете. Най-популярната услуга е Favicon Generator.

Имайте предвид, че тази услуга леко опростява процеса на създаване на икони. Същото може да се направи и сам. Просто открийте снимката, която ви подхожда, променете размера си на 16x16 пиксела и запазете с разширението ico. Всичко това се прави в рамките на една минута в програмата Paint.

Има и други онлайн услуги за търсене на favicons. Там трябва да напишете ключова дума и след това услугата ще покаже различни тематични икони с необходимия размер. По принцип този метод включва и кражба, като първата. Но няма нищо лошо в това.

връзка

За да може картината да се показва в браузъра в раздела и в търсачките, трябва да го свържете правилно. За да направите това, файлът трябва да има името favicon.ico и да се намира в основната директория, т.е. къде са основните файлове на сайта.

Най-често тези действия са достатъчни, за да покажат фавиконите. Търсачките (например "Yandex") автоматично разпознават наличието на favicon в основната директория и я използват в своя изход. Има обаче понякога недоразумения с Yandex. Много уеб администратори се оплакват, че faviconks изчезват от индекса и след това се появяват отново. За да предотвратите това, трябва да го свържете.

За да свържете favicon, "Yandex" препоръчва използването на meta tag със специфични атрибути. Този маркер трябва да бъде поставен в секцията на сайта.

Целият код за връзка трябва да изглежда така:

Този код работи за търсещите машини и всички браузъри. Възможно е да има проблеми с дисплея в Internet Explorer, но във всички други браузъри дисплеят ще бъде точен.

Забележете местоположението на изображението /favicon.ico. То може да бъде направено така: /favicon.gif. След това трябва да поставите изображение с разширение .gif в основата на сайта, в противен случай favicon няма да се покаже. Както знаете, снимките във формат .gif могат да бъдат плъзгачи. Това се използва от уеб администраторите и в същото време правят анимирани favicon за своите сайтове. Това изглежда интересно, но не повече.

Favicon като инструмент за популяризиране на уебсайтове

Предвид факта, че тази икона ще се показва в резултатите от търсенето на "Yandex", е много желателно да я използвате. Това е един от основните инструменти за увеличаване на кликванията, защото потребителите вероятно ще кликват върху сайт, в близост до който има привлекателно изображение, а не празно пространство.

Следователно, важно е не само да се използва някакъв favicon, а красива икона, която потребителите искат да кликнат върху. Също така трябва да бъде заменен в зависимост от ситуацията. Например, в навечерието на Новата година, препоръчително е Вашият Favicon да стане нова година, която ще гарантира по-добра кликвателност.

Как търсачката "Yandex" разбира favikonki?

Търсачката има специален робот, който отговаря за актуализирането на фавиконите. Този робот посещава сайтове, използвайки конкретен график, като поиска основната страница и търси пътя в кода с местоположението на favicon.ico. Ако този път не го намери, то той се опитва да зареди иконата от родителската директория, така че най-често просто се записва файл с името favicon.ico в родителската директория. След това получената икона се изтегля на сървъра "Yandex" и се показва в търсенето. Ако неговият размер е по-голям, той е предварително преобразуван в 16х16, а разширението се променя на png. Роботът периодично преглежда отново сайтовете за промяна на фавиона. Обикновено посещава актуализирани сайтове веднъж месечно. Това се вижда експериментално: променете favicon на вашия сайт, и след около месец той ще се появи в индексите на търсачката "Yandex".

Конфликт с икони

Струва си да се отбележи, че понякога уебмайсторите срещат конфликти, защото това, което се появява в индекса е едно, а след това друга икона. Това е възможно, ако качите едно изображение в родителската директория и зададете пътя към другия фавикон в шаблона на кода на страницата. Затова се уверете, че няма конфликт между адресите на фоновата.

Сега знаете какво е favicon и как да го свържете правилно. Разбира се, това не е необходимо, защото сайтът ще работи с него, макар и без него. Но за целите на оптимизирането на търсачките и подобряването на кликванията от издаването на търсачки, се препоръчва връзката.