Сүрөткө ALT атрибутун кантип туура кошуу керек?

Мазмуну:

Сүрөткө ALT атрибутун кантип туура кошуу керек?
Сүрөткө ALT атрибутун кантип туура кошуу керек?
Anonim

Ар бир веб баракча атайын берилген тилде (көбүнчө HTML) жазылган белгилөө - коддун жардамы менен түзүлөт. Колдонуучунун браузери, өз кезегинде, ресурстун жаратуучулары бизге жеткирүүнү каалаган бардык маалыматты туура көрсөтүү үчүн бул кодду окуй алат. Биз веб-баракчада көргөн элементтердин бардыгы биз кирген сайттын баштапкы коду менен камсыздалган экен.

Код оптималдаштыруу

ALT атрибутун коюу
ALT атрибутун коюу

Сиз ойлогондой, бул коддун ар бир тамгасынын, ар бир символунун мааниси бар. Ошондой эле, кызыктуусу, визуалдык түрдө сайтта аны оптималдаштыруу үчүн өтө маанилүү болгон элементтер камтылбашы мүмкүн (издөө системалары үчүн ресурсту туура орнотуу дегенди билдирет). ALT атрибутун, мисалы, анча байкалбагандардын санына байланыштырууга болот. Ал көптөгөн ресурстардын беттеринде бар жана биз аны көп учурда байкабай калабыз.

Бул макалада веб-дизайндын ушул эле элементине көңүл бургубуз келет. Бул жерде биз сизге сайттын туура рейтинги, анын трафигинин өсүшү жана аны менен иштөөдө колдонуучунун ыңгайлуулугу үчүн эмне үчүн абдан маанилүү экенин айтып беребиз.

ALT атрибуту деген эмне?

Башынан баштайлы: бул макала эмне жөнүндө экенин айтып беребизсүйлөө жана бул атрибут эмне үчүн керек.

ALT атрибуту
ALT атрибуту

Ошентип, бул текстти түшүнүү үчүн алгач HTML белгилөө тилин түшүнүшүңүз керек. Бул негизги веб-баракчалар жазылган код, буга чейин белгиленгендей, браузерде көрсөтүлүүчү касиетке ээ. Бүткүл тил атайын атрибуттардан (мисалы, IMG, ALT, FONT ж.б.) турат. Алардын ар бири тигил же бул дизайн элементи менен иштөө үчүн жооптуу. Иш жүзүндө жогоруда айтылган "Сүрөт" атрибуту веб-сайт беттеринен табууга болот сүрөттөр үчүн колдонулат. Тагыраак айтканда, анын жардамы менен сүрөттөр үчүн сыпаттама түзүлөт, ага ылайык колдонуучу (сайттын коногу) аларда көрсөтүлгөн нерсени оңой түшүнө алат. Мындай сүрөттөмөлөрдү сиз өзүңүз да жолуктургансыз – алар чычканды сүрөттүн үстүнө алып барганда пайда болот.

Практикалык баалуулук

Албетте, бул атрибуттар кандайдыр бир себептерден улам иш жүзүндө колдонулат. Веб-мастерлерге алардын сүрөттөрү үчүн сыпаттамалар сайтка келгендер сыяктуу эле керек (балким, көбүрөөк). Анткени, бардык сүрөттөрдө ALT атрибуту жок болсо, беттеги сүрөттөргө түшүндүрмө тексттер кошулса, адам муну байкабай калышы мүмкүн. Башка жагынан алганда, издөө роботтору (бош ALT менен) сайтты жетиштүү даражада баалабай, издөө натыйжаларында анын позициясын төмөндөтүшү мүмкүн жана ошентип, коноктордун жетиштүү санын алып келбейт. Ошондуктан, биз ишенимдүү түрдө айта алабыз, сайттагы сүрөттөр үчүн сүрөттөмөлөр да вебмастерлердин өздөрү үчүн маанилүү ролду ойнойт, ошондуктан алар мүмкүн эмес.кайдыгерлик.

Бардык көрүнгөн сүрөттөрдө ALT атрибуту жок
Бардык көрүнгөн сүрөттөрдө ALT атрибуту жок

Издөө системаларынан бонустар

Сүрөттөр үчүн туура толтурулган сыпаттама тегинин пайдасын жакшыраак түшүнүү үчүн, кичинекей бир мисал келтирели. Анда сүрөттөрү бар веб-сайт бар дейли. Эгерде ALT атрибуту коюлбаса, колдонуучу кыйналбайт, анткени кандай болгон күндө да ал белгилүү бир сүрөттө көрсөтүлгөн нерсени көрөт. Ресурстун ээсин такыр башка жыйынтык күтүп турат, ал жогорудагы тегди этибарга албай калат, андыктан ал сүрөт каталогдорунан трафиктин бир бөлүгүн жоготот, мисалы.

ALT атрибутун кантип жазуу керек?

Техникалык жактан тигил же бул сүрөттүн астына сыпаттаманы толтурууда эч кандай кыйынчылык жок. Бул айдан ачык: сайтыңыздагы HTML редакторуна кирип, сүрөттүн кодун табышыңыз керек (IMG менен башталып, ошол эле менен аяктайт). Бул код блогунун ичинде код бар. Алар ALT атрибутун жазуу керек деп айтканда, бул эмнени билдирет. Бул төмөнкүдөй жасалат: “alt=“description”.

Эгер сиз таза код менен иштебесеңиз, бирок сайт үчүн өзүнчө "кыймылдаткычты" колдонсоңуз (мисалы, Wordpress же Joomla), ал " alts" кошуу үчүн атайын механизмди бириктирет, ал аркылуу биздин сайт эсте калат. издөө системалары тарабынан. Эгер сиз жаңы ALT толтурсаңыз, жаңыртуу сиздин баракчаңызда болот.

Алар атрибутта эмне жазат?

Албетте, сизде ALT атрибутун жазуу милдети болгондо, сиз техникалык мүмкүнчүлүктөр жөнүндө ойлонбойсуз.тарап. Көбүнчө, бул суроо веб-мастер белгилүү бир сүрөт жөнүндө кандай маалымат бериши керектигин билбесе берилет. Бул издөө системаларынын көз карашы боюнча сайтка кандай маалымат пайда алып келерин айтууну кыйындатат.

Практикада сүрөттөмө маселесин чечүүнүн көптөгөн ыкмалары бар. Кимдир бирөө типтүү шаблондор менен иштейт, ага ылайык тег жөн гана барак түзүлгөн ачкыч сөздөр менен толтурулат. Балким, бул көп кездешүүчү эң кеңири таралган практика. Кээде ALT атрибутун кантип жазууну издөөнүн ордуна колдонуучу бул мейкиндикти бош калтырат. Бул жерде түшүндүрүү керек, ар ким кайсы сүрөттөмө көрсөтүүнү өзү чечет.

alt атрибуту жок
alt атрибуту жок

Талаптар

Ошол эле учурда бир нече негизги эрежелер (же кааласаңыз, талаптар) бар, ага ылайык ар бир адам өз сүрөттөрү үчүн идеалдуу атрибуттарды кошо алат. Алар аз сандагы нерселерден турат, алардын ар бири сайттагы сүрөттөрдүн жана сүрөттөрдүн сыпаттамаларына тиешелүү.

Мисалы, мындай биринчи талап бүт тексттин узундугу. Эгерде сиз ALT атрибутун кантип туура жазууну издеп жатсаңыз, чечим элементардык: 2-3 сөздөн ашык эмес колдонуңуз. Мындай өлчөмдөгү текст, биринчиден, издөө роботу тарабынан эң жакшы окулат (жана сиздин сайтыңызды актуалдуураак кылат); экинчиден, мындай сүрөттөмө колдонуучулардын өздөрүнө түшүнүктүү. Макул, сүйлөмдү толугу менен окуп чыгыңыз, эгер сиз сүрөттө көрсөтүлгөн нерсени билгиңиз келсе, эч ким билбейт. Кыска жана так айтуу жетиштүү.сизге жана кардарларыңызга пайдалуу боло турган сүрөттөмө.

Мааниси жөнүндө унутпа. Эгерде сиз пилдин сүрөтүн жайгаштырсаңыз, анын тукумун же тарыхын сүрөттөгөндү унутпаңыз; бул сүрөттө эмне үчүн тартылганын, муну менен эмнени айткыңыз келгенин тактаңыз. Бул пил тууралуу оюңузду билүү коноктор үчүн пайдалуу болмок.

Дагы бир маанилүү жагдай (көп сандаган практикалык сыноолордун жүрүшүндө аныкталган) – уникалдуу. Сүрөткө "Сүрөт" атрибутун кантип кошууну издеп жатсаңыз, ал сайтта көрсөтүлгөн сүрөттөрдүн ар бири үчүн уникалдуу болушу керек экенин унутпаңыз. Мисалы, үч сүрөттү катары менен "менин пилим" деген жазуу менен жарыялоо туура эмес болуп калат - бул издөө натыйжаларында сиздин ресурсуңузга гана зыян келтирет. Сүрөттөрдү "1 пил" жана "пил 2" деп атоо жакшы, бул аларды уникалдуу кылат.

Акыры, ALT атрибутун кантип кошууну издеп жаткан сүрөттөрдүн параметрлерин эсиңизден чыгарбаңыз. Сүрөттөр үчүн бир катар критерийлерге жооп берүү маанилүү - өтө кичинекей болбоо, реалдуу көрүнүү. Башкача айтканда, эгер сиз сүрөттөмө көрсөтсөңүз, анда аны олуттуураак түрдө эске алынган олуттуу сүрөттөр үчүн жасаңыз. "Сүрөт" атрибутун кээ бир кичинекей эмотикондорго же ушуга окшогон нерселерге ылайык келтирбеңиз.

ALT издөө

Акыры, биз атрибуттун негиздери, аны түзүүнүн айрым эрежелери жана эки тараптын (колдонуучулардын да, издөө роботторунун) аларга койгон талаптары жөнүндө сүйлөштүк. Эми ойлонуп көрөлү: ачкыч сөздөрдү жана фразаларды кантип издөө керек,кайсынысын веб-сайтыбызда жазып беребиз? Жогоруда белгиленгендей, издөө чындап эле сиздин сайтка кардарларды тарта баштаган ачкыч сөздөрдүн даяр маалымат базаларына багытталышы керек. Албетте, эгерде сизде дагы эле ALT атрибуту жок болсо, буга жетишүү мүмкүн эмес. Мазмунуңузда колдонгон даяр ачкыч сөздөрдү жана фразаларды алып, аларды сүрөттөргө чаптаңыз.

Эгер сизде мындай маалымат жок болсо жана сиз өз ресурсуңузду акырындык менен илгерилетүү жөнүндө такыр ойлонбосоңуз, анда жаңы сайттарды оңой түзө турган ушундай “ачкыч сөздөрдүн” маалымат базасын издеп баштоону сунуштайбыз. Бул үчүн, Google Keyword Extract куралы же Yandex. Wordstat сыяктуу кызматтар кемчиликсиз, алар белгилүү фразалар боюнча издөө статистикасын көрсөтөт. Бул орнотуулар менен "ойноо" менен сиз сайттарыңыздагы издөө трафигинин үлүшүн бир топ көбөйтө аласыз жана ошону менен жаңы пайдаларды ала баштасаңыз болот. Эң негизгиси - бардык көрүнгөн сүрөттөрдө ALT атрибуту жок болгон кырдаалдан качуу.

Тыянактар

Ошентип, бул макалада сүрөттөлгөн атрибут жөнүндө эмне айта алабыз? Бул эң жөнөкөй сайттар түзүлгөн тилдин бир бөлүгү - HTML. Муну жасоо абдан оңой, анткени ал элементардык, негизги тилди сүрөттөйт. Сүрөттөрдөгү тэгди дагы эле каттоо үчүн, сиз аны баштапкы код аркылуу өз алдынча чыгарышыңыз керек. Же жаңы нускамаларды колдонуп, кайра түзө баштаңыз. Кандай болгон күндө да,"Сүрөт" белгисин коюу - бул зыяратчы да, ресурстун ээси да ыраазы болгондо, өз ара пайдалуу.

Тегди көрсөтүү жаңысына алып келиши мүмкүнзыяратчылар - бул көрүнүш өзгөчө Google жана Yandex Images сыяктуу кызматтарда байкалат. Сүрөттү чыкылдатканыңызда, сайт сүрөт кайсы булактан алынганын өз алдынча аныктайт жана келүүчүнү башка жакка багыттайт. Бул, сиз түшүнгөндөй, келечекте жасай алуу абдан маанилүү.

Сунушталууда: