HTML Alt Atribut Image Image Сэдвүүдээс суралцаарай

Вэбсайтаа илүү хялбар хүртээмжтэй болгох хамгийн хялбар арга бол таны дүрсний шошгон дээр alt attribute ашиглах явдал юм. Энэ энгийн зан чанарыг ашиглахыг хэдэн хүн мартдаг вэ? Үнэн хэрэгтээ одоо хэрэв та зөв XHTML-г бичихийг хүсвэл alt гэсэн шошго нь img шошго дээр шаардлагатай байдаг. Гэсэн хэдий ч хүмүүс үүнийг хийхгүй байна.

ALT шинж чанар

Alt шинж чанар нь img тэмдэгтийн шинж чанар бөгөөд тэдгээр нь зурган дээр гарч байхдаа харааны биш хөтчүүдэд зориулсан alt аналог байх ёстой. Энэ нь текстийг хуудас дээр харагдахгүй зургийг ашиглахад зориулагдсан гэсэн үг юм. Харин харуулсан (эсвэл уншсан) зүйл нь өөр текст юм.

Зарим хөтөч нь текст дээрээ хулганаа нээх үед alt текстийг харуулдаг. Энэ нь текст нь тодорхой бөгөөд уншихад хялбар байх ёстой бөгөөд ямар ч уншигч таны хулганыг таны хуудсан дээр зогсоож асар их Popup хар дарсан зүүд үүсгэхгүй байх гэсэн үг юм. Alt текст нэмэх нь энгийн зүйл бөгөөд зүгээр л таны дүрсэн дээрхи атрибутыг ашиглаарай. Алтны шошго бичих зарим зөвлөгөө энд байна:

Товчхон бай

Зарим браузерууд нь хэт текст хэт урт байвал унах болно. Дүр зураг дээр яг юу болохыг тайлбарлах нь сайхан санагдаж болох ч, энэ нь alt тэмдэглэгээний зорилго биш юм. Харин оронд нь зургийг агуулгаар нь байрлуулах шаардлагатай үгсээр дүүрэн байх ёстой

Ил тод байх

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

Харилцан тохиролцох

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

Дотооддоо өөрийн ажлын байрыг харуулах

Хэрэв та spacer дүрсийг байрлуулж байгаа бол өөрийн бичвэрийн зайг ашигла. Хэрэв та "spacer.gif" гэж бичвэл энэ нь ашигтай мэдээлэл өгөхөөс илүүтэйгээр сайтад анхаарлаа хандуулах болно. Техникийн хувьд хэрэв та жинхэнэ XHTML-г бичихийг оролдож байгаа бол spacer images гэхээсээ CSS-г ашиглах хэрэгтэй. Ингэснээр та эдгээр зургуудын alt бичвэрийг орхиж болно.

Хайлтын системийг ойлгох

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

Энэ нь зөвхөн Search Engine Optimization-ийг ашиглах боломжтой

Олон сайтууд хэрэв тэд alt текстийг SEO хэрэгсэл болгон ашиглах юм бол тэд тэнд байхгүй гэсэн түлхүүр үгсээр сайтаа оновчтой болгохын тулд хайлтын системийг "хуурах" болно. Гэсэн хэдий ч, хайлтын систем нь таны үр дүнг хуурамчаар үйлдэхийг оролдож, үр дүнг бүрэн арилгана гэж шийдсэн бол энэ нь эргэж болно.