Дэлгэц · ФункцHero section · Above the fold · Fold
Hero хэсэг · Эхний дэлгэц
Hero хэсэг бол вэбсайт руу ормогц гүйлгэхгүйгээр харагдах хамгийн дээд талын том хэсэг юм.
Бизнесийнхээ хаалгыг нээж ороход урд тань харагдах хана юм. Анхны сэтгэгдэл эндээс тодорхойлогддог.
Арай дэлгэрэнгүй
Гүйлгэхгүйгээр харагдах дэлгэцийн хил хязгаарыг "fold" гэж нэрлэдэг. Сониныг хагаслан нугалахад дээд талд харагдах мэдээг хамгийн түрүүнд уншдагаас үүссэн үг.
Эхний дэлгэцэд ямар бизнес болох, хаана байрладаг, үйлчлүүлэгчийн хийх дараагийн үйлдэл (цаг захиалга · залгах) орсон байвал сайн. Зөвхөн гоё зураг томоор байгаад текст байхгүй бол үйлчлүүлэгч шууд ойлгоход хэцүү.
Утасны дэлгэц компьютерээс хамаагүй жижиг тул утсан дээр эхний дэлгэцэд юу харагдаж байгааг тусад нь шалгах хэрэгтэй.
Hero хэсэгт юу оруулах ёстой вэ?
Hero хэсэгт "юу хийдэг газар вэ", "яагаад энд ирэх ёстой вэ", "одоо юу хийх вэ" гэсэн гурван зүйл байхад хангалттай. Үйлчлүүлэгч эхний дэлгэцийг л хараад цааш үзэх үү, холбогдох уу гэдгээ шийдэж чаддаг байх ёстой.
Олон зүйл оруулах тусам сайжрахгүй. Элемент нэмэгдэх тусам тус бүр нь бага анзаарагддаг тул заавал хэрэгтэй зүйл, доош нь шилжүүлж болох зүйлийг ялгаж байх нь дээр.
Салбар, байршлаа оруулдаг шалтгаан нь хайлтаар орж ирсэн үйлчлүүлэгч юм. "Мангвон-дон бялуу" гэж хайгаад орж ирсэн үйлчлүүлэгч эхний дэлгэцэн дээр яг тэр үгийг харвал зөв газраа олсон гэдэгтээ итгэлтэй болдог.
Хүснэгтийг хажуу тийш гүйлгэж үзэж болно
| Ангилал | Элемент | Шалтгаан |
|---|---|---|
| Заавал оруулах | Салбар, байршил тодорхой харагдах нэг мөр танилцуулга | Үйлчлүүлэгч зөв газар орж ирснээ шууд мэднэ |
| Заавал оруулах | Хамгийн чухал ганц үйлдэлд уриалах товч | Дараа нь юу хийхээ бодож суухгүй болгоно |
| Заавал оруулах | Бизнесийг тань сайн харуулах нэг гол зураг | Бичвэрээс хурдан уур амьсгалыг дамжуулна |
| Байвал сайн | Товч итгэл төрүүлэх баримт (ажилласан жил, мэргэжлийн үнэмлэх, нэг мөр сэтгэгдэл) | Анх орж ирсэн үйлчлүүлэгчийн эргэлзээг багасгана |
| Доош шилжүүлэх | Урт мэндчилгээ, бизнесийн түүх, мэдэгдлийн жагсаалт | Эхний дэлгэцийг төвөгтэй болгож, гол санааг халхална |
Үйлчлүүлэгч үнэхээр эхний дэлгэцээр л дүгнэдэг үү?
Зөвхөн эхний дэлгэцийг хардаггүй ч эхний дэлгэц дээр хамгийн удаан байдаг нь үнэн. Nielsen Norman Group-ийн 2018 онд нийтэлсэн харцыг хянах судалгаагаар дэлгэц харах хугацааны ойролцоогоор 57% нь гүйлгэхээс өмнөх хэсэгт төвлөрсөн байна.
Мөн судалгаагаар эхний хоёр дэлгэц харах хугацааны ойролцоогоор 74%-ийг эзэлсэн. Үйлчлүүлэгч доош гүйлгэдэг ч доошлох тусам төдийлөн нягт хардаггүй гэсэн үг.
Тиймээс эхний дэлгэц нь "цааш доош үзэх шалтгаан" өгөх үүрэгтэй. Эхний дэлгэцээс таны бизнес мөн гэдэгт итгэлтэй болсон үед л үйлчлүүлэгч доорх үнэ · сэтгэгдлийг хүртэл уншдаг.
Гэхдээ эхний дэлгэцэд бүх зүйлийг оруулах шаардлагагүй. Үйлчлүүлэгч доошлох шалтгаан харвал гүйлгэдэг тул эхний дэлгэцийн доод хэсэгт дараагийн агуулга бага зэрэг цухуйж харагдахаар байлгавал аяндаа үргэлжлүүлэн үзнэ.
Hero хэсгийн бичвэрийг хэрхэн бичих вэ?
Hero бичвэрийг үйлчлүүлэгчийн хайхдаа хэрэглэдэг үгээр, нэг өгүүлбэрт салбар · байршил · давуу талаа багтааж бичих нь үндсэн зарчим. Гоё хэллэгээс шууд ойлгогдох хэллэг илүү сайн уншигддаг.
Доорх дарааллаар бичиж үзвэл ихэнх бизнест хэрэглэж болохуйц бичвэр гарна. Эхнээсээ төгс бичих гэж оролдохгүйгээр хоёр гурвыг бичээд харьцуулж үзээрэй.
Нэг мөрөнд бүх давуу талаа оруулах гэвэл өгүүлбэр урт болж, юу ч санаанд үлдэхгүй. Давуу тал олон бол хамгийн итгэлтэй байгаа ганцыг нь эхний дэлгэцэд тавиад, үлдсэнийг нь доорх хэсгүүдэд нэг нэгээр нь тайлбарлаарай.
Бичвэр тогтсоны дараа хайлтын үр дүнд харагдах хуудасны гарчиг, эхний дэлгэцийн бичвэрийн үгсийг нийцүүлэх нь бас сайн. Хайлтад харсан үг, эхний дэлгэцийн үг ижил байвал үйлчлүүлэгч төдийлөн төөрөлддөггүй.
- 01Үйлчлүүлэгч таны бизнесийг хайхдаа бичиж болох үгсийг тэмдэглэнэ. (Жишээ нь: "Мангвон-дон бялуу захиалга", "Хондэ давхаргат үс засалт")
- 02Тэдгээрээс салбар, байршлыг багтаасан богино том гарчиг гаргана.
- 03Бусад газраас ялгарах нэг зүйлийг жижиг тайлбар болгон нэг мөрөөр нэмнэ. (Жишээ нь: "Тухайн өдөрт нь захиалах боломжтой", "1:1 зөвлөгөөний дараа үйлчилгээ үзүүлнэ")
- 04Товчны бичвэрийг үйлчлүүлэгчийн хийх үйлдлээр нэрлэнэ. (Жишээ нь: "Бялуу захиалгын лавлагаа", "Сул цаг харах")
- 05Утасны дэлгэцэд оруулж үзээд мөр хэт олон шилжвэл үгээ цөөлнө.
- 06Таны бизнесийг мэдэхгүй хүнд 5 секунд үзүүлээд "Энэ юу хийдэг газар юм шиг байна?" гэж асууна.
Эхний дэлгэцэд том зураг, видео оруулбал сайт удаашрахгүй юу?
Зохицуулахгүй бол удаашрана. Эхний дэлгэцийн том зураг ихэвчлэн дэлгэцийн хамгийн том элемент байдаг тул Google-ийн ачаалах хурдыг хэмждэг LCP (хамгийн том агуулга дүрслэгдэх хугацаа) үзүүлэлтэд шууд тусдаг.
web.dev-ийн заавраар LCP 2.5 секунд буюу түүнээс бага бол "сайн" гэж үздэг. Эхний дэлгэцийн зургийг дэлгэцийн хэмжээнд тааруулж багасгах, хөнгөн формат руу хөрвүүлэх, хойшлуулан ачаалах (lazy loading) тохиргоо хийхгүй байх нь үндсэн зүйл.
Хурд нь компьютерээс утсан дээр, Wi-Fi-аас мобайл датаны орчинд илүү удаан гардаг. Эхний дэлгэцийг шалгахдаа Wi-Fi-аа унтрааж утсаараа өөрөө нээж үзэх нь үйлчлүүлэгчийн байр сууринд хамгийн ойр.
Арын видео нь уур амьсгалыг сайхан гаргадаг ч хэмжээ нь том тул утасны датаны орчинд ачаалал болдог. Хэрэглэх бол богино хийж, видео гарч ирэхээс өмнө харуулах хөдөлгөөнгүй зургийг хамт бэлдээрэй.
Салбар бүрт эхний дэлгэцийг хэрхэн бүрдүүлэх вэ?
Салбар бүрт үйлчлүүлэгчийн эхний дэлгэцээс шалгахыг хүсдэг зүйл өөр тул зураг, товчийг ч түүнд тааруулж сонгох хэрэгтэй. Доор жижиг бизнесүүдийн түгээмэл хэрэглэдэг бүтцийг харуулав.
Зургийг аль болох өөрийн газартаа бодитоор авсныг ашиглаарай. Зургийн сайтын зураг цэвэрхэн ч үйлчлүүлэгч ирээд харахад өөр байвал харин ч итгэл буурч болно.
Утасны дэлгэцэд босоо урт зураг дэлгэцийг бараг бүхэлд нь эзэлж, бичвэр, товч доош түлхэгдэх нь амархан. Компьютерийн болон утасны зургийг тусад нь тайрч бэлдвэл хоёр дэлгэц хоёулаа цэвэрхэн харагдана.
Эхний дэлгэцийн бичвэр, зургийг улирал, арга хэмжээнд тааруулж сольж болно. Гэхдээ солих болгондоо гүйцэтгэгчид хүсэлт гаргах шаардлагатай бол төвөгтэй тул админ хуудаснаас (CMS) өөрөө сольж болох эсэхийг урьдчилан шалгаарай.
- Кафе: орчин эсвэл гол ундааны зураг, "Ённам-дон гар дусаалтын кофе шоп · өдөр бүр 10:00–22:00", "Зам хайх" товч.
- Үсчин: бодит үйлчилгээний үр дүнгийн зураг, "Хапжон буудлаас 3 минут · үсийг бага гэмтээдэг хими засалтаар мэргэшсэн", "Дизайнераар цаг захиалах" товч.
- Урлан: хичээл дээр ажиллаж буй гарын зураг, "Амралтын өдрийн ваар урлалын нэг өдрийн хичээл", "Энэ сарын хуваарь харах" товч.
- Онлайн худалдаа: гол барааны зураг, "Өөрсдөө шардаг гар хийцийн гранола · улс даяар хүргэлттэй", "Бараа үзэх" товч.
Эхний дэлгэц дээр ямар алдаа түгээмэл гаргадаг вэ?
Хамгийн түгээмэл алдаа бол зөвхөн уур амьсгалын зургийг томоор тавиад бичвэрийг хасах явдал юм. Та бизнесээ мэддэг тул зураг л хангалттай мэт санагддаг ч анх орж ирсэн үйлчлүүлэгч ямар газар болохыг шууд ойлгоход хэцүү.
Слайд автоматаар солигдоод чухал бичвэр нь хурдан алга болох нь бас түгээмэл асуудал. Компьютер дээр зүгээр ч утсан дээр товч дэлгэцийн доор түлхэгдэх тохиолдол ч олон тул заавал утсаар шалгах хэрэгтэй.
Орж ирмэгц гарч ирдэг попап цонхноос ч болгоомжлох хэрэгтэй. Урамшууллын цонх дэлгэцийг халхалбал үйлчлүүлэгч бизнесийн танилцуулгыг харахаасаа өмнө цонх хаах гэж завгүй болдог бөгөөд Google ч агуулгыг халхалдаг попапыг муу хуудасны туршлагын нэг гэж тайлбарладаг.
Слайдын оронд нэг зураг, бичвэрээр эхлэх нь арчилгаанд ч хялбар. Олон зураг харуулахыг хүсвэл эхний дэлгэцийн доор галерейн хэсгийг тусад нь байрлуулах арга бий.
Эхний дэлгэцийн загварыг харахдаа гүйцэтгэгчээс юу асуух вэ?
Загвараа хүлээн авмагцаа доорх дөрвөн зүйлийг гүйцэтгэгчээс асуугаарай. Утасны дэлгэцийг гол болгож хариулт авбал нээсний дараа засах ажил цөөрнө.
- Утасны эхний дэлгэцэд товч гүйлгэхгүйгээр харагдаж байгаа эсэх
- Эхний дэлгэцийн зургийн хэмжээ, ачаалах хурдыг шалгаж өгөх эсэх
- Зураг дээрх бичиг цайвар зураг дээр ч сайн уншигдаж байгаа эсэх
- Слайд ашиглавал үйлчлүүлэгч өөрөө зогсоох, гүйлгэх боломжтой эсэх
Жишээлбэл
- Пилатес: "Гангнам буудлаас 5 минут, 1:1 нөхөн сэргээх пилатес" гэсэн нэг мөр + хичээлийн зураг + "Туршилтын хичээлд цаг захиалах" товч.
- Ресторан: гол хоолны зураг + "Сонсу-дон гар хийцийн бургер · өдөр бүр 11:00–21:00" + "Залгах · Зам заах" товч.
Үүнийг л шалгаарай
- Утасны эхний дэлгэц дээр бизнесийн нэр · салбар · байршил харагдаж байгаа эсэх
- Товч гүйлгэхгүйгээр харагдаж байгаа эсэх
- Том зургаас болж эхний дэлгэц удаан ачаалахгүй байгаа эсэх
Манай бизнест?
Ямар ч вэбсайтын нүүр хуудсанд хамгийн их анхаарал хандуулдаг хэсэг.
ISSYMO-д
Эхний дэлгэц дээр ямар бизнес болох, цаг захиалга · лавлагааны товч шууд харагдахаар төлөвлөнө.
Түгээмэл асуулт
Ашигласан эх сурвалж
Сүүлд зассан өдөр