Товчхон хариулт: вэбсайтынхаа фавиконыг онлайнаар шалгахын тулд PromoPilot-ын үнэгүй Фавикон шалгагч дээр домэйн нэрээ оруулаад "Шалгах" дээр дарна уу. Хэрэгсэл нь HTML дээр зарлагдсан болон /favicon.ico гэх мэт стандарт замуудад байрласан бүх дүрсийг олж, тус бүрийн урьдчилсан харагдац болон хэмжээг харуулж, Apple Touch дүрсийг шалгаж, аль хэмжээ дутуу байгааг танд хэлэх болно. Доор дүрсүүдийн хамгийн бага багц, бэлэн код, Google таны логоны оронд саарал бөмбөрцөг харуулж байгаа шалтгаануудыг харуулав.
Би 12 жилийн турш вэбсайт хийж байгаа бөгөөд би мэднэ: фавиконууд бусад элементүүдээс илүү олон удаа мартагддаг. Дизайнер нь логог бүтээдэг, хөгжүүлэгч нь вэбсайтыг бүтээдэг ч хэн ч таб дээр фавикон нэмдэггүй - анхны үйлчлүүлэгч "Манай өрсөлдөгч яагаад Google дээр фавиконтой байдаг юм бэ, бидэнд байдаггүй юм бэ?" гэж асуух хүртэл.
Favicon Check юуг шалгадаг вэ?
Вэбсайтын дүрс нь зөвхөн ганц favicon.ico файл байхаа больсон. Хөтөч, iPhone, Android, болон Google бүгд өөр өөр файл, хэмжээтэй байдаг. Энэ хэрэгсэл нь тэдгээрийг бүгдийг нь нэг тайланд нэгтгэдэг.
| Энэ юуг шалгадаг вэ? | Тэр юу харж байгаа юм бэ? | Энэ сайт яагаад хэрэгтэй вэ? |
|---|---|---|
| HTML-ээс авсан дүрсүүд | Бүх шошго <link rel="icon">, shortcut icon, apple-touch-icon | Эдгээрийг хөтөч болон Google хамгийн түрүүнд авч үздэг |
| Стандарт замууд | /favicon.ico нь сайтын үндсэн хэсэгт болон бусад ердийн хаягуудад байрладаг | Олон систем шошгогүй байсан ч тэнд байгаа дүрсийг хайдаг. |
| Дүрс бүрийн хэмжээ | Өргөн ба өндөр нь пикселээр, ICO, PNG, SVG форматаар | Өндөр нягтралтай дэлгэц дээр жижиг дүрс бүдэг харагдаж байна. |
| Apple Touch дүрс | iPhone болон iPad-д зориулсан дүрс байдаг уу? | Үүнгүйгээр хуудасны дэлгэцийн агшин Нүүр дэлгэц дээр гарч ирнэ. |
| Урьдчилан харах | Олдсон дүрс бүр ямар харагддаг вэ? | Та эвдэрсэн, хоосон эсвэл гадаад (загвар) дүрсүүдийг харж болно |
| Зөвлөмжүүд | Ямар размерууд дутуу байна вэ? | Дизайнерын бэлэн даалгаврын жагсаалт |
Вэбсайтын фавиконыг онлайнаар хэрхэн шалгах вэ?
- Фавикон шалгагчийг нээх.
- Домэйн нэрээ оруулна уу - хуудсыг заахгүйгээр
example.comхангалттай. - "Шалгах" дээр дарна уу. Хэрэгсэл нь нүүр хуудасны HTML болон стандарт замуудыг шинжлэх болно.
- Олдсон дүрсүүдийг хянана уу: тус бүрийн урьдчилсан харагдац, формат, хэмжээ. Тэдгээрийн дунд стандарт CMS эсвэл хостингийн дүрс байгаа эсэхийг шалгана уу.
- Зөвлөмжийг уншиж, дутуу хэмжээсийг дизайнерт өгөх эсвэл өөрөө хий.
Хэрэгслийн хуудас: домэйн талбар, "Шалгах" товчлуур, мөн Түгээмэл асуултуудтай шалгалтын тайлбар.
Баталгаажуулах нь хялбар бөгөөд зочдын хязгаар нь танай сайт болон хэд хэдэн өрсөлдөгчийн сайтуудыг харьцуулахын тулд шалгахад хангалттай. Аль ч сайтын дүрсийг үзэж, татаж авах боломжтой бөгөөд хэрэв та хуучин гүйцэтгэгчтэйгээ хамт алдагдсан өөрийн логоны эх хувийг олох шаардлагатай бол энэ нь хэрэг болно.
2026 онд ямар хэмжээтэй фавикон хэрэгтэй вэ?
Дүрс үүсгэгч нь ихэвчлэн 20 файл үүсгэдэг боловч үнэндээ авсаархан багц хэрэгтэй. Миний бүх төслүүдэд ашигладаг хамгийн бага хэмжээ энд байна:
| Файл | Хэмжээ | Үүнийг хаана хэрэглэдэг вэ? |
|---|---|---|
favicon.ico | 16×16 болон 32×32 хэмжээтэй нэг файлд | Хуучин хөтөч, root доторх дүрсийг хайдаг системүүд |
favicon.svg | Вектор | Орчин үеийн хөтөч, ямар ч дэлгэц дээр цэвэрхэн |
apple-touch-icon.png | 180×180 | iPhone болон iPad-ын үндсэн дэлгэц |
icon-192.png болон icon-512.png | 192×192 болон 512×512 | Вэб-манифест: Андройд, вэбсайтыг апп хэлбэрээр суулгах |
Мөн <head> -ийн код:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Дизайны зөвлөгөө: 16 пиксел дээр лого болон текст бүдгэрнэ. Эсрэг дэвсгэр дээр тэмдэг, нэрний эхний үсэг эсвэл хялбаршуулсан тэмдэгт ашиглаарай. Apple Touch Icon-д тунгалаг дэвсгэр бүү ашиглаарай - iOS үүнийг хар өнгөөр дүүргэнэ.
Дизайнергүйгээр өөрөө фавикон хэрхэн хийх вэ?
Хэрэв танд ямар ч дүрс байхгүй бол та хагас цагийн дотор үндсэн багц үүсгэж болно. Дараах процедурыг энд оруулав.
- Логог бүхэлд нь биш, харин тэмдэг ашиглаарай. Нэрийн эхний үсэг, логоны тэмдэг эсвэл брэндийн өнгөний энгийн геометрийн дүрсийг ашиглаарай. 16 пикселээр танигдахуйц эсэхийг шалгаарай.
- 512x512 хэмжээтэй дөрвөлжин зур. Ямар ч график засварлагч эсвэл онлайн дизайнер болно. Тэмдэг нь хүрээ рүү орохгүйн тулд ирмэгийн дагуу зарим зай үлдээгээрэй.
- Эх файлыг SVG хэлбэрээр хадгална уу — энэ нь
favicon.svgболж хувирах бөгөөд шаардлагатай хэмжээтэй бүх PNG файлыг чанараа алдалгүйгээр тайрч болно. - Дүрс үүсгэгч дээр үлдсэн хэмжээг (ICO, 180, 192) үүсгэж, файлуудыг сайтын үндсэн хэсэгт байрлуулна уу.
- Кодыг толгой хэсэгт буулгана уу, үр дүнг хэрэгсэлд дахин шалгана уу.
Хөтчийн бараан загварт дүрс хэрхэн харагдаж байгааг шалгана уу: тунгалаг дэвсгэр дээрх хар дүрс нь бараан Chrome таб дээр алга болдог. Цайвар дэвсгэр эсвэл тод өнгийн тойм нь тус болно.
Google яагаад сайтын фавиконыг харуулдаггүй вэ?
Хамгийн их асуудаг асуулт: Хэрэв та хайлтын үр дүнд хаягийн хажууд саарал бөмбөрцөг харвал ихэвчлэн хэд хэдэн шалтгаан байдаг:
- Дүрс нь дөрвөлжин биш байна. Google 1:1 харьцаатай, дор хаяж 8x8 хэмжээтэй байхыг шаарддаг боловч 48x48-аас том хэмжээтэй байхыг зөвлөж байна: жижиг 16x16
favicon.icoнь хайлтын үр дүнд бүдэг харагдаж байна. - Дүрсийг роботуудаас хаасан байна. Google -Image нь дүрсний файлд хандах эрхтэй байх ёстой бөгөөд Google үндсэн файлд хандах эрхтэй байх ёстой. Хэрэв зургийн хавтас robots.txt файлд хаагдсан эсвэл файл алдаатай буцаж ирвэл дүрс нь хайлтын үр дүнд харагдахгүй.
- Энэ шошго нь нүүр хуудсан дээр байхгүй байна. Google фавиконыг домэйн эсвэл дэд домэйны нүүр хуудаснаас авдаг;
example.com/shopгэх мэт нүүр хуудасны хэсэг тохиромжгүй байна. - Дүрсний хаяг тогтворгүй байна. Хэрэв зам нь сайтын бүтээлт бүрт өөрчлөгдвөл (
/icon.a83f2.png) Google үүнийг хурдан шинэчлэх боломжгүй байж магадгүй. - Нэлээд хугацаа өнгөрчээ. Google засвар хийсний дараа фавиконыг шууд шинэчилдэггүй; та Search Console дээрх нүүр хуудсыг дахин сканнердах хүсэлт гаргаснаар үүнийг хурдасгаж болно. Google яг тодорхой хугацааг өгдөггүй тул үр дүнг хэд хоногийн дараа шалгаарай.
- Энэ дүрс нь дүрмийг зөрчиж байна. Google хүлээн зөвшөөрөгдөхгүй зургуудыг стандарт дүрсээр сольдог.
Харьцуулалт: Фавикон шалгагч болон хувилбарууд
| Багаж хэрэгсэл | Юу үнэгүй вэ? | Хязгаарлалтууд | Энэ хэнд тохиромжтой вэ? |
|---|---|---|---|
| PromoPilot - Фавикон шалгагч | HTML болон стандарт зам, хэмжээ, урьдчилсан үзлэг, Apple Touch дүрс, зөвлөмжөөс авсан бүх дүрсүүд | Дүрс үүсгэдэггүй, голыг нь шалгадаг | Өөрийн вэбсайт эсвэл өрсөлдөгчийн вэбсайтыг хурдан шалгаарай |
| RealFaviconGenerator | Дүрс болон кодын багц үүсгэх, фавикон шалгах | Генератор маш олон файл үүсгэдэг тул та алийг нь хадгалахаа олж мэдэх хэрэгтэй. | Эхнээс нь дүрс хийх шаардлагатай хүмүүст зориулав |
| Google Хайлтын Консол | Үндсэн хэсгийг дахин сканнердах хүсэлт гаргах | Зөвхөн баталгаажсан сайт нь дүрс тэмдгийг шалгадаггүй | Хайлтын үр дүнд дүрсний шинэчлэлтийг хурдасгах |
| Хөтөч дэх хөгжүүлэгчийн хэрэгслүүд | Манифест болон дүрс бүхий таб | Та хаашаа харахаа мэдэх хэрэгтэй | Хөгжүүлэгчдэд зориулсан |
Дүгнэлт: онлайн хэрэгсэл шалгахад илүү тохиромжтой, багц үүсгэх генератор, Google дээрх шинэчлэлтийг хурдасгахад Search Console ашиглах боломжтой.
Дашрамд хэлэхэд, PromoPilot нь 87 үнэгүй SEO хэрэгсэлтэй. Та SERP урьдчилсан үзлэгээс гарчгийн хажууд favicon хэрхэн харагдаж байгааг хялбархан харж болно - бид энэ талаар цувралдаа тусдаа нийтлэл оруулсан болно.
Фавикон баталгаажуулалтын хязгаарлалтууд юу вэ?
Энэ хэрэгсэл нь сайтын юу сурталчилж, буцааж байгааг шалгадаг: Google хайлтын үр дүнд дүрсийг хэзээ шинэчилснийг танд хэлэхгүй - энэ нь хайлтын систем өөрөөс нь хамаарна. Хэрэв хуудас ачаалагдсаны дараа дүрсийг скриптээр нэмсэн бол заримыг нь тайланд оруулаагүй байж магадгүй. Шалгалт нь мөн домэйныг бүхэлд нь авч үздэг - хэрэв сайтын өөр өөр хэсгүүд өөр өөр дүрстэй бол (жишээлбэл, дэлгүүрийн дэд домэйн) тэдгээрийг тусад нь шалгана уу.
Үнэгүй хэрэгсэл хэзээ хангалтгүй байдаг вэ?
Фавикон бол мэргэжилтэн шаарддаг жижиг асуудал юм. Гэхдээ жижиг асуудал нь шинж тэмдэг болдог үе байдаг. Дараах тохиолдолд тусламж шаардлагатай:
- дүрс зөв боловч Google хэдэн сарын турш бөмбөрцөг харуулж байна - энэ нь асуудал нь роботын хандалт эсвэл загвартай холбоотой гэсэн үг юм;
- брэнд нь энгийн логогүй бөгөөд 16 пиксел дээр ажилладаг корпорацийн хэв маягийг шаарддаг;
- сайтыг бүтээгч ашиглан эмхэтгэдэг бөгөөд шинэчлэлт бүрээр дүрс рүү хүрэх замууд өөрчлөгддөг;
- Фавикон бол олон жилийн турш хуримтлагдсан хэдэн арван жижиг алдааны зөвхөн нэг нь юм.
Танай вэбсайтын төлөө би юу хийж чадах вэ?
Намайг Валери Данюк гэдэг, 12 жилийн туршлагатай, 200 гаруй үйлчлүүлэгчтэй хөгжүүлэгч, SEO мэргэжилтэн. Би вэбсайтыг ажиллуулахаас өмнө бүх вэбсайт дээр фавикон, сошиал медиа урьдчилсан танилцуулга, тэмдэглэгээг тохируулдаг.
SEO болон аудит
- Вэбсайтын түлхүүр гардуулах SEO аудит: Би фавикон болон урьдчилсан үзлээс эхлээд индексжүүлэлт болон хурд хүртэлх бүх техникийн нарийн ширийн зүйлийг олж, кодонд засдаг.
Вэбсайтууд болон онлайн дэлгүүрүүд
- 1001site дээр хэдхэн минутын дотор хэн нэгний вэбсайтын хэв маягаар вэбсайт үүсгээрэй, дүрс, урьдчилсан танилцуулга болон байршил автоматаар тохируулагдана.
- Захиалгын төлбөртэй Tilda эсвэл хиймэл оюун ухаантай вэбсайт - хандлагын шударга харьцуулалт.
- 2026 онд түлхүүр гардуулах вэбсайт хэр үнэтэй вэ? Үнийг тодорхойлдог хүчин зүйлүүд юу вэ?
- 299 еврогийн үнэтэй хиймэл оюун ухааны туслахтай WordPress вэбсайт болон 3 өдөр.
CRM болон автоматжуулалт
- Словакийн компанийн хэрэглэгчийн мэдээллийн сан болон шийдвэр гаргагчидтай захиалгат CRM систем.
- Үнийг автоматаар тооцоолж, нэхэмжлэх хэвлэдэг машин задлах компанийн CRM систем.
Надад вэбсайтын хаягийг Telegram дээр илгээнэ үү - би дүрс тэмдэг болон ихэвчлэн мартагддаг тав, зургаан жижиг зүйлийг шалгана.
Үр дүн
- Favicon Checker нь сайтын бүх дүрс, тэдгээрийн хэмжээг олж, аль нь алга болсныг нэг минутын дотор харуулдаг.
- Хамгийн бага багц: favicon.ico, favicon.svg, Apple Touch Icon 180×180, мөн вэб манифестэд зориулсан 192 ба 512 дүрсүүд.
- Google хувьд дүрс нь дөрвөлжин, 48x48-аас том хэмжээтэй, роботод хүртээмжтэй, үндсэн хуудсан дээр заасан байх ёстой.
- Хэрэв вэбсайтыг дахин бүтээх нь жижиг асуудлуудыг засахаас илүү хялбар бол 1001site дүрс болон урьдчилсан үзлэгийг автоматаар өөрчилдөг.
Үнэгүй Favicon Checker ашиглан өөрийн домэйн нэрийг шалгаад, гол өрсөлдөгчийнхөө домэйн нэрийг нэгэн зэрэг шалгаарай.
Эх сурвалжууд
- PromoPilot-ын Favicon Checker хуудас — шалгалтын жагсаалт болон Түгээмэл асуултууд.
- Google Хайлтын Төв - Хайлтын Үр дүнгийн Фавикон Шаардлага.
- RealFaviconGenerator — дүрсүүдийн багц үүсгэж, туршина.
