Favicon: памер. Стварэнне favicon. Favicon-генератар

Пры стварэнні сайта вельмі важна звяртаць увагу на дробязі, якія гуляюць ролю не толькі ў плане дызайну, але і ў прасоўванні гэтага сайта ў пошукавых сістэмах. Адной з такіх дробязяў з'яўляецца favicon для сайта. Аб тым, як яго стварыць і якога памеру ён павінен быць, мы і пагаворым.

Што такое favicon для сайта?

Ён уяўляе сабой невялікую карцінку, якая будзе адлюстроўвацца ва ўкладцы браўзэра. Памер favicon складае 16x16 пікселяў. Таксама гэтая карцінка адлюстроўваецца ў выніках выдачы пошукавых сістэм, і калі favicon на сайце будзе адсутнічаць, то побач з сайтам у выдачы будзе пуста. Варта адзначыць, што фавикон дапамагае карыстачу адшукаць канкрэтна ваш сайт сярод сотні іншых, таму яго прысутнасць на сайце хоць і не з'яўляецца абавязковым, але строга рэкамендавана. І так, памер favicon не абавязкова павінен быць 16x16. Некаторыя вэбмайстра робяць фавикон памерам 32x32 і нават 64x64. Але ў сваіх рэкамендацыях пошукавыя сістэмы Google і "Яндэкс" пішуць, што ідэальны памер favicon - 16x16. Таму лепш прытрымлівацца гэтым радам пошукавых сістэм.

Як стварыць favicon?

Ёсць некалькі розных спосабаў стварэння гэтай карцінкі. Самы першы і просты спосаб стварыць favicon - выкрасці яго, напрыклад, з англамоўнага сайта.

Дапушчальны, вы стварылі блог па бытавой тэхніцы і цалкам наладзілі яго, але застаўся апошні штрых - фавикон. Пішыце ў пошуку Google запыт appliances і глядзіце першыя 10 сайтаў. Фавиконы гэтых сайтаў ідэальна падыдуць для вашага новага блога. Калі якая-небудзь карцінка вам спадабалася, адкрывайце зыходны код старонкі і шукайце запіс favicon.ico. Там будзе паказаны адрас размешчаны фавикона. Адкрыйце яго і спампаваць на кампутар, затым загрузіце на сайт і падключыце (аб падключэнні ніжэй).

Больш:

Lenovo v580c: падрабязны агляд

Сёння мы вырашылі напісаць пра ноўтбуку Lenovo v580c. Агляд будзе падрабязным, так як гэты партатыўны ПК серыі IdeaPad мае высокую папулярнасць, але не многія ведаюць, чым жа прыцягвае гэта прылада пакупнікоў. Мадэль з'яўляецца хуткай і змяшчае ў саб...

Брандмаўэр - што гэта? Стандартны абаронца ПК

Брандмаўэр – што гэта такое? Карысная функцыя ў аперацыйнай сістэме або малаэфектыўныя сродак абароны? Перш чым адказаць на гэтае пытанне, нам трэба высветліць, што робіць кампутар і як правільна яго наладзіць.Агульныя звесткіДля паспяховай пра...

"Аблівіян": праходжанне гульні. Кіраўніцтва і парады па праходжанні гульні "Аблівіян"

The Elder Scrolls IV: Oblivion — ролевая гульня ад кампаніі Bethesda Games Studios. Адразу ж пасля рэлізу у 2006 годзе яна стала вельмі папулярнай. Сюжэт заснаваны на супрацьстаянні галоўнага героя і культу Прынца Разбурэння, які плануе адкрыць...

Другі спосаб стварэння favicon памерам 16x16 пікселяў - выкарыстоўваць спецыяльны сэрвіс генерацыі фавиконов. Ён працуе па наступным прынцыпе: вы загружаеце малюнак (любога памеру і пашырэння), якое падыходзіць для тытульнай абразкі сайта, і націскаеце на кнопку на кнопку Create Favicon. Праз секунду атрымліваеце гатовы фавикон, які можна спампаваць, загрузіць на свой сайт і падключыць. Самы папулярны сэрвіс - Favicon Generator.

Адзначым, што дадзены сэрвіс толькі трохі спрашчае працэс стварэння абразкоў. Тое ж самае можна зрабіць і самому. Проста знайдзіце карцінку, якая вам падыходзіць, зменіце яе памер да 16x16 пікселяў і захавайце з пашырэннем ico. Усё гэта прарабляецца на працягу адной хвіліны ў праграме Paint.

Ёсць і іншыя онлайн-сэрвісы пошуку фавиконов. Там трэба напісаць ключавое слова, і пасля гэтага сэрвіс адлюструе розныя тэматычныя абразкі неабходнага памеру. У прынцыпе, гэты спосаб таксама прадугледжвае крадзеж, як і першы. Але нічога страшнага ў гэтым няма.

Падключэнне

Каб карцінка адлюстроўвалася ў браўзэры ва ўкладцы і ў выдачы пошукавых сістэм, неабходна яе правільна падключыць. Для гэтага файл павінен мець назву favicon.ico і размяшчацца ў каранёвым каталогу, гэта значыць там, дзе ляжаць асноўныя файлы сайта.

Часцей за ўсё гэтых дзеянняў дастаткова для адлюстравання фавиконов. Пошукавыя сістэмы (напрыклад, "Яндэкс") аўтаматычна распазнаюць наяўнасць фавикона ў каранёвым каталогу і выкарыстоўваюць яго ў сваёй выдачы. Аднак з "Яндэксам" часам бываюць непаразуменні. Многія вэбмайстра скардзяцца, што фавиконки знікаюць з індэкса, а затым з'яўляюцца зноў. Каб гэтага не адбывалася, трэба падключыць яго.

Для падлучэння favicon "Яндэкс" рэкамендуе выкарыстоўваць метатег <спасылка> з указаннем канкрэтных атрыбутаў. Гэты тэг трэба змясціць у раздзел сайта <head>.

Увесь код падлучэння павінен мець наступны выгляд:

<link rel="icon" href="/favicon.ico" type="image/x-icon">

Гэты код працуе для пошукавых сістэм і ўсіх браўзэраў. Могуць быць праблемы з адлюстраваннем у браўзэры Internet Explorer, але ва ўсіх астатніх браўзэрах адлюстраванне будзе дакладным.

Звярніце ўвагу на адрас размяшчэння малюнка /favicon.ico. Яго можна зрабіць такім: /favicon.gif. Тады неабходна ў корань сайта змясціць малюнак з пашырэннем .gif, інакш адлюстроўвацца фавикон не будзе. Як вядома, карцінкі ў фармаце .gif могуць прадстаўляць сабой слайдэры. Гэтым карыстаюцца вэб-майстру і робяць пры гэтым аніміраваныя фавиконы для сваіх сайтаў. Выглядае гэта цікава, але не больш таго.

Фавикон як інструмент прасоўвання сайта

Улічваючы той факт, што дадзеная абразок будзе адлюстроўвацца ў выніках пошуку "Яндэкса", выкарыстоўваць яе вельмі пажадана. Гэта адзін з асноўных інструментаў павелічэння заблакаваны, бо карыстальнікі, хутчэй за ўсё, будуць клікаць на сайт, каля якога стаіць прывабнае малюнак, а не пустое месца.

Таму важна не проста выкарыстоўваць любы фавикон, а прыгожую абразок, на якую карыстальнікам хочацца клікнуць. Таксама яе варта замяняць у залежнасці ад сітуацыі. Напрыклад, напярэдадні Новага Года пажадана зрабіць свой фавикон навагодніх, што забяспечыць лепшую клікабельнасць.

Як пошукавік "Яндэкс" разумее фавиконки?

У пошукавай сістэмы ёсць спецыяльны робат, які адказвае за абнаўленне менавіта фавиконов. Гэты робат па вызначаным раскладзе наведвае сайты, запытваючы галоўную старонку і шукае ў кодзе шлях з указаннемразмяшчэння favicon.ico. Калі гэты шлях ён не знаходзіць, то спрабуе загрузіць абразок з бацькоўскага каталога, таму часцей за ўсё досыць проста файл з назвай favicon.ico змясціць у бацькоўскі каталог. Затым атрыманая абразок загружаецца на сервер "Яндэкса" і адлюстроўваецца ў пошуку. Калі яе памер будзе больш, то ён папярэдне пераўтворыцца ў 16х16, а пашырэнне змяняецца на png. Робат перыядычна пераправярае сайты на прадмет змены фавиконки. Звычайна ён наведвае абнаўляюцца сайты адзін раз у месяц. Гэта і відаць эксперыментальным шляхам: зменіце фавикон свайго сайта, і прыблізна праз месяц ён з'явіцца ў азначніках пошукавіка "Яндэкс".

Канфлікт абразкоў

Варта адзначыць, што часам вэбмайстра сутыкаюцца з канфліктам фавиконов, з-за чаго ў індэксе з'яўляецца то адна, то другая абразок. Такое магчыма, калі ў бацькоўскі каталог загрузіць адзін малюнак, а ў шаблоне кода старонкі паказаць шлях да іншага фавикону. Таму сочыце за тым, каб у вас не было канфлікту паміж адрасамі фавиконок.

Цяпер вы ведаеце, што такое фавикон і як правільна яго падключыць. Вядома, рабіць гэта зусім не абавязкова, бо сайт будзе працаваць хоць з ім, хоць і без яго. Але ў мэтах пошукавай аптымізацыі і паляпшэння заблакаваны з выдачы пошукавых сістэм яго падключэнне рэкамендуецца.