Вэб хуудас бүрийг тусгайлан өгсөн хэлээр (ихэнхдээ HTML) бичсэн тэмдэглэгээ - код ашиглан бүтээдэг. Хэрэглэгчийн хөтөч нь эргээд нөөцийг бүтээгчдийн бидэнд дамжуулахыг хүссэн бүх мэдээллийг зөв харуулахын тулд энэ кодыг уншиж болно. Вэб хуудсан дээр бидний харж буй бүх элементүүд бидний зочилдог сайтын эх кодоор хангагдсан байдаг.
Код оновчлол
Таны таамаглаж байгаачлан энэ кодын үсэг бүр, тэмдэг бүр өөрийн гэсэн утгатай. Сонирхолтой нь, сайт нь түүнийг оновчтой болгоход маш чухал элементүүдийг (хайлтын системд зориулсан нөөцийг зөв тохируулах гэсэн үг) агуулаагүй байж магадгүй юм. Жишээлбэл, ALT шинж чанарыг ийм бараг анзаарагдахгүй шинж чанаруудын тоогоор холбож болно. Энэ нь олон эх сурвалжийн хуудсан дээр байдаг бөгөөд бид ихэнхдээ үүнийг анзаардаггүй.
Энэ нийтлэлд бид вэб дизайны энэ элементэд анхаарлаа хандуулахыг хүсч байна. Сайтыг зөв эрэмбэлэх, траффикийн өсөлт, түүнтэй ажиллахад хэрэглэгчийн тав тухыг хангахад яагаад ийм чухал болохыг энд бид танд хэлэх болно.
ALT шинж чанар юу вэ?
Эхнээс нь эхэлцгээе: бид энэ нийтлэлд юуны тухай өгүүлэхийг тайлбарлах болнояриа болон бидэнд энэ шинж чанар яагаад хэрэгтэй байна.
Тиймээс энэ текстийг ойлгохын тулд эхлээд HTML тэмдэглэгээний хэлийг ойлгох хэрэгтэй. Энэ бол үндсэн вэб хуудсуудыг бичсэн код бөгөөд аль хэдийн дурдсанчлан хөтөч дээр харагдах шинж чанартай байдаг. Бүх хэл нь тусгай шинж чанаруудаас (IMG, ALT, FONT гэх мэт) бүрддэг. Тэд тус бүр нь нэг эсвэл өөр дизайны элементтэй ажиллах үүрэгтэй. Практикт дээр дурдсан"Зургийн" шинж чанарыг вэб хуудаснаас олж болох зургуудад ашигладаг. Тодруулбал, түүний тусламжтайгаар зурагнуудын тайлбарыг бий болгосон бөгөөд үүний дагуу хэрэглэгч (сайтын зочин) тэдгээрт юу харагдаж байгааг хялбархан ойлгох боломжтой болно. Та өөрөө ийм тайлбартай тааралдсан нь лавтай. Зурган дээр хулганаа аваачихад гарч ирдэг.
Практик үнэ цэнэ
Мэдээжийн хэрэг, эдгээр шинж чанарууд нь тодорхой шалтгааны улмаас практикт хэрэглэгддэг. Вэбмастерууд өөрсдийн зургийн тайлбарыг сайтад зочлогчидтой адил шаарддаг (магадгүй илүү). Эцсийн эцэст, хэрэв бүх зурагт ALT шинж чанар байхгүй бол хуудсан дээрх зургуудад тайлбар бичвэр нэмсэн тохиолдолд хүн үүнийг анзаарахгүй байж магадгүй юм. Нөгөөтэйгүүр, хайлтын роботууд (хоосон ALT-тай) сайтыг хангалттай эрэмбэлж чадахгүй, хайлтын үр дүнд түүний байр суурийг бууруулж, улмаар хангалттай тооны зочдыг авчрахгүй байж магадгүй юм. Тиймээс сайт дээрх зургуудын тайлбар нь вэбмастеруудад чухал үүрэг гүйцэтгэдэг тул тэд үүнийг хийх боломжгүй гэдгийг бид итгэлтэйгээр хэлж чадна.хайхрамжгүй.
Хайлтын системийн урамшуулал
Зургийн тайлбар шошгыг зөв бөглөсний ашиг тусыг илүү сайн ойлгохын тулд жижиг жишээ хэлье. Зураг дээр байрлуулсан вэбсайт байгаа гэж бодъё. Хэрэв ALT шинж чанарыг тохируулаагүй бол хэрэглэгч хохирохгүй, учир нь ямар ч тохиолдолд тэр тухайн зураг дээр юу харагдаж байгааг харах болно. Дээрх шошгыг үл тоомсорлох нөөцийн эзэмшигчийг тэс өөр үр дүн хүлээж байгаа бөгөөд үүний улмаас тэрээр зургийн лавлахаас траффикийн тодорхой хэсгийг алдах болно.
ALT шинж чанарыг хэрхэн бичих вэ?
Техникийн хувьд энэ эсвэл тэр зургийн доор тайлбар бөглөхөд хэцүү зүйл байхгүй. Энэ нь тодорхой байна: та өөрийн сайт дээрх HTML засварлагч руу очиж зургийн кодыг олох хэрэгтэй (IMG-ээс эхэлж, ижилхэн төгсдөг). Энэ кодын блок дотор код байдаг. Та ALT шинж чанарыг бичих хэрэгтэй гэж хэлэхэд тэд үүнийг хэлж байна. Үүнийг дараах байдлаар хийнэ: “alt=“description”.
Хэрэв та цэвэр кодоор ажилладаггүй, гэхдээ сайтдаа тусдаа "хөдөлгүүр" ашигладаг бол (жишээлбэл Wordpress эсвэл Joomla) энэ нь " alts" нэмэх тусгай механизмыг нэгтгэсэн бөгөөд ингэснээр манай сайтыг санах болно. хайлтын системээр. Хэрэв та шинэ ALT бөглөвөл шинэчлэлт таны хуудсан дээр байна.
Тэд атрибут дээр юу бичдэг вэ?
Мэдээжийн хэрэг, танд ALT шинж чанарыг бичих даалгавар байгаа үед та техникийн талаар бодохгүй байна.тал. Ихэнх тохиолдолд вэбмастер тухайн зургийн талаар ямар мэдээлэл өгөх шаардлагатайг мэдэхгүй байгаа тохиолдолд энэ асуултыг асуудаг. Энэ нь хайлтын системийн үүднээс сайтад ямар мэдээлэл ашигтай болохыг хэлэхэд хэцүү болгодог.
Практикт тайлбарын асуудлыг шийдвэрлэх олон арга байдаг. Хэн нэгэн ердийн загвартай ажилладаг бөгөөд үүний дагуу шошгыг хуудасны үүсгэсэн түлхүүр үгсээр дүүргэдэг. Магадгүй энэ нь ихэвчлэн олддог хамгийн түгээмэл практик юм. Заримдаа хэрэглэгч ALT атрибутыг хэрхэн бичихийг хайхын оронд зүгээр л энэ зайг хоосон орхидог. Аль тайлбарыг зааж өгөхөө хүн бүр өөрөө шийддэг гэдгийг энд тодруулах хэрэгтэй.
Шаардлага
Үүний зэрэгцээ хүн бүр өөрийн зургийн хамгийн тохиромжтой шинж чанарыг нэмж өгөх хэд хэдэн үндсэн дүрмүүд (эсвэл хүсвэл шаардлага) байдаг. Эдгээр нь цөөн тооны зүйлээс бүрдэх бөгөөд тус бүр нь сайт дээрх зураг, зургийн тайлбарыг хэлнэ.
Жишээ нь, эхний ийм шаардлага бол бүхэл бүтэн текстийн урт юм. Хэрэв та ALT шинж чанарыг хэрхэн зөв бичихийг хайж байгаа бол шийдэл нь энгийн зүйл юм: 2-3-аас илүүгүй үг ашиглах хэрэгтэй. Энэ хэмжээтэй текстийг нэгдүгээрт, хайлтын робот уншихад тохиромжтой (мөн таны сайтыг илүү хамааралтай болгоно); хоёрдугаарт, ийм тайлбар нь хэрэглэгчдэд илүү ойлгомжтой байдаг. Зөвшөөрч байна, өгүүлбэрийг бүхэлд нь уншаарай, хэрэв та зураг дээр юу байгааг мэдэхийг хүсвэл хэн ч мэдэхгүй. Товч бөгөөд тодорхой хэлэхэд хангалттай.танд болон таны үйлчлүүлэгчдэд хэрэгтэй тайлбар.
Утгын талаар бүү март. Хэрэв та зааны зургийг нийтэлсэн бол түүний үүлдэр, түүхийг дүрслэхээ мартуузай; Энэ зурган дээр яагаад дүрслэгдсэн, үүгээр юу хэлэхийг хүсч байгаагаа тодорхойл. Энэ зааны талаарх таны бодлыг мэдэх нь зочдод тустай байх болно.
Өөр нэг чухал зүйл бол (олон тооны практик туршилтын явцад тогтоогдсон) өвөрмөц байдал юм. Хэрэв та зураг дээр"Зургийн" шинж чанарыг хэрхэн нэмэхийг хайж байгаа бол энэ нь сайт дээрх жагсаасан зураг бүрийн хувьд өвөрмөц байх ёстой гэдгийг санаарай. Жишээлбэл, "миний заан" гэсэн гарчигтай гурван зургийг дараалан нийтлэх нь буруу байх болно - энэ нь зөвхөн хайлтын үр дүнд таны нөөцөд хор хөнөөл учруулах болно. Зургийг "заан 1" болон "заан 2" гэж нэрлэсэн нь илүү өвөрмөц байх болно.
Эцэст нь ALT атрибутыг хэрхэн нэмэхийг хайж буй зургийнхаа параметрүүдийг санаарай. Зургийн хувьд хэд хэдэн шалгуурыг хангах нь чухал юм - хэтэрхий жижиг биш, бодитой харагдах. Өөрөөр хэлбэл, хэрэв та тайлбарыг зааж өгсөн бол үүнийг илүү ноцтой анхаарч үзсэн илүү ноцтой зургуудын хувьд хийх хэрэгтэй."Зургийн" шинж чанарыг жижиг эмотикон эсвэл үүнтэй төстэй зүйлд бүү тохируул.
ALT хайх
Эцэст нь бид шинж чанарын үндэс, түүнийг эмхэтгэх зарим дүрмүүд болон хоёр талын (хэрэглэгч болон хайлтын робот) тэдэнд тавих шаардлагын талаар ярилцлаа. Одоо бодоцгооё: түлхүүр үг, хэллэгийг хэрхэн хайх,Бид вэб сайт дээрээ юу зааж өгөх вэ? Дээр дурдсанчлан хайлт нь таны сайтад үйлчлүүлэгчдийг татаж эхэлдэг түлхүүр үгсийн бэлэн мэдээллийн санд чиглэгдэх ёстой. Мэдээжийн хэрэг, хэрэв танд ALT шинж чанар байхгүй бол энэ нь боломжгүй юм. Агуулгадаа ашигладаг бэлэн түлхүүр үг, хэллэгээ аваад зурган дээрээ буулгана уу.
Хэрэв танд ийм мэдээлэл байхгүй бөгөөд та нөөцөө аажмаар сурталчлах талаар огт бодоогүй бол шинэ сайтуудыг хялбархан үүсгэж болох "түлхүүр үгс"-ийн мэдээллийн санг хайж эхлэхийг зөвлөж байна. Үүний тулд Google Keyword Extract Tool эсвэл Yandex. Wordstat зэрэг үйлчилгээнүүд төгс төгөлдөр бөгөөд тодорхой хэллэгүүдийн хайлтын статистикийг харуулдаг. Эдгээр тохиргоог ашиглан "тоглосноор" та өөрийн сайтууд дахь хайлтын урсгалын эзлэх хувийг ихээхэн нэмэгдүүлж, улмаар шинэ үр өгөөжийг хүртэж эхлэх боломжтой. Хамгийн гол нь харагдахуйц бүх зурагт ALT шинж чанар байхгүй нөхцөл байдлаас зайлсхийх явдал юм.
Дүгнэлт
Тэгвэл бид энэ нийтлэлд дурдсан шинж чанарын талаар юу хэлж чадах вэ? Энэ нь хамгийн энгийн сайтуудыг бүтээдэг хэлний нэг хэсэг болох HTML юм. Энгийн, үндсэн хэлийг дүрсэлсэн тул үүнийг хийхэд маш хялбар байдаг. Зурган дээрх шошгыг бүртгүүлэхийн тулд эх кодоор дамжуулан бие даан гаргах шаардлагатай. Эсвэл шинэ зааварчилгааг ашиглан дахин хийж эхлээрэй. Ямар ч байсан"Зураг"-г шошголох нь зочин болон эх сурвалжийн эзэн хоёулаа сэтгэл хангалуун байх үед харилцан ашигтай байх төгс тохиолдол юм.
Таг заах нь шинэ зүйлд хүргэж болзошгүйзочдод - энэ үзэгдэл ялангуяа Google болон Yandex Images зэрэг үйлчилгээнүүдэд ихэвчлэн ажиглагддаг. Зураг дээр дарахад тухайн сайт тухайн зургийг авсан эх сурвалжийг бие даан тодорхойлж, зочдыг дахин чиглүүлдэг. Энэ нь таны ойлгож байгаагаар ирээдүйд хийх боломжтой байх нь маш чухал юм.
