Компанийн вэбсайтад «интерактив контент» нэмэхээс өмнө шийдэх 5 зүйл: 3D «LEONIA арал»-ыг бүтээж байхдаа олж мэдсэн зүйлс

Компанийн хуудсыг уншихаас өмнө хаах нь элбэг. Харж, хүрч байж ойлгодог интерактив контент нь орох үүд болж чадна.

10-р сард LEONIA вэбсайтдаа «LEONIA арал» хэмээх 3D арал нэмсэн. Арал нь манай логоны арслангийн хэлбэртэй бөгөөд барилга дээр хүрэхэд LEONIA-гийн долоон үйл ажиллагааны нэгийг танилцуулна. Хэрхэн бүтээснээ бүтээлийн тэмдэглэлдээ бичсэн. Энэ нийтлэлд ижил төстэй зүйл хийхээр бодож буй хүмүүст зориулан, явцын дунд гаргасан таван шийдвэрээ нэгтгэн хүргэж байна.

1. Хүмүүс хүрч үзээд юуг ойлгох ёстойг нэг өгүүлбэрээр тодорхойлох

Интерактив контент амархан зөвхөн зугаа болоод өнгөрч болно. Зочид юуг ойлгож авах ёстойг эхлээд нэг өгүүлбэрээр тодорхойлбол ямар эффектийг үлдээхээ сонгоход хамаагүй хялбар болно.

LEONIA арлын хувьд тэр өгүүлбэр нь «Уншихаас өмнө хүрч үзэх замаар манай долоон үйл ажиллагааны талаар мэдүүлэх» байв. Тиймээс арлын гол барилгууд долоон үйл ажиллагааг төлөөлдөг; нэгэнд нь хүрэхэд тухайн үйл ажиллагааны хуудас руу шууд хөтлөх тайлбар нээгдэнэ. Нуусан гурван зоос эхэндээ үйл ажиллагааны барилгуудын ойролцоо байрладаг тул тэдгээрийг хайх явцад хүмүүс барилгууд дээр хүрэх болдог.

Тэр өгүүлбэрийг дэмжээгүй бүх зүйлийг хассан. Шийдэх ёстой зүйл бол юу оруулах гэхээсээ илүү юуг орхих явдал юм.

2. Хайлтын системийн уншдаг текстийг 3D-ээс тусад нь бичих

Google хуудасны JavaScript-ийг ажиллуулж, үүссэн HTML-ийг ашиглан индексжүүлдэг. Google зөвхөн href атрибуттай <a> элементээр бичсэн холбоосыг дагаж чадна. 3D орчин дотор зурсан текст, товчлуурыг текст эсвэл холбоос гэж уншихгүй гэж үзэх нь хамгийн найдвартай.

LEONIA арлын хувьд арлыг нүүр хуудасны гарчиг ба текстээр танилцуулж, үйл ажиллагаа тус бүрийг өөрийн хуудсанд тайлбарлаж, бүтээлийн түүхийг нийтлэлд бичсэн. Арал бол орох үүд; текст бол агуулга.

• Интерактив контенттой хуудсанд гарчиг ба тайлбар өгөх
• Контентын танилцуулж буй зүйлийг бусад хуудсанд ч текстээр нийтлэх
• Контент дотроос бусад хуудас руу шилжихэд энгийн холбоос ашиглах

3. Хөнгөн байлгах: хэзээ ачаалах, ажиллуулах, зогсоохоо шийдэх

3D нь нүүр хуудсыг амархан удаашруулж болно. Хуудасны гол агуулга 2.5 секундээс бага хугацаанд харагдвал (LCP) Google тэр хуудсыг «сайн» гэж үздэг.

Манай нүүр хуудсанд эхэндээ зөвхөн хөдөлгөөнгүй зураг (ойролцоогоор 70–90 KB) харагдана. 3D хэсгүүд (зөвхөн 3D сан л гэхэд ойролцоогоор 600 KB) арал дэлгэцэд ойртох үед л ачаалагдаж эхэлнэ. Арал нь дор хаяж 30% нь харагдаж байх үед л хөдөлж, дэлгэцээс гүйлгэгдэн гарах эсвэл зочин хөтчийн өөр таб руу шилжих үед зогсоно.

• Эхэнд харуулах зүйлээ (жишээ нь зураг) хөнгөн болгох
• Хүнд хэсгүүдийг зөвхөн шаардлагатай үед ачаалах
• Харагдахгүй зүйлийг хөдөлгөхгүй байх

4. Хүн бүр ашиглаж чадахаар үзэх гурван аргыг санал болгох

Тохиргоо эсвэл төхөөрөмжөөс хамаарч 3D хүн бүрт тохирохгүй байж болно. Хөдөлгөөнт дүрс зарим хүний анхаарлыг сарниулж, толгой эргүүлэх эсвэл дотор муухайруулах шалтгаан болдог тул олон утас, компьютерт хөдөлгөөнийг багасгах тохиргоо байдаг.

LEONIA арал зочин бүрт тохируулан автоматаар шилждэг:

• 3D ажиллуулах боломжтой төхөөрөмж: 3D арал
• Дата хэмнэх горим асаалттай, холболт маш удаан, санах ой бага эсвэл 3D дэмждэггүй төхөөрөмж: давтагдах богино видео (ойролцоогоор 0.4–0.5 MB)
• «Хөдөлгөөнийг багасгах» тохиргоотой төхөөрөмж: хөдөлгөөнгүй зураг

Арал япон, англи, солонгос хэл дээр ашиглах боломжтой. Нээлтийн дараа арлын хотод мөн дараах зүйлсийг нэмсэн: хараагүй хүнд зориулсан товгор хавтан, цагаан таяг барьж хөтөч нохойтой алхаж буй хүн, дуут дохиотой явган хүний гэрлэн дохио, дохионы хэлээр ярилцаж буй хүмүүс, чемодантай аялагч, олон хэл дээрх мэндчилгээ. Дэлгэц дээрх хот ч гэсэн хүн бүр чөлөөтэй ирж очих газар байгаасай гэж бид хүссэн юм.

5. Үр дүнд хүрсэн эсэхийг хэмжих боломжтой байлгах

Зөвхөн бүтээгээд зогсвол интерактив контентыг цаашид хадгалах үнэ цэнэтэй эсэхийг мэдэх боломжгүй. Нээлтээс өмнө юуг хэмжихээ шийдээрэй.

LEONIA арлын хувьд бид гурван зүйлийг бүртгэдэг:

• Нүүр хуудсанд арал харагдсан эсэх, 3D ачаалагдсан эсэх, хүмүүс бүтэн дэлгэцийн арлыг нээсэн эсэх (Google Analytics-ийн үйл явдлууд)
• Хүмүүс аль олон нийтийн сүлжээнээс орж ирсэн нь (сүлжээ тус бүрд тусдаа хянах холбоос)
• Холбоо барих маягтын «Биднийг хаанаас мэдсэн бэ?» асуултад «LEONIA арал» гэсэн сонголт

Хангалттай мэдээлэл цугласны дараа үр дүнг энэ нийтлэлд хуваалцахаар төлөвлөж байна.

Төгсгөлд

Интерактив контент заавал том хэмжээний 3D байх шаардлагагүй. Арлын дараа бид Тоглоомын хайрцагтаа сонгож авснаар манай үйл ажиллагааны талаар мэдэж болох гадил зэрэг жижиг туршилтын бүтээлүүдийг нэмсээр байна. Чухал нь юуг дамжуулахыг хүсэж байгаагаа тодорхойлж, түүнтэй хамт хайлт, хуудасны жин, хүртээмж, хэмжилтийг нэгэн зэрэг төлөвлөх явдал юм.

LEONIA вэбсайтыг төлөвлөх, бүтээхээс эхлээд нээлтийн дараа сайжруулах хүртэл тантай хамтран ажилладаг. Одоогоор зөвхөн санаа байлаа ч гэсэн ийм орох үүд таны сайтад тохирох эсэхийг чөлөөтэй асуугаарай.

LEONIA арлын тухай тоон мэдээлэл (файлын хэмжээ ба шилжих нөхцөл) нь 2026 оны 10-р сарын байдлаар ажиллаж буй сайтаас авсан болно.

Эх сурвалж: Google Search Central, «JavaScript SEO-ийн үндсийг ойлгох»／web.dev, «Largest Contentful Paint (LCP)»／web.dev, «prefers-reduced-motion: Заримдаа бага хөдөлгөөн илүү үр дүнтэй»