តើ Favicon គឺជាអ្វី ហើយហេតុអ្វីបានជាវាសំខាន់សម្រាប់គេហទំព័ររបស់អ្នក?
Favicon គឺជារូបតំណាងតូចដែលតំណាងឱ្យគេហទំព័ររបស់អ្នកនៅលើផ្ទាំងកម្មវិធីរុករក ចំណាំ លទ្ធផលស្វែងរករបស់ Google និងអេក្រង់ដើម។ ស្វែងយល់ថាវាបង្ហាញនៅកន្លែងណា ហេតុអ្វីវាមានឥទ្ធិពលលើទំនុកចិត្ត និងការចុច ហើយរបៀបបង្កើតមួយក្នុងរយៈពេលប៉ុន្មាននាទី។

Favicon (ខ្លីពី “favorite icon” ឬរូបតំណាងដែលចូលចិត្ត) គឺជារូបភាពការ៉េតូចដែលតំណាងឱ្យគេហទំព័រមួយនៅលើផ្ទាំងកម្មវិធីរុករក ចំណាំ បញ្ជីប្រវត្តិ លទ្ធផលស្វែងរករបស់ Google អេក្រង់ដើមរបស់ទូរសព្ទ និងកម្មវិធីវេបដែលបានដំឡើង។ វាសំខាន់ព្រោះវាផ្តល់ឱ្យគេហទំព័ររបស់អ្នកនូវរូបរាងដែលអាចទទួលស្គាល់បានភ្លាមៗ ជួយឱ្យរកឃើញងាយក្នុងចំណោមផ្ទាំងជាច្រើនដែលបើក បង្ហាញថាគេហទំព័រមានលក្ខណៈវិជ្ជាជីវៈ និងគួរឱ្យទុកចិត្ត ហើយឥឡូវនេះវាត្រូវបានបង្ហាញនៅជាប់ឈ្មោះគេហទំព័ររបស់អ្នកក្នុងលទ្ធផល Google ផងដែរ។ បើគ្មាន favicon ទេ អ្នកទស្សនាឃើញតែរូបភពផែនដីទូទៅ ឬរូបទំព័រទទេ ហើយម៉ាស៊ីនមេរបស់អ្នកពោរពេញដោយកំហុស 404 ក្នុងកំណត់ហេតុ។ អ្នកអាចបង្កើតសំណុំ favicon ពេញលេញដោយឥតគិតថ្លៃជាមួយ កម្មវិធីបង្កើត favicon របស់ MakeFav។
តើ favicon គឺជាអ្វី?
Favicon គឺជារូបក្រាហ្វិកតូចដែលមានម៉ាក ជាទូទៅជាកំណែសាមញ្ញនៃឡូហ្គោ ឬអក្សរ ឬសញ្ញាតែមួយ ដែលកម្មវិធីរុករក និងកម្មវិធីផ្សេងទៀតទាញយកពីគេហទំព័ររបស់អ្នក ហើយបង្ហាញនៅគ្រប់កន្លែងដែលត្រូវការអត្តសញ្ញាណរូបភាពតូច។ នៅលើកម្មវិធីរុករកលើកុំព្យូទ័រ វាជាធម្មតាត្រូវបានគូរក្នុងទំហំ 16 គុណ 16 CSS pixel ទោះបីជាឯកសារខ្លួនឯងគួរមានទំហំធំជាងនេះ ដើម្បីឱ្យនៅតែច្បាស់នៅលើអេក្រង់ដែលមានដង់ស៊ីតេខ្ពស់ក៏ដោយ។
តាមបច្ចេកទេស favicon គ្រាន់តែជាឯកសាររូបភាពដែលត្រូវបានយោងពី HTML របស់អ្នក (ឬរកឃើញនៅទីតាំងលំនាំដើម) ដែលកម្មវិធីរុករកទាញយកដោយឡែកពីមាតិកាទំព័រ។ សព្វថ្ងៃនេះ “favicon” កម្រជាឯកសារតែមួយណាស់។ គេហទំព័រទំនើបជាធម្មតាមានរូបតំណាងតែមួយនោះច្រើនកំណែ ដើម្បីឱ្យកម្មវិធីរុករក ម៉ាស៊ីនស្វែងរក iOS និង Android ទទួលបានទ្រង់ទ្រាយ និងទំហំដែលសមស្រប។
ប្រវត្តិសង្ខេបរបស់ favicon
Favicon មានប្រវត្តិតាំងពី ខែមីនា ឆ្នាំ 1999 នៅពេលដែល Microsoft ចេញផ្សាយ Internet Explorer 5។ កម្មវិធីរុករកនេះអនុញ្ញាតឱ្យអ្នកប្រើរក្សាទុកទំព័រទៅក្នុងបញ្ជី “Favorites” ហើយវាក៏ស្វែងរកឯកសាររូបតំណាងតូចមួយឈ្មោះ favicon.ico នៅឫសរបស់គេហទំព័រ ដើម្បីបង្ហាញនៅជាប់រាល់ធាតុដែលបានរក្សាទុក។ គំនិតនេះសាមញ្ញ៖ ប្រសិនបើគេហទំព័រផ្តល់ /favicon.ico រូបតំណាងនឹងបង្ហាញនៅជាប់ចំណាំ។
មិនយូរប៉ុន្មាន កម្មវិធីរុករកផ្សេងទៀតបានទទួលយកមុខងារនេះ ហើយការរុករកជាផ្ទាំងធ្វើឱ្យវាមានប្រយោជន៍ជាងមុនឆ្ងាយ។ នៅពេលដែលផ្ទាំងក្លាយជាវិធីសំខាន់ក្នុងការរុករក favicon បានប្រែពីការតុបតែងចំណាំ ទៅជាជំនួយរុករកស្នូល។ ក្នុងរយៈពេលប៉ុន្មានឆ្នាំកន្លងមក វិធីសាស្ត្រនេះបានវិវត្ត៖
- ដើមទសវត្សរ៍ 2000៖ ធាតុ
<link rel="icon">អនុញ្ញាតឱ្យគេហទំព័រចង្អុលទៅរូបតំណាងនៅ URL ណាមួយ ជំនួសឱ្យតែឫសប៉ុណ្ណោះ ហើយឯកសារ PNG និង GIF ចាប់ផ្តើមត្រូវបានទទួលយកដោយកម្មវិធីរុករកដែលមិនមែន IE។ - ទសវត្សរ៍ 2010៖ Apple បានណែនាំ
apple-touch-iconសម្រាប់អេក្រង់ដើម iOS ហើយ Android និង Windows បានបន្ថែមបទដ្ឋានផ្ទាល់ខ្លួនដូចជារូបតំណាង manifest និងរូបភាពក្រឡា (tile)។ - សព្វថ្ងៃ៖ favicon SVG, web app manifest, រូបតំណាងដែលដឹងពីរបៀបងងឹត និងតម្រូវការ favicon លើលទ្ធផលស្វែងរករបស់ Google បានធ្វើឱ្យ favicon ក្លាយជាផ្នែកតូចប៉ុន្តែពិតប្រាកដនៃការរៀបចំបច្ចេកទេសរបស់គេហទំព័រ។
កន្លែងដែល favicon បង្ហាញសព្វថ្ងៃ
Favicon របស់អ្នកត្រូវបានបង្ហាញនៅកន្លែងច្រើនជាងផ្ទាំងកម្មវិធីរុករកទៅទៀត។ កន្លែងសំខាន់ៗរួមមាន៖
- ផ្ទាំងកម្មវិធីរុករក៖ ទីតាំងដែលមើលឃើញច្បាស់បំផុត ដែលរូបតំណាងជារឿយៗជាអ្វីតែមួយគត់ដែលអ្នកអាចមើលឃើញនៅពេលមានផ្ទាំងច្រើនបើក។
- ចំណាំ និងរបស់ដែលចូលចិត្ត៖ រូបតំណាងស្ថិតនៅជាប់ចំណងជើងទំព័រក្នុងរបារ និងម៉ឺនុយចំណាំ។
- ប្រវត្តិ និងទំព័រដែលចូលមើលច្រើនបំផុត៖ កម្មវិធីរុករកបង្ហាញ favicon ក្នុងបញ្ជីប្រវត្តិ និងនៅលើទំព័រផ្ទាំងថ្មី។
- លទ្ធផលស្វែងរករបស់ Google៖ ទាំងលើទូរសព្ទ និងកុំព្យូទ័រ Google បង្ហាញ favicon របស់គេហទំព័រនៅជាប់ឈ្មោះគេហទំព័រ និង URL។
- អេក្រង់ដើម៖ នៅពេលអ្នកទស្សនាបន្ថែមគេហទំព័ររបស់អ្នកទៅអេក្រង់ដើមលើ iOS ឬ Android រូបតំណាង touch ឬរូបតំណាង manifest ក្លាយជាផ្លូវកាត់ដូចកម្មវិធី។
- PWA ដែលបានដំឡើង៖ កម្មវិធីវេបជឿនលឿន (progressive web app) ប្រើរូបតំណាងក្នុង web app manifest របស់វាសម្រាប់រូបតំណាងបើកកម្មវិធី អេក្រង់ចាប់ផ្តើម និងកម្មវិធីប្តូរកិច្ចការ។
- ក្រឡា Windows និងគេហទំព័រដែលបានខ្ទាស់៖ កំណែ Windows និង Edge ចាស់ៗប្រើរូបភាពក្រឡាដែលកំណត់សម្រាប់គេហទំព័រដែលបានខ្ទាស់ ឯកំណែទំនើបភាគច្រើនប្រើរូបតំណាងស្តង់ដាររបស់អ្នកឡើងវិញ។
- ការមើលតំណជាមុននៅក្នុងកម្មវិធីមួយចំនួន៖ ឧបករណ៍ជជែក និងឧបករណ៍ផលិតភាពមួយចំនួន (Slack ជាឧទាហរណ៍ដ៏ល្បី) បង្ហាញ favicon របស់គេហទំព័រនៅជាប់តំណដែលបានពង្រីក។ ការមើលជាមុនភាគច្រើនពឹងផ្អែកជាចម្បងលើរូបភាព Open Graph ប៉ុន្តែ favicon ជារឿយៗផ្តល់សញ្ញាម៉ាកតូច។
ហេតុអ្វី favicon សំខាន់សម្រាប់គេហទំព័ររបស់អ្នក
ការទទួលស្គាល់ម៉ាក
មនុស្សទទួលស្គាល់ពណ៌ និងរូបរាងលឿនជាងអានអត្ថបទ។ រូបតំណាងដែលស្របគ្នា និងលេចឡើងម្តងហើយម្តងទៀតក្នុងផ្ទាំង ចំណាំ និងលទ្ធផលស្វែងរក បង្កើតភាពស្គាល់ស្និទ្ធរាល់ពេលដែលមានអ្នកឃើញ ដែលជាការបង្ហាញម៉ាកដោយឥតគិតថ្លៃរាល់ការចូលមើល។
ទំនុកចិត្ត និងភាពអាចជឿជាក់បាន
ការខ្វះ favicon ធ្វើឱ្យគេហទំព័រមើលទៅដូចមិនទាន់ចប់។ រូបតំណាងស្អាត និងបង្ហាញត្រឹមត្រូវ គឺជាសញ្ញាតូចមួយដែលបង្ហាញថាមានអ្នកយកចិត្តទុកដាក់ចំពោះព័ត៌មានលម្អិត ដែលជួយគាំទ្រការយល់ឃើញថាគេហទំព័រនេះស្របច្បាប់។ វាមិនមែនជាមុខងារសុវត្ថិភាពទេ ហើយគេហទំព័រ phishing អាចចម្លងរូបតំណាងបាន ប៉ុន្តែរូបតំណាងលំនាំដើមទទេកម្រជួយឱ្យអាជីវកម្មមើលទៅមានមូលដ្ឋានរឹងមាំណាស់។
អត្រាចុច (click-through rate) ក្នុងលទ្ធផលស្វែងរក
ដោយសារ Google បង្ហាញ favicon នៅជាប់បញ្ជីរបស់អ្នក វាក្លាយជាផ្នែកមួយនៃរបៀបដែលលទ្ធផលរបស់អ្នកមើលទៅនៅជាប់ដៃគូប្រកួតប្រជែង។ Google មិនបានប្រកាសថា favicon មានឥទ្ធិពលលើចំណាត់ថ្នាក់ទេ ហើយអ្នកមិនគួររំពឹងថាវាជួយបង្កើនចំណាត់ថ្នាក់ឡើយ។ អត្ថប្រយោជន៍គឺអំពីការទទួលស្គាល់តាមរូបភាព៖ អ្នកប្រើដែលស្គាល់រូបតំណាងរបស់អ្នកទំនងជាមើលឃើញ និងជ្រើសរើសលទ្ធផលរបស់អ្នកជាង ជាពិសេសលើទូរសព្ទដែលលទ្ធផលត្រូវបានបង្ហាញយ៉ាងបង្រួម។
ភាពងាយស្រួលប្រើនៅពេលមានផ្ទាំងច្រើនបើក
នៅពេលកម្មវិធីរុករកមានផ្ទាំងម្ភៃបើក ចំណងជើងត្រូវបានកាត់ខ្លីរហូតលែងឃើញ ហើយ favicon គឺជាអ្វីតែមួយគត់ដែលនៅសល់។ រូបតំណាងពិសេសមួយអនុញ្ញាតឱ្យមនុស្សរកឃើញផ្ទាំងរបស់អ្នកភ្លាមៗ ហើយត្រឡប់ទៅវាវិញ ជំនួសឱ្យការបើកផ្ទាំងស្ទួន ឬភ្លេចវា។
ចំណាប់អារម្មណ៍វិជ្ជាជីវៈ
Favicon ដែលរចនាបានល្អបង្ហាញការយកចិត្តទុកដាក់ចំពោះព័ត៌មានលម្អិតដូចគ្នានឹងផ្នែកផ្សេងទៀតនៃគេហទំព័ររបស់អ្នក។ សម្រាប់ទំព័រផលិតផល ឯកសារ ប្លុក និងកម្មវិធីវេបដូចគ្នា វាជាធាតុតុបតែងដែលថោកបំផុតមួយដែលអ្នកអាចបន្ថែមបាន។
ភាពងាយស្រួលក្នុងការរកផ្ទាំង
រូបតំណាងជួយអ្នកប្រើដែលស្កេនដោយភ្នែកជាជាងអាន រួមទាំងមនុស្សដែលមានជំងឺ dyslexia ឬភាពខុសគ្នាខាងការយល់ដឹង និងអ្នកដែលប្តូរកិច្ចការលឿន។ រូបតំណាងដែលមានកម្រិតពណ៌ផ្ទុយខ្ពស់ និងរូបរាងសាមញ្ញងាយស្រួលរកឃើញជាង។ ទោះជាយ៉ាងណា សូមចាំថា favicon គ្រាន់តែជាការបន្ថែម៖ វាមិនជំនួសចំណងជើងទំព័រច្បាស់លាស់ទេ ដែលកម្មវិធីអានអេក្រង់ និងបច្ចេកវិទ្យាជំនួយពឹងផ្អែកលើ។
តើមានអ្វីកើតឡើងប្រសិនបើអ្នកគ្មាន favicon
កម្មវិធីរុករកស្នើសុំ /favicon.ico ដោយស្វ័យប្រវត្តិពីឫសដូមែនរបស់អ្នក ទោះបី HTML របស់អ្នកមិនបានលើកឡើងអំពីវាក៏ដោយ។ ប្រសិនបើឯកសារមិនមាន នឹងមានរឿងជាច្រើនកើតឡើង៖
- រូបតំណាងទូទៅ៖ អ្នកទស្សនាឃើញរូបភពផែនដី រូបឯកសារ ឬរូបទទេលំនាំដើមក្នុងផ្ទាំង និងចំណាំ ដែលមើលទៅអនាមិក។
- កំហុស 404 ក្នុងកំណត់ហេតុរបស់អ្នក៖ រាល់កម្មវិធីរុករកដែលសុំឯកសារនេះបង្កើតសំណើបរាជ័យមួយ។ នៅលើគេហទំព័រដែលមានអ្នកចូលច្រើន វាបន្ថែមសំឡេងរំខានដល់កំណត់ហេតុចូលប្រើ ការត្រួតពិនិត្យកំហុស និងការវិភាគ ហើយអាចលាក់បញ្ហាពិតប្រាកដ។
- គ្មានរូបតំណាងក្នុងលទ្ធផល Google៖ បើគ្មាន favicon ដែលត្រឹមត្រូវ និងអាចស្វែងរកបាន Google បង្ហាញរូបតំណាងជំនួសលំនាំដើមនៅជាប់បញ្ជីរបស់អ្នក។
- សំណើដែលខ្ជះខ្ជាយ៖ កម្មវិធីរុករកអាចសាកល្បងម្តងទៀត ដែលបន្ថែមបន្ទុកតូចតែឥតប្រយោជន៍ដល់ម៉ាស៊ីនមេរបស់អ្នក។
សូម្បីតែរូបតំណាងសាមញ្ញបំផុតក៏ល្អជាងគ្មាន ព្រោះវាលុបបំបាត់កំហុស 404 ហើយផ្តល់ឱ្យអ្នកប្រើនូវអ្វីដែលអាចទទួលស្គាល់បាន។
ពន្យល់ពីទ្រង់ទ្រាយ favicon
គ្មានទ្រង់ទ្រាយតែមួយគ្របដណ្តប់គ្រប់វេទិកាទេ ដូច្នេះគេហទំព័រភាគច្រើនប្រើសំណុំឯកសារតូចមួយ។
| ទ្រង់ទ្រាយ / ឯកសារ | ទំហំធម្មតា | ប្រើសម្រាប់ | កំណត់សម្គាល់ |
|---|---|---|---|
ICO (favicon.ico) |
16, 32, 48 px ក្នុងឯកសារតែមួយ | កម្មវិធីរុករកចាស់ សំណើឫសលំនាំដើម Google | អាចមានទំហំច្រើន ភាពត្រូវគ្នាទូលំទូលាយបំផុត |
| PNG | 32, 96, 192 px និងច្រើនជាងនេះ | កម្មវិធីរុករកទំនើប លទ្ធផល Google | គាំទ្រតម្លាភាព ងាយស្រួលផលិត |
| SVG | អាចពង្រីកបាន | កម្មវិធីរុករកលើកុំព្យូទ័រទំនើប | ច្បាស់គ្រប់ទំហំ អាចសម្របទៅនឹងរបៀបងងឹតដោយ CSS ត្រូវរក្សា ICO ឬ PNG ជាជម្រើសបម្រុង |
| Apple touch icon | 180 x 180 px | អេក្រង់ដើម iOS និង iPadOS | ប្រើផ្ទៃខាងក្រោយមិនថ្លា iOS បន្ថែមជ្រុងមូល |
| រូបតំណាង Manifest | 192 x 192 និង 512 x 512 px | Android ការដំឡើង PWA អេក្រង់ចាប់ផ្តើម | រាយក្នុង site.webmanifest បន្ថែមកំណែ maskable សម្រាប់រូបរាងសម្របខ្លួន |
រូបភាពក្រឡា Windows ចាស់ (កំណត់តាមរយៈ browserconfig.xml) ត្រូវការសម្រាប់ Internet Explorer 11 និង Edge ចាស់។ ឥឡូវនេះវាកម្រចាំបាច់ណាស់ លុះត្រាតែអ្នកត្រូវគាំទ្របរិស្ថានទាំងនោះ។
ការណែនាំរបស់ Google អំពី favicon សម្រាប់លទ្ធផលស្វែងរក
ប្រសិនបើអ្នកចង់ឱ្យរូបតំណាងរបស់អ្នកបង្ហាញក្នុង Google Search សូមអនុវត្តតាមតម្រូវការដែល Google បានផ្សព្វផ្សាយ៖
- ទំហំ៖ រូបភាពត្រូវតែជាការ៉េ (1:1) និងមានទំហំជាពហុគុណនៃ 48 pixel ដូចជា 48x48, 96x96 ឬ 144x144។ បន្ទាប់មក Google បង្រួមវាមក 16x16 សម្រាប់ការបង្ហាញ។ ទំហំអប្បបរមាដែលគាំទ្រគឺ 8x8 ប៉ុន្តែណែនាំ 48x48 ឬធំជាងនេះ។
- ទ្រង់ទ្រាយ៖ ទ្រង់ទ្រាយណាក៏ដោយដែលកម្មវិធីរុករកគាំទ្រអាចប្រើបាន រួមទាំង ICO, PNG និង SVG។
- URL ស្ថិរភាព៖ កុំផ្លាស់ប្តូរ URL របស់ favicon ញឹកញាប់។ អាសយដ្ឋានមិនប្រែប្រួលជួយឱ្យ Google រក្សារូបតំណាងរបស់អ្នកឱ្យទាន់សម័យ។
- អាចស្វែងរកបាន (Crawlable)៖ ទាំងឯកសារ favicon និងទំព័រដើមរបស់អ្នកត្រូវតែអាចចូលប្រើបានសម្រាប់ Googlebot។ កុំរារាំងវាក្នុង
robots.txtឬដាក់នៅពីក្រោយការចូលគណនី។ - មួយការប្រកាសក្នុងមួយគេហទំព័រ៖ រូបតំណាងត្រូវបានភ្ជាប់ទៅនឹងទំព័រដើមរបស់គេហទំព័រ ដូច្នេះសូមដាក់ស្លាក
<link>នៅក្នុង head នៃទំព័រដើមរបស់អ្នក។ - តំណាងឱ្យម៉ាក និងសមរម្យ៖ រូបតំណាងគួរឆ្លុះបញ្ចាំងពីម៉ាករបស់អ្នក ហើយ Google អាចជំនួសរូបតំណាងដែលមិនសមរម្យ ឬបំភ័ន្តដោយរូបលំនាំដើមរបស់ខ្លួន។
បន្ទាប់ពីអ្នកផ្សព្វផ្សាយ ឬផ្លាស់ប្តូរ favicon Google អាចចំណាយពេលពីប៉ុន្មានថ្ងៃទៅប៉ុន្មានសប្តាហ៍ដើម្បីស្វែងរកឡើងវិញ និងធ្វើបច្ចុប្បន្នភាព ដូច្នេះកុំរំពឹងថានឹងផ្លាស់ប្តូរភ្លាមៗ។
របៀបបង្កើត favicon យ៉ាងរហ័សជាមួយ MakeFav
អ្នកមិនត្រូវការកម្មវិធីរចនា ឬបន្ទាត់ពាក្យបញ្ជាទេ។ កម្មវិធីបង្កើត MakeFav បំប្លែងរូបភាពប្រភពតែមួយទៅជាឯកសារដែលបានពិពណ៌នាខាងលើ។
- រៀបចំស្នាដៃរបស់អ្នក។ ប្រើឡូហ្គោ ឬសញ្ញាការ៉េទំហំ 512 x 512 px ឬធំជាងនេះ។ រូបរាងសាមញ្ញដំណើរការបានល្អបំផុត ព្រោះរូបតំណាងនឹងត្រូវបានឃើញក្នុងទំហំ 16 px។
- ផ្ទុកឡើងនៅលើទំព័រដើមរបស់ MakeFav ឬបើកកម្មវិធីកែសម្រួលដើម្បីកែតម្រូវរូបភាព ផ្ទៃខាងក្រោយ និងគម្លាត មុនពេលនាំចេញ។
- មើលជាមុនលទ្ធផលក្នុងទំហំតូច និងលើផ្ទៃខាងក្រោយភ្លឺ និងងងឹត ដើម្បីប្រាកដថាវានៅតែអាចអានបាន។
- ទាញយកកញ្ចប់។ វាមាន ICO ទំហំ PNG ផ្សេងៗ Apple touch icon រូបតំណាង manifest និងកូដ HTML សម្រាប់បិទភ្ជាប់។
- ផ្ទុកឯកសារឡើងទៅឫសគេហទំព័ររបស់អ្នក ដើម្បីឱ្យអាចចូលប្រើបានតាមផ្លូវដូចជា
/favicon.ico។ - បន្ថែម HTMLទៅក្នុង
<head>នៃគ្រប់ទំព័រ ឬប្លង់ ឬគំរូរួមរបស់អ្នក។ - ផ្ទៀងផ្ទាត់ជាមួយកម្មវិធីពិនិត្យ favicon បន្ទាប់មកសម្អាតឃ្លាំងសម្ងាត់កម្មវិធីរុករក ហើយផ្ទុកឡើងវិញដើម្បីមើលរូបតំណាងថ្មី។
ឧទាហរណ៍កូដ HTML
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
គុណលក្ខណៈ sizes="48x48" លើតំណ ICO ជួយឱ្យកម្មវិធីរុករកជ្រើសរើស SVG នៅពេលដែលពួកវាគាំទ្រ ខណៈរក្សា ICO ជាជម្រើសបម្រុង។ PNG ទំហំ 96 px បំពេញតាមច្បាប់ពហុគុណនៃ 48 របស់ Google។
ឧទាហរណ៍ web app manifest
{
"name": "Example Site",
"short_name": "Example",
"icons": [
{ "src": "/web-app-manifest-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" },
{ "src": "/web-app-manifest-512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}
ប្រសិនបើអ្នកធ្វើការជាមួយ build pipeline ឬចង់ធ្វើស្វ័យប្រវត្តិកម្មការបង្កើតរូបតំណាង សូមមើលធនធានសម្រាប់អ្នកអភិវឌ្ឍ។
គន្លឹះរចនា favicon ដែលដំណើរការបានល្អ
- ធ្វើឱ្យសាមញ្ញ។ រូបរាងមួយ អក្សរមួយ ឬអក្សរកាត់ដិតមួយ ល្អជាងឡូហ្គោលម្អិតដែលក្លាយជាស្នាមព្រិលៗនៅ 16 px។
- ប្រើកម្រិតពណ៌ផ្ទុយខ្លាំង។ ប្រាកដថារូបតំណាងអាចមើលឃើញលើទាំងផ្ទៃរបស់កម្មវិធីរុករកភ្លឺ និងងងឹត។ ក្រឡាផ្ទៃខាងក្រោយមានពណ៌ជួយបាន។
- ជៀសវាងអត្ថបទ។ អក្សរដំបូងតែមួយគឺល្អ ប៉ុន្តែពាក្យមិនអាចអានបាននៅទំហំនេះ។
- ទុកគម្លាតបន្តិចបន្តួចសម្រាប់រូបតំណាង maskable និងជ្រុងមូល ដើម្បីកុំឱ្យអ្វីសំខាន់ត្រូវកាត់ចោល។
- រក្សាភាពស្របគ្នាជាមួយឡូហ្គោ និងពណ៌ម៉ាករបស់អ្នក ដើម្បីឱ្យ favicon ពង្រឹងការទទួលស្គាល់។
- សាកល្បងលើឧបករណ៍ពិត ហើយពិនិត្យមើលថាវាមើលទៅយ៉ាងណាក្នុងផ្ទាំង ចំណាំ និងលទ្ធផល Google។
បញ្ហា favicon ទូទៅ
ប្រសិនបើរូបតំណាងរបស់អ្នកមិនបង្ហាញ មូលហេតុធម្មតាគឺការរក្សាទុកក្នុងឃ្លាំងសម្ងាត់ ផ្លូវខុស និងឯកសារត្រូវបានរារាំង។ កម្មវិធីរុករករក្សា favicon ក្នុងឃ្លាំងសម្ងាត់យ៉ាងខ្លាំង ដូច្នេះការផ្ទុកឡើងវិញយ៉ាងមុតមាំ ឬបង្អួចឯកជនថ្មី ជារឿយៗគ្រប់គ្រាន់ដើម្បីមើលការធ្វើបច្ចុប្បន្នភាព។ ពិនិត្យថា URL របស់ឯកសារត្រឡប់ស្ថានភាព 200 និងប្រភេទមាតិកាត្រឹមត្រូវ ហើយថាស្លាក <link> ស្ថិតនៅក្នុង <head>។ សម្រាប់ការស្វែងរក សូមប្រាកដថា robots.txt មិនរារាំងរូបតំណាង ឬទំព័រដើមទេ។ កម្មវិធីពិនិត្យរបស់ MakeFav អាចជួយអ្នកស្វែងរកបញ្ហាទាំងនេះបានយ៉ាងរហ័ស។
សំណួរដែលសួរញឹកញាប់
តើ favicon មកពីពាក្យអ្វី?
Favicon ជាពាក្យកាត់ពី “favorite icon”។ ឈ្មោះនេះមកពី Internet Explorer 5 ដែលនៅឆ្នាំ 1999 បានប្រើឯកសាររូបតំណាងតូចជាលើកដំបូងដើម្បីតុបតែងធាតុក្នុងបញ្ជី Favorites របស់កម្មវិធីរុករក។ ពាក្យនេះនៅតែប្រើ ទោះបីរូបតំណាងឥឡូវនេះបង្ហាញនៅកន្លែងផ្សេងៗជាច្រើនទៀតក៏ដោយ។
តើ favicon ជួយ SEO ទេ?
Favicon មិនមែនជាកត្តាចំណាត់ថ្នាក់ដោយផ្ទាល់ទេ។ ទោះជាយ៉ាងណា វាបង្ហាញនៅជាប់ឈ្មោះគេហទំព័ររបស់អ្នកក្នុងលទ្ធផល Google លើទូរសព្ទ និងកុំព្យូទ័រ ដូច្នេះវាអាចកែលម្អការទទួលស្គាល់ម៉ាក និងភាពទាក់ទាញខាងរូបភាពនៃបញ្ជីរបស់អ្នក ដែលអាចគាំទ្រការចុចដោយប្រយោល។ ការអនុវត្តតាមការណែនាំរបស់ Google គឺជាអ្វីដែលធ្វើឱ្យរូបតំណាងមានសិទ្ធិបង្ហាញ។
តើ favicon គួរមានទំហំប៉ុន្មាន?
សម្រាប់ Google Search សូមប្រើរូបភាពការ៉េដែលមានទំហំជាពហុគុណនៃ 48 pixel ដូចជា 48x48 ឬ 96x96។ សម្រាប់ការគ្របដណ្តប់ទូលំទូលាយជាងនេះ សូមផ្តល់ឯកសារ ICO, Apple touch icon ទំហំ 180x180 និងរូបតំណាង manifest ទំហំ 192x192 និង 512x512 ផងដែរ។ SVG គឺជាការបន្ថែមដ៏ល្អសម្រាប់ភាពអាចពង្រីកបាន។
តើខ្ញុំនៅតែត្រូវការ favicon.ico ទេ ប្រសិនបើខ្ញុំប្រើ PNG ឬ SVG?
នៅតែជាគំនិតល្អ។ កម្មវិធីរុករក និងឧបករណ៍មួយចំនួនស្នើសុំ /favicon.ico តាមលំនាំដើម ហើយកម្មវិធីចាស់ពឹងផ្អែកលើវា។ ការរក្សាឯកសារ ICO នៅឫសគេហទំព័រការពារកំហុស 404 និងផ្តល់ជម្រើសបម្រុងដែលមានសុវត្ថិភាព នៅពេល SVG ឬ PNG មិនត្រូវបានគាំទ្រ។
ហេតុអ្វី favicon របស់ខ្ញុំមិនធ្វើបច្ចុប្បន្នភាព?
កម្មវិធីរុករក និងម៉ាស៊ីនស្វែងរករក្សា favicon ក្នុងឃ្លាំងសម្ងាត់យូរ។ សូមសាកល្បងផ្ទុកឡើងវិញយ៉ាងមុតមាំ បង្អួចឯកជន ឬសម្អាតឃ្លាំងសម្ងាត់។ ប្រាកដថាផ្លូវឯកសារត្រឹមត្រូវ ហើយឯកសារថ្មីត្រូវបានបម្រើ។ នៅក្នុង Google Search រូបតំណាងដែលបានផ្លាស់ប្តូរអាចចំណាយពេលប៉ុន្មានថ្ងៃ ឬប៉ុន្មានសប្តាហ៍ដើម្បីត្រូវបានស្វែងរកឡើងវិញ និងធ្វើបច្ចុប្បន្នភាព។
អត្ថបទដែលពាក់ព័ន្ធ
បង្កើត favicon របស់អ្នកក្នុងរយៈពេលប៉ុន្មានវិនាទី
កម្មវិធីបង្កើត favicon ឥតគិតថ្លៃ ជាមួយរូបតំណាង ICO, Apple, Android និង PWA។
បើកកម្មវិធីបង្កើត