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

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

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

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

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

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

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

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

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

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

връзка

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

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

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

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

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

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

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

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

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

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

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

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

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

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