Favicon нь вэб сайтын хөтчийн таб эсвэл хаягийн мөрөнд харагдах жижиг дүрс юм.
Фавикон нь вэб хөтчийн таб дээр вэб хуудасны гарчгийн хажууд гарч ирэх жижиг дүрс эсвэл зураг юм. Энэ нь хэрэглэгчдэд олон таб нээлттэй үед вэбсайтыг хялбархан таньж, танихад тусалдаг. Үүнийг вэбсайтын жижиг лого шиг төсөөлөөд үз дээ.
Favicon нь вэбсайтын хөтөчийн таб дээр гарч ирдэг жижиг дөрвөлжин дүрс юм. Энэ нь вэб хуудас эсвэл вэб хуудасны дүрслэл бөгөөд хэрэглэгчдэд өөр өөр табуудыг таних, ялгахад туслах зорилгоор ашиглагддаг. Фавиконууд нь ихэвчлэн хөтөчийн хавчуурга, түүх, хайлтын үр дүнд хуудасны URL-ын хажууд байдаг.
Фавиконууд нь компанийн лого, эхний үсэг эсвэл бусад таних дүрслэлээс бүрдэж болно. Тэдгээрийг янз бүрийн хэмжээгээр үүсгэж болох боловч стандарт хэмжээ нь 16 × 16 пиксел юм. Фавиконууд нь брендийн ашигтай хэрэгсэл төдийгүй хэрэглэгчдэд олон нээлттэй цонхнуудын дунд хайж буй вэбсайтаа хурдан тодорхойлоход тусалдаг функциональ зорилготой юм.
Вэбсайтад favicon нэмэх нь HTML код эсвэл вэбсайт бүтээгчээр дамжуулан хийж болох энгийн процесс юм. Хэдийгээр энэ нь жижиг зүйл мэт санагдаж болох ч фавиконтой байх нь хэрэглэгчийн туршлагыг сайжруулж, вэбсайтыг илүү мэргэжлийн, өнгөлөг харагдуулна. Энэ нийтлэлд бид фавиконуудын ач холбогдол, тэдгээрийг хэрхэн үүсгэх, вэбсайтдаа хэрхэн нэмэх талаар судлах болно.
Favicon гэж юу вэ?
Favicon нь "дуртай дүрс" гэсэн үгийн товчлол бөгөөд вэбсайт эсвэл вэб хуудсыг төлөөлөх жижиг зураг юм. Энэ нь хөтчийн таб, хавчуурга, хайлтын илэрц зэрэг хэд хэдэн байршилд харагдана. Favicon нь хэрэглэгчдэд вэб сайтыг хурдан бөгөөд хялбар тодорхойлоход тусалдаг, ялангуяа олон таб нээлттэй үед.
Фавиконууд нь анх 5 онд Internet Explorer 1999 дээр гарч ирсэн бөгөөд түүнээс хойш ихэнх вэб хөтчийн стандарт функц болсон. Тэдгээр нь ихэвчлэн 16×16 пиксел хэмжээтэй бөгөөд .ico, .png, .svg зэрэг янз бүрийн зургийн форматтай байж болно.
Фавикон нь вэбсайтын дизайн, брендийн чухал хэсэг юм. Тэдгээр нь компанийн лого, нэрийн үсэг эсвэл бусад таних дүрслэлээс бүрдэж болно. Сайн зохион бүтээсэн фавикон нь брэндийн танигдлыг нэмэгдүүлж, вэбсайтыг илүү мартагдашгүй болгодог.
Вэбсайтад фавикон нэмэхийн тулд та HTML код эсвэл фавикон үүсгэгч хэрэгслийг ашиглаж болно. Chrome, Firefox, Opera, Safari зэрэг алдартай хөтчүүд нь мөн фавиконыг удирдах, өөрчлөх боломжийг олгодог.
Дүгнэж хэлэхэд, favicon нь вэб сайтыг төлөөлөх жижиг зураг бөгөөд хөтчийн таб, хавчуурга зэрэг янз бүрийн байршилд харагдана. Энэ нь вэб сайтын дизайн, брендийн чухал хэсэг бөгөөд HTML код эсвэл фавикон үүсгэгч хэрэгслийг ашиглан янз бүрийн зургийн форматаар үүсгэж болно.
Favicon яагаад чухал вэ?
Фавикон нь жижиг нарийн ширийн зүйл мэт санагдаж болох ч энэ нь таны вэбсайтын ерөнхий гүйцэтгэлд ихээхэн нөлөөлнө. Фавиконтой байх нь яагаад чухал болох зарим шалтгаанууд энд байна:
Хэрэглэгчийн туршлагыг сайжруулна
Фавикон нь хэрэглэгчдэд таны вэбсайтыг олон цонхны дунд хурдан таньж, олоход тусалдаг. Энэ нь хэрэглэгчдэд нэг вэб сайтын олон табыг ялгахад тусалж чадна. Энэ нь олон табыг нэгэн зэрэг нээсэн хэрэглэгчдэд ялангуяа ашигтай байж болох юм.
Брэнд таних чадварыг сайжруулдаг
Favicon нь таны брэндийн таних тэмдгийг бэхжүүлэх энгийн боловч үр дүнтэй арга байж болно. Өөрийн лого эсвэл бусад таних дүрслэлийг ашигласнаар та вэбсайтаа зочдод илүү танигдаж, мартагдашгүй болгож чадна. Энэ нь танай брэнд болон үзэгчдийн хооронд илүү хүчтэй холбоо тогтооход тусална.
Хууль ёсны байдлыг нэмдэг
Фавиконтой байх нь таны вэбсайтыг илүү мэргэжлийн, хууль ёсны болгох боломжтой. Энэ нь та нарийн ширийн зүйлийг анхаарч үзэх цаг гаргаж, зочдынхоо туршлагад санаа тавьдаг болохыг харуулж байна. Энэ нь үзэгчиддээ итгэх итгэлийг бий болгож, тэднийг танай сайтад илүү их цаг зарцуулахад нь туслах болно.
Замын хөдөлгөөнийг нэмэгдүүлдэг
Favicon нь таны вэбсайт руу орох урсгалыг нэмэгдүүлэхэд тусална. Хэрэглэгчид таны хавчуурга эсвэл хайлтын илэрц дээр таны фавиконыг харвал энэ нь тэдний сонирхлыг татаж, таны сайт руу товшиход түлхэц болно. Энэ нь илүү органик урсгалыг жолоодож, таны онлайн харагдах байдлыг сайжруулахад тусална.
Хайлтын системийн оновчлолыг сайжруулна
Эцэст нь, фавиконтой байх нь таны хайлтын системийг оновчтой болгох (SEO) хүчин чармайлтад эерэг нөлөө үзүүлэх болно. Хэдийгээр энэ нь шууд эрэмбэлэх хүчин зүйл биш ч гэсэн фавиконтой байх нь хайлтын үр дүнд таны товшилтын хурдыг (CTR) сайжруулахад тусална. Энэ нь хайлтын системд таны сайт хэрэглэгчдэд хамааралтай, үнэ цэнэтэй болохыг илтгэж, таны зэрэглэлийг цаг хугацааны явцад нэмэгдүүлэхэд тусална.
Дүгнэж хэлэхэд, favicon нь жижиг нарийн ширийн зүйл байж болох ч энэ нь таны вэбсайтын гүйцэтгэлд ихээхэн нөлөөлдөг. Хэрэглэгчийн туршлагыг сайжруулж, брэндийн таних тэмдгийг сайжруулж, хууль ёсны байдлыг нэмж, урсгалыг нэмэгдүүлж, SEO-ийг нэмэгдүүлснээр фавикон нь таны онлайн оролцоог сайжруулж, бизнесээ илүү амжилтанд хүргэхэд тусална.
Хэрхэн Favicon үүсгэх вэ
Фавикон бол таны брендийн хүчин чармайлтын жижиг боловч чухал хэсэг юм. Энэ нь хэрэглэгчид таны вэб сайтыг хөтчийн таб болон хавчуурга дотроос таньж мэдэхэд тусална. Энд Favicon үүсгэх хоёр арга байна:
Favicon Generator ашиглах
Фавикон үүсгэх хамгийн хялбар аргуудын нэг бол фавикон үүсгэгчийг ашиглах явдал юм. Favicon.io, Favikon гэх мэт олон үнэгүй фавикон үүсгэгчийг онлайнаар авах боломжтой. Эдгээр генераторууд нь танд зураг байршуулах, дараа нь фавиконы хэмжээтэй нийцүүлэн өөрчлөх боломжийг олгодог.
Фавикон үүсгэгчийг ашиглахын тулд дараах алхмуудыг дагана уу:
- Favicon.io гэх мэт favicon генераторын вэбсайтад зочилно уу.
- Фавикондоо ашиглахыг хүссэн зургаа сонгоно уу.
- Зургийг фавиконы хэмжээтэй нийцүүлэн тохируулна уу.
- Үүссэн фавиконыг тохирох файлын форматаар татаж аваарай.
- Фавиконыг вэбсайтынхаа үндсэн лавлах эсвэл "зураг" нэртэй хавтсанд хадгална уу.
Өөрийнхөө Favicon дизайн
Хэрэв та дизайны ур чадвартай эсвэл өвөрмөц фавикон бүтээхийг хүсч байвал өөрийн фавиконыг загварчилж болно. Canva, Adobe Illustrator зэрэг фавикон зохиоход туслах олон хэрэгсэл байдаг.
Өөрийнхөө фавиконыг зохиохдоо дараах шилдэг туршлагуудыг санаарай.
- Энгийн бөгөөд танигдахуйц байлгах.
- Брэндийнхээ өнгө, логоны загварыг ашигла.
- Дөрвөлжин эсвэл дугуй хэлбэрийг ашигла.
- Фавиконыг жижиг хэмжээгээр унших боломжтой эсэхийг шалгаарай.
- Фавиконыг өөр өөр хөтөч болон төхөөрөмж дээр туршиж үзээрэй.
Та өөрийн фавиконыг зохион бүтээснийхээ дараа үүнийг хадгалж, байршуулахын тулд дараах алхмуудыг дагана уу:
- Фавиконыг .ico эсвэл .png гэх мэт тохирох файлын форматаар хадгална уу.
- Фавиконыг вэбсайтынхаа үндсэн лавлах эсвэл "зураг" нэртэй хавтсанд хадгална уу.
- Фавиконыг лавлахын тулд вэбсайтынхаа HTML код руу холбоосын элемент нэмнэ үү.
Favicon үүсгэх нь таны вэбсайтын брендийн хүчин чармайлтын энгийн боловч чухал алхам юм. Фавикон үүсгэгч ашиглан эсвэл өөрийн фавиконыг хийснээр та өөрийн брэндийг төлөөлөх танигдахуйц дүрс үүсгэж болно.
Төрөл бүрийн Favicon форматууд
Фавиконыг ICO, PNG, APNG, SVG зэрэг янз бүрийн файлын форматаар үүсгэж болно. Формат бүр өөрийн гэсэн давуу болон сул талуудтай бөгөөд форматын сонголт нь вэбсайтын тусгай шаардлагаас хамаарна.
ICO
ICO нь фавиконуудын сонгодог формат бөгөөд ихэнх хөтчүүд өргөнөөр дэмждэг. ICO файл нь нэг файл дотор олон нягтралтай байж болох тул өөр өөр төхөөрөмж болон хөтөч дээр favicon-ыг зөв харуулахад хялбар болгодог. Windows нь ICO форматыг дэмждэг бөгөөд үүнийг Windows програмуудын дүрс болгон ашиглаж болно.
PNG
PNG бол фавиконд зориулсан түгээмэл зургийн формат юм. Энэ нь ил тод байдлыг дэмждэг бөгөөд жижиг файлын хэмжээтэй өндөр чанартай зургийг харуулах боломжтой. PNG фавиконыг орчин үеийн ихэнх хөтчүүд, түүний дотор Edge дэмждэг. Гэсэн хэдий ч тэдгээр нь нэг файл доторх олон нягтралыг дэмждэггүй бөгөөд энэ нь өөр төхөөрөмж дээр фавиконыг харуулахад сул тал болдог.
png
APNG нь PNG форматын хөдөлгөөнт хувилбар бөгөөд хөдөлгөөнт фавикон үүсгэхэд ашиглаж болно. APNG фавиконыг Firefox зэрэг зарим хөтчүүд дэмждэг боловч бүгд дэмждэггүй. Мөн тэдгээр нь статик PNG фавиконоос илүү том файлын хэмжээтэй бөгөөд энэ нь хуудас ачаалах хугацаанд нөлөөлдөг.
SVG
SVG нь вектор дээр суурилсан зургийн формат бөгөөд чанарыг алдалгүйгээр томруулж болно. SVG фавиконыг орчин үеийн ихэнх хөтчүүд дэмждэг бөгөөд жижиг файлын хэмжээтэй өндөр чанартай зургийг харуулах боломжтой. Мөн тэдгээрийг засварлахад хялбар бөгөөд чанарыг алдалгүйгээр хэмжээг нь өөрчлөх боломжтой. Гэсэн хэдий ч тэдгээрийг хуучин хөтчүүд дэмждэггүй бөгөөд Twitter зэрэг зарим нийгмийн мэдээллийн платформууд SVG фавиконыг дэмждэггүй.
Дүгнэж хэлэхэд, favicon форматыг сонгох нь вэбсайтын тодорхой шаардлагаас хамаарна. ICO болон PNG-г өргөнөөр дэмждэг бөгөөд жижиг файлын хэмжээтэй өндөр чанартай зургийг харуулах боломжтой. APNG нь хөдөлгөөнт фавикон үүсгэхэд ашиглагдаж болох боловч илүү том файлын хэмжээтэй. SVG нь вектор дээр суурилсан формат бөгөөд чанарыг алдалгүйгээр томруулж болох боловч бүх хөтөч болон олон нийтийн мэдээллийн хэрэгслийн платформ дэмждэггүй.
Дүгнэлт
Дүгнэж хэлэхэд, favicon нь вэбсайт эсвэл брэндийг илэрхийлдэг 16 × 16 пикселийн хэмжээтэй жижиг дүрс юм. Энэ нь вэб хуудасны гарчгийн хажууд ихэвчлэн вэб хөтчийн табууд дээр харагддаг бөгөөд хаягийн мөр, хавчуургын жагсаалт, хайлтын системийн үр дүнгийн хуудас (SERPs), хэрэгслийн самбар, хөтчийн түүх болон вэб дээрх бусад газраас олж болно.
Фавиконууд нь байнгын визуал дүрсний ачаар вэбсайтад зочлогчдод нэг сайт дээр явж байгааг илтгэх тогтмол тэмдэглэгээгээр хангаснаар хэрэглэгчийн туршлагыг сайжруулахад тусалдаг. Тэд мөн вэбсайтад мэргэжлийн ур чадвар нэмдэг бөгөөд брендийн хүчин чармайлтад тусалж чадна.
Фавиконыг зохион бүтээхдээ тодосгогч, гаргацтай байдлыг анхаарч үзэх хэрэгтэй. Дүрс нь амархан танигдахуйц байх ёстой бөгөөд хөтчийн табын дэвсгэрийн өнгөөр ялгагдах ёстой. Энэ нь бас энгийн бөгөөд жижиг хэмжээтэй байх ёстой.
Хэдийгээр фавикон нь жижиг нарийн ширийн зүйл мэт санагдаж болох ч энэ нь вэбсайтын ерөнхий сэтгэгдэл, тэр байтугай ашигт ажиллагаанд чухал нөлөө үзүүлдэг. Сайтар зохион бүтээгдсэн фавикон нь вэбсайтыг бусдаас ялгарах, мартагдашгүй болгоход тусалдаг бөгөөд энэ нь траффик болон хөрвүүлэлтийг нэмэгдүүлэхэд хүргэдэг.
Ерөнхийдөө favicon нь вэбсайтын дизайны энгийн боловч чухал элемент бөгөөд үүнийг үл тоомсорлож болохгүй. Мэргэжлийн, өвөрмөц фавикон бүтээхэд цаг гаргаснаар вэбсайт эзэмшигчид өөрсдийн брэндийг сайжруулж, зочдод зориулсан хэрэглэгчийн туршлагыг сайжруулах боломжтой.
Дэлгэрэнгүй унших
Фавикон нь вэб сайт эсвэл вэб хуудастай холбоотой жижиг дүрс бөгөөд хөтчийн хаягийн мөр, хуудасны таб, хавчуургын цэс зэрэг газруудад харагдана. Энэ нь ихэвчлэн вэб хуудас эсвэл вэб хуудсыг төлөөлөхөд ашиглагддаг бөгөөд зочдод олон цонх нээлттэй үед хуудсыг илүү хялбар олоход тусалдаг. Үүнийг мөн товчлолын дүрс, вэб хуудасны дүрс, табын дүрс, URL дүрс эсвэл хавчуургын дүрс гэж нэрлэдэг. (эх сурвалж: Википедиа, MDN Web Docs тайлбар толь, Wix.com, Хэрхэн Geek, SEO тохируулагч)
Холбогдох вэбсайтын дизайны нэр томъёо