Favicon: хэмжээ. Favicon үүсгэх. Favicon-генератор

Вэбсайт бүтээхдээ загвар дизайныг төдийгүй энэ сайтыг хайлтын системд оруулахад чухал үүрэг гүйцэтгэдгийг анхааралдаа авах нь маш чухал юм. Иймэрхүү маягийн нэг нь сайтын хувьд favicon юм. Үүнийг хэрхэн үүсгэх болон бид ямар хэмжээтэй байх талаар ярилцах болно.

Вэбсайтны фавикон гэж юу вэ?

Энэ нь хөтчийн цонхонд харагдуулах жижиг дүрс юм. Favicon-ийн хэмжээ 16х16 пиксел байна. Мөн энэ зургийг хайлтын системийн үр дүнд харуулсан бөгөөд хэрэв сайтынхаа favicon байхгүй бол хоосон хуудасны хажууд байрлах болно. Favicon нь хэрэглэгч таны вэбсайтыг бусад олон зуун хүмүүсийн дунд тусгайлан танихад тусалдаг гэдгийг санах нь зүйтэй бөгөөд ингэснээр түүний сайтад тавигдах нь зайлшгүй байх албагүй боловч үүнийг хатуугаар ашиглахыг зөвлөж байна. Тиймээ, favicon-ийн хэмжээ 16х16 байх шаардлагагүй. Зарим вэбмастерууд favicon 32x32, 64x64-ийг хийдэг. Гэхдээ тэдний зөвлөмжид Google болон Yandex хайлтын системүүд хамгийн тохиромжтой favicon-ийн хэмжээ 16х16 гэж бичдэг. Тиймээс хайлтын системүүдийн эдгээр зөвлөмжийг дагах нь дээр.

Favicon-ийг хэрхэн үүсгэх вэ?

Энэ зургийг бүтээх хэд хэдэн янзын аргууд байдаг. Favicon үүсгэх хамгийн анхны бөгөөд хамгийн хялбар арга бол жишээ нь англи хэл дээрээс хулгайлж авах явдал юм.

Та гэрийн хэрэгсэл дээр блог үүсгэсэн бөгөөд үүнийг бүрэн өөрчилсөн гэж хэлье, гэхдээ эцсийн холболт бол Favicon байсан. Төхөөрөмжийн Google хайлт дээр бичиж, эхний 10 сайтыг үзнэ үү. Эдгээр сайтуудын favicon нь таны шинэ блогт тохиромжтой. Хэрэв та ямар нэг зураг таалагдсан бол хуудасны эх кодыг нээгээд favicon.ico оруулгыг хайна уу. Favicon-ийн байршлын хаягийг зааж өгнө. Үүнийг нээгээд компьютерт татаж аваад сайт руу татаж аваад (доорх холболтын талаар) холбогдоорой.

16x16 пикселийн хэмжээтэй favicon үүсгэх хоёр дахь арга бол favicons үүсгэх тусгай үйлчилгээг ашиглах явдал юм. Энэ нь дараах зарчмаар ажиллана: та вэб хуудасны нэрэнд тохирсон зураг (ямар ч хэмжээ, өргөтгөл) ачаалж, Create Favicon товч дээр дарна уу. Үүнээс хоёр дахь удаагаа та татаж авч болох, татаж авч болох сайтаа татаж аваад холбогдох боломжтой favicon авах болно. Хамгийн алдартай үйлчилгээ бол Favicon Generator юм.

Энэ үйлчилгээ нь зөвхөн дүрсийг үүсгэх процессыг бага зэрэг хялбар болгодог гэдгийг анхаарна уу. Үүнийг өөрөө хийж болно. Зөвхөн тохирсон зургийг олж, хэмжээгээ 16х16 пикселрүү өөрчилж, ico өргөтгөлтэй хамт хадгалах хэрэгтэй. Энэ бүхэн Будаг хөтөлбөрт нэг минутын дотор хийгддэг.

Онлайн хайлтын бусад үйлчилгээнүүд байдаг. Тэнд түлхүүр үгээ бичих хэрэгтэй. Үүний дараа үйлчилгээ нь шаардлагатай хэмжээгээр төрөл бүрийн дүрсийг үзүүлэх болно. Зарчмын хувьд, энэ арга нь хулгайн хэргийг эхнийхтэй адил хамардаг. Гэхдээ энэ нь буруу зүйл биш юм.

Холболт

Таб болон хайлтын системд байгаа хөтөч дээр зургийг үзүүлэхийн тулд үүнийг зөв холбох шаардлагатай. Үүнийг хийхийн тулд файл favicon.ico нэртэй байх ёстой бөгөөд root директор дотор байрлах ёстой, өөрөөр хэлбэл, сайтын үндсэн файлууд байрлаж байна.

Ихэнх тохиолдолд, эдгээр үйлдлүүд нь фавиконуудыг үзүүлэхэд хангалттай байдаг. Хайлтын системүүд (жишээ нь, "Yandex") нь root сан доторх favicon байгаа эсэхийг таних бөгөөд түүний гаралтад ашиглах болно. Гэхдээ заримдаа Yandex-тай зөрчилддөг. Олон вэбмастерууд faviconks индексээс алга болж, дараа нь дахин гарч ирнэ гэж гомдоллож байна. Үүнээс сэргийлэхийн тулд та үүнийг холбох хэрэгтэй.

Favicon холбохын тулд "Yandex" нь meta хаягыг тодорхой шинж чанаруудтай ашиглахыг зөвлөдөг. Энэ хаягыг сайтын хэсэгт байрлуулах ёстой.

Холболтын код дараах байдалтай байна:

Энэ код хайлтын систем болон бүх хөтчүүдэд ашиглагддаг. Internet Explorer-ийн дэлгэц дээр асуудалтай байж болох ч бусад бүх хөтөч дээр дэлгэц нь үнэн зөв байх болно.

/favicon.ico зургийн байрлалыг анзаарна уу. Үүнийг ингэж хийж болно: /favicon.gif. Дараа нь та өргөтгөлтэй .gif дүрсийг байрлуулах хэрэгтэй болно. Хэрэв сайтын эхэнд байгаа бол favicon харагдахгүй болно. Та үүнийг мэдэж байгаа бол .gif форматын зургууд нь гулсагч байж болно. Энэ нь вэбмастеруудад хэрэглэгддэг ба тэдгээр нь өөрсдийн сайтуудад зориулсан хүүхэлдэйн санг үүсгэдэг. Энэ нь сонирхолтой харагддаг, гэхдээ үүнээс илүү зүйл.

Favicon вэбсайтыг дэмжих хэрэгсэл болгон ашигладаг

Энэ дүрс нь "Yandex" хайлтын үр дүнд харагдах болно гэдгийг харгалзан үзэх нь зүйтэй юм. Энэ нь clickability-ийг өсгөх гол хэрэгслүүдийн нэг юм. Учир нь хэрэглэгчид хоосон орон зай гэхээсээ илүү дур булаам дүрсний дэргэд байгаа сайт дээр дарах боломжтой.

Тиймээс, зөвхөн favicon-ийг ашиглахаас гадна, хэрэглэгчдийн хүссэн сайхан дүрсийг дарах хэрэгтэй. Мөн нөхцөл байдлаас шалтгаалан солигдсон байх ёстой. Жишээ нь, Шинэ жилийн өмнөхөн та Favicon-ийг Шинэ жил болгохыг зөвлөж байна. Ингэснээр илүү зөв clickability болох болно.

"Yandex" хайлтын систем favikonki хэрхэн ойлгож байна вэ?

Хайлтын систем нь тусгай роботтой бөгөөд энэ нь фавиконы шинэчлэлтийг хариуцдаг. Энэ робот нь тодорхой хуваарийг ашиглан сайтууд руу очиж, гол хуудас хүсэх болон кодын замыг хайж олох favicon.ico. Хэрэв энэ зам олдоогүй бол уг зургийг эцэг эхээс нь татаж авахыг оролддог бөгөөд тиймээс ихэнхдээ ердөө л favicon.ico нэртэй файлыг эцэг эхийн санд байрлуулдаг. Хүлээн авсан дүрс нь "Yandex" сервер рүү татагдаж, хайлтанд харагдана. Хэмжээ нь том бол 16х16 хүртэл өмнөх хувиргалт хийгдсэн бөгөөд өргөтгөл нь png-д өөрчлөлт ордог. Робот үе үе сайтуудыг дахин шалгаж, favicon-ийг өөрчлөх боломжтой болно. Ихэвчлэн сард нэг удаа шинэчлэгдсэн сайтуудад зочилдог. Үүнийг туршилтаар харж болно: таны сайтын favicon-г өөрчилж, ойролцоогоор сарын хугацаанд "Yandex" хайлтын системийн индексүүд гарч ирнэ.

Зургийн зөрчилдөөн

Заримдаа вэбмастерууд favicons зөрчилдөөнтэй тулгардаг тул индекс нь ямар нэг зүйл дээр гарч ирснээс болоод өөр нэг дүрс байдаг. Хэрэв та нэг дүрсийг эцэг эх рүү хуулж, хуудасны загварт байгаа бусад favicon руу замыг зааж өгөх боломжтой. Тиймээс фонографын хаягуудын хооронд зөрчилдөхгүй байхыг анхаараарай.

Одоо та favicon гэж юу болох, үүнийг хэрхэн зөв холбохоо мэдэх болно. Мэдээжийн хэрэг, үүнийг хийх шаардлагагүй, учир нь сайтад түүнтэй ажиллахгүй. Гэхдээ хайлтын системийг оновчтой болгох, хайлтын системийг ашиглахаас мултаргах боломжтой болгохын тулд холболт хийхийг зөвлөж байна.