Әр веб-бет арнайы берілген тілде (көбінесе 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 құралы немесе Yandex. Wordstat сияқты қызметтер өте жақсы, олар белгілі бір сөз тіркестерін іздеу статистикасын көрсетеді. Осы параметрлермен «ойнау» арқылы сіз сайттарыңыздағы іздеу трафигінің үлесін айтарлықтай арттыра аласыз және осылайша жаңа артықшылықтар ала бастайсыз. Ең бастысы - барлық көрінетін кескіндерде ALT атрибуты жоқ жағдайды болдырмау.
Қорытынды
Сонымен, осы мақалада сипатталған атрибут туралы не айта аламыз? Бұл ең қарапайым сайттар жасалатын тілдің бөлігі – HTML. Мұны істеу өте оңай, өйткені ол қарапайым, негізгі тілді сипаттайды. Суреттерде тегті әлі де тіркеу үшін оны бастапқы код арқылы дербес шығару керек. Немесе, жаңа нұсқауларды пайдаланып, қайта жасауды бастаңыз. Қалай болғанда да,"Сурет" белгісін белгілеу - келушінің де, ресурс иесінің де көңілінен шыққан кездегі өзара тиімділік.
Тегті көрсету жаңаға әкелуі мүмкінкелушілер - бұл құбылыс әсіресе Google және Yandex Images сияқты қызметтерде жиі байқалады. Кескінді басқан кезде сайт суреттің қай жерден алынғанын дербес анықтайды және келушіні қайта бағыттайды. Бұл, сіз түсінгеніңіздей, болашақта жасай алу өте маңызды.
