Favicon

Favicon е малка икона с размери 16×16 пиксела, която служи за брандиране на вашия уебсайт. Основната му цел е да помогне на посетителите да намерят по-лесно вашата страница, когато имат отворени няколко раздела. Поради малкия си размер, фавиконите работят най-добре като прости изображения или текст от един до три знака. Фавиконите не трябва да се бъркат с лога, но понякога са едни и същи. Поради малкия си размер и разделителна способност, фавиконата може да се наложи да бъде още по-малък размер или част от оригиналното лого на компанията.

Защо Favicons са важни?

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

Важни ли са Favicon за SEO?

Favicons не носят пряка отговорност за вашата оптимизация за търсачки, но са косвено отговорни и са важен инструмент за подобряване на вашето класиране в търсачките. По-долу са дадени няколко примера за това как наличието на фавикона може да помогне на вашето SEO:

Удобни за потребителя уебсайтове водят до по-голяма употреба:

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

Предмиства:

Favicon ви дава предимство пред уебсайтове, които не го използват. Браузърът Chrome от Google приспада определени сигнали за класиране при търсене за уебсайтове, отбелязани в мрежата. Ако нямате фавикона на уебсайта си, тогава може да пропуснете шанса да бъдете отбелязани в браузъра Chrome, като косвено пропуснете един от многото сигнали за класиране при търсене. Освен това, поставянето на отметки и след това визуално изпъкване в този списък с отметки поради вашата фавикона поставя уебсайта ви в по-добра позиция, за да бъде преразглеждан от потребителите. Всичко това увеличава трафика на вашия уебсайт и SEO.

Брандиране и видимост:

Favicon е визуално представяне на вашия уебсайт и бизнес, така че потребителите ще се идентифицират с вашата марка въз основа на иконата, която използвате. SEO е свързано с брандиране и маркетинг и колкото по-видим е уебсайтът ви, толкова повече потребители ще кликнат върху уебсайта ви и ще си спомнят кой сте.

Как да създадете добър фавикон

Много неща трябва да се вземат предвид, когато създавате и проектирате favicon за вашия уебсайт. Макар и малък и прост, той може (и трябва) да има голямо влияние. Важно е да се уверите, че създавате възможно най-добрия фавикон, тъй като това е, с което потребителите ще идентифицират вашата марка. Ето някои неща, които трябва да имате предвид, когато създавате своя фавикона:

Използвайте пространството разумно:

Favicon понякога не винаги може да бъде просто по-малка версия на логото на вашата компания. Трябва да се вземе предвид общият размер на вашата favicon. Трябва да се придържате към 16px, тъй като това е приемливо за всички браузъри (но можете да намерите други примери по-долу).

простота:

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

Идентичност на марката:

Вашата favicon е визуалната икона за вашата марка, така че трябва визуално да казва на потребителите какво представлява вашият бизнес. Това им казва незабавно за какво е вашата марка и какво прави. Въпреки че това е много трудно да се направи с такъв малък и прост дизайн, опитайте се да бъдете креативни. Примерите по-долу демонстрират силата на малките, креативни фавикони; на пръв поглед можете незабавно да разберете за какво е марката и какво представлява:

                             .                           

Съкращаване:

Намирането на перфектната визуализация може да не е практично за това, което прави вашият бизнес. Често срещано решение за това е да използвате първата буква на името на вашата фирма или акроними. Можете също да изберете да използвате съкращение от името на вашата компания. Играйте с няколко различни варианта и изберете този, който работи най-добре за вас:

Координация на цветовете:

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

Какви размери са необходими за Favicon на всеки браузър?

Както беше посочено по-горе, 16px обикновено се препоръчва, тъй като може да се използва във всички браузъри, но ако искате да създадете фавикона за всяка възможна употреба, следвайте ръководството по-долу:

• 16px: За обща употреба във всички браузъри, може да се показва в адресната лента, разделите или изгледите на отметки
• 24px: Закачен сайт в Internet Explorer 9
• 32px : страница с нов раздел в Internet Explorer, бутон на лентата на задачите в Windows 7+ и страничната лента на Safari „Прочетете по-късно“
• 57px: Стандартен начален екран на iOS (iPod Touch, iPhone първо поколение до 3G)
• 72px: Икона на началния екран на iPad
• 96px: Favicon, използван от платформата Google TV
• 114px: икона на началния екран на iPhone 4+ (два пъти по-голям от стандартния размер за дисплея на ретината)
• 128px: Уеб магазин на Chrome
• 195px: Opera Speed ​​Dial

Какви формати се използват за Favicon?

За разлика от миналото, когато фавиконата трябваше да бъде във формат Windows ICO, сега има няколко различни опции за форматиране. По-долу е даден поглед към всеки един по-задълбочено:

• Windows ICO: ICO е най-широко поддържаният файл. Предимствата на ICO са, че може да съдържа множество резолюции и битови дълбочини, което работи много добре и е особено полезно за Windows. ICO предлага и 32-пиксела икона, която е полезна за лентата на задачите на Internet Explorer на Windows 7. Това е и единственият формат, който не използва елемента <link>.
• PNG: Форматът PNG е полезен по няколко различни причини. Не са ви необходими никакви специални инструменти, за да създадете PNG файл, което го прави много удобен за потребителя. Той ни дава възможно най-малкия размер на файла и поддържа алфа прозрачност. Въпреки това, един голям недостатък на този стил е, че Internet Explorer няма да поддържа PNG файл; поддържа само ICO файлове.
• SVG: Този формат може да се използва и се поддържа от браузърите Opera.
• GIF: Този формат не предлага никакви предимства извън използването на стари браузъри. Въпреки че те ще привлекат повече внимание към потребителите, те също имат склонност да дразнят и общото мнение е, че те по никакъв начин не са предимство.
• JPG: Въпреки че този формат може да се използва, той не е често срещан и няма да осигури качество на разделителна способност като PNG. Освен това, поради малкия размер на фавиконата, JPEG губи всичките си предимства.
• APNG: Това е анимирана версия на PNG и въпреки че може да се поддържа от Firefox и Opera, има същите проблеми като анимирания GIF, разсейвайки потребителите, докато гледат интерфейса им.