Şəkilə ALT atributunu necə düzgün əlavə etmək olar?

Mündəricat:

Şəkilə ALT atributunu necə düzgün əlavə etmək olar?
Şəkilə ALT atributunu necə düzgün əlavə etmək olar?
Anonim

Hər bir veb-səhifə işarələmədən istifadə etməklə yaradılır - xüsusi təmin edilmiş dildə (əksər hallarda HTML) yazılmış kod. İstifadəçinin brauzeri, öz növbəsində, resursun yaradıcılarının bizə çatdırmaq istədikləri bütün məlumatları düzgün göstərmək üçün bu kodu oxuya bilər. Məlum oldu ki, veb-səhifədə gördüyümüz bütün elementlər daxil olduğumuz saytın mənbə kodu ilə təmin edilir.

Kod optimallaşdırılması

ALT atributunu təyin edin
ALT atributunu təyin edin

Təxmin etdiyiniz kimi bu kodun hər hərfi, hər simvolu bir məna daşıyır. Həm də maraqlıdır ki, vizual olaraq saytın optimallaşdırılması üçün son dərəcə vacib olan elementlər olmaya bilər (axtarış motorları üçün resursun düzgün qurulması deməkdir). ALT atributunu, məsələn, belə çətin nəzərə çarpanların sayına aid etmək olar. O, bir çox resurs səhifələrindədir və çox vaxt biz bunu hiss etmirik.

Bu yazıda veb dizaynın məhz bu elementinə diqqət yetirmək istərdik. Saytın düzgün sıralanması, trafikinin artması və onunla işləməkdə istifadəçinin rahatlığı üçün bunun niyə bu qədər vacib olduğunu burada izah edəcəyik.

ALT atributu nədir?

Ən başdan başlayaq: bu məqalənin nədən bəhs etdiyini təsvir edəcəyiknitq və bu atribut niyə bizə ümumiyyətlə lazımdır.

ALT atributu
ALT atributu

Beləliklə, bu mətni başa düşmək üçün əvvəlcə HTML işarələmə dilini başa düşməlisiniz. Bu, artıq qeyd edildiyi kimi, brauzerdə nümayiş etdirilmək xüsusiyyətinə malik olan əsas veb səhifələrin yazıldığı koddur. Bütün dil xüsusi atributlardan (məsələn, IMG, ALT, FONT və s.) ibarətdir. Onların hər biri bu və ya digər dizayn elementi ilə işləmək üçün məsuliyyət daşıyır. Təcrübədə yuxarıda qeyd olunan "Şəkil" atributu vebsayt səhifələrində tapıla bilən şəkillər üçün istifadə olunur. Daha dəqiq desək, onun köməyi ilə şəkillər üçün təsvir yaradılır, ona görə istifadəçi (sayt ziyarətçisi) onlarda nə göstərildiyini asanlıqla başa düşə bilər. Şübhəsiz ki, siz özünüz belə təsvirlərlə rastlaşmısınız - onlar siçanı şəklin üzərinə gətirdiyiniz zaman görünür.

Praktik dəyər

Təbii ki, bu atributlar müəyyən səbəbdən praktikada tətbiq edilir. Veb ustalarının şəkilləri üçün təsvirlərə sayt ziyarətçiləri qədər ehtiyacı var (yəqin ki, daha çox). Axı, bütün şəkillərdə ALT atributu yoxdursa, səhifədəki şəkillərə izahlı mətnlər əlavə edilərsə, insan bunu hiss etməyə də bilər. Digər tərəfdən, axtarış robotları (boş ALT ilə) saytı kifayət qədər yüksək səviyyəyə qaldırmaya, onun axtarış nəticələrində mövqeyini aşağı salmaya və beləliklə, kifayət qədər sayda ziyarətçi gətirə bilməyəcək. Buna görə də əminliklə deyə bilərik ki, saytdakı şəkillərin təsviri də vebmasterlərin özləri üçün mühüm rol oynayır, ona görə də onlar bunu edə bilməzlər.laqeydlik.

Bütün görünən şəkillərdə ALT atributu yoxdur
Bütün görünən şəkillərdə ALT atributu yoxdur

Axtarış motorlarından bonuslar

Şəkillər üçün düzgün doldurulmuş təsvir etiketlərinin faydalarını daha yaxşı başa düşmək üçün kiçik bir misal verək. Deyək ki, orada şəkillərin yerləşdiyi vebsayt var. ALT atributu təyin edilmədikdə, istifadəçi əziyyət çəkməyəcək, çünki istənilən halda o, müəyyən bir fotoşəkildə nə göstərildiyini görəcək. Yuxarıdakı etiketə məhəl qoymayan resursun sahibini tamamilə fərqli nəticə gözləyir, buna görə o, məsələn, şəkil kataloqlarından trafikin bir hissəsini itirəcək.

ALT atributunu necə yazmaq olar?

Texniki olaraq bu və ya digər şəklin altında təsviri doldurmaqda çətin bir şey yoxdur. Bu göz qabağındadır: saytınızdakı HTML redaktoruna daxil olub şəkil kodunu tapmaq lazımdır (IMG ilə başlayır və eyni ilə bitir). Bu kod blokunun içərisində kod var. ALT atributunu yazmaq lazımdır deyəndə, bunu nəzərdə tuturlar. Bu belə edilir: “alt=“təsvir”.

Əgər siz təmiz kodla işləmirsinizsə, lakin sayt üçün ayrı bir “mühərrik” istifadə edirsinizsə (məsələn, Wordpress və ya Joomla), o, saytımızın yadda qalacağı “alts” əlavə etmək üçün xüsusi mexanizmə inteqrasiya edir. axtarış motorları tərəfindən. Yeni ALT doldursanız, yeniləmə sizin səhifənizdə olacaq.

Atributda nə yazırlar?

Əlbəttə, ALT atributunu yazmaq tapşırığınız olduqda, siz texniki parametrlər haqqında düşünmürsünüz.yan. Çox vaxt bu sual vebmasterin müəyyən bir şəkil haqqında hansı məlumatı verməli olduğunu bilmirsə soruşulur. Bu, axtarış motorları baxımından hansı məlumatın sayta fayda verəcəyini söyləməyi çətinləşdirir.

Təcrübədə təsvir probleminin həlli üçün bir çox yanaşma mövcuddur. Kimsə tipik şablonlarla işləyir, buna görə etiket sadəcə səhifənin yaradıldığı açar sözlərlə doldurulur. Bəlkə də bu, tez-tez tapıla bilən ən ümumi təcrübədir. Bəzən istifadəçi ALT atributunun necə yazılacağını axtarmaq əvəzinə bu yeri boş qoyur. Burada aydınlaşdırmaq lazımdır ki, hər kəs hansı təsviri göstərəcəyinə özü qərar verir.

alt atribut yoxdur
alt atribut yoxdur

Tələblər

Eyni zamanda, hər kəsin öz şəkilləri üçün ideal atribut əlavə edə biləcəyi bir neçə əsas qayda (və ya istəsəniz, tələblər) var. Onlar az sayda elementdən ibarətdir, hər biri saytdakı foto və şəkillərin təsvirinə istinad edir.

Məsələn, birinci belə tələb bütün mətnin uzunluğudur. ALT atributunu necə düzgün yazacağınızı axtarırsınızsa, həll yolu elementardır: 2-3 sözdən çox istifadə etməyin. Bu ölçülü mətn, ilk növbədə, axtarış robotu tərəfindən ideal şəkildə oxunacaq (və saytınızı daha uyğun edəcək); ikincisi, belə təsvir istifadəçilərin özləri üçün daha başa düşüləndir. Razılaşın, bütün cümləni oxuyun, sadəcə şəkildəkini bilmək istəyirsinizsə, heç kim bilməyəcək. Qısa və dəqiq olmaq kifayətdir.həm sizin, həm də müştəriləriniz üçün faydalı olacaq təsvir.

Mənanı unutma. Bir filin şəklini yerləşdirsəniz, onun cinsini və ya tarixini təsvir etməyi unutmayın; onun bu fotoda niyə təsvir edildiyini, bununla nə demək istədiyinizi dəqiqləşdirin. Ziyarətçinin bu fil haqqında fikirlərinizi bilməsi faydalı olardı.

Digər vacib məqam (çoxsaylı praktiki sınaqlar zamanı müəyyən edilmişdir) unikallıqdır. Şəkilə "Şəkil" atributunu necə əlavə edəcəyinizi axtarırsınızsa, unutmayın ki, o, saytda sadalanan hər bir fotoşəkil üçün unikal olmalıdır. Məsələn, "mənim filim" başlığı ilə ardıcıl üç şəkli dərc etmək səhv olacaq - bu, yalnız axtarış nəticələrində resursunuza zərər verəcəkdir. Şəkilləri daha unikal edəcək "fil 1" və "fil 2" adlandırmaq daha yaxşıdır.

Nəhayət, ALT atributunu necə əlavə edəcəyinizi axtardığınız şəkillərin parametrlərini yadda saxlayın. Şəkillər üçün bir sıra meyarlara cavab vermək vacibdir - çox kiçik olmamaq, real görünmək. Yəni təsviri qeyd etsəniz, bunu daha ciddi şəkildə nəzərə alınan daha ciddi şəkillər üçün edin. Bəzi kiçik ifadələr və ya buna bənzər şeylər üçün "Şəkil" atributunu uyğunlaşdırmayın.

Alt-da axtar

Nəhayət, biz atributun əsasları, onun tərtibi üçün bəzi qaydalar və hər iki tərəfin (həm istifadəçilərin, həm də axtarış robotlarının) onlara olan tələblərindən danışdıq. İndi düşünək: açar söz və ifadələri necə axtarmaq,veb saytımızda hansını təyin edəcəyik? Yuxarıda qeyd edildiyi kimi, axtarış həqiqətən müştəriləri saytınıza cəlb etməyə başlayan açar sözlərdən ibarət hazır verilənlər bazalarına yönəldilməlidir. Əgər sizdə hələ də ALT atributu yoxdursa, əlbəttə ki, buna nail olmaq mümkün deyil. Məzmununuzda istifadə etdiyiniz hazır açar söz və ifadələri götürün və şəkillərə yapışdırın.

Əgər belə bir məlumatınız yoxdursa və resursunuzu tədricən tanıtmağa başlamaq haqqında heç düşünməmisinizsə, sizə asanlıqla yeni saytlar yarada biləcəyiniz bu cür “açar sözlər” verilənlər bazası axtarmağa başlamağı təklif edirik. Bunun üçün Google Açar Söz Çıxarış Aləti və ya Yandex. Wordstat kimi xidmətlər mükəmməldir və müəyyən ifadələr üçün axtarış statistikasını göstərir. Bu parametrlərlə "oynamaqla" siz saytlarınızda axtarış trafikinin payını əhəmiyyətli dərəcədə artıra və bununla da yeni faydalar əldə etməyə başlaya bilərsiniz. Əsas odur ki, bütün görünən şəkillərdə ALT atributunun olmadığı bir vəziyyətdən qaçın.

Nəticələr

Beləliklə, bu məqalədə təsvir olunan atribut haqqında nə deyə bilərik? Bu, ən sadə saytların yaradıldığı dilin bir hissəsidir - HTML. Bunu etmək çox asandır, çünki o, elementar, əsas dili təsvir edir. Şəkillərdə etiketi hələ də qeyd etmək üçün onu müstəqil olaraq mənbə kodu vasitəsilə verməlisiniz. Və ya yeni təlimatlardan istifadə edərək, yenidən məşğul olmağa başlayın. Nə olursa olsun,"Şəkil" işarəsi həm ziyarətçi, həm də resursun sahibi razı qaldıqda qarşılıqlı fayda üçün mükəmməl bir haldır.

Teqin göstərilməsi yeniyə səbəb ola bilərziyarətçilər - bu fenomen xüsusilə tez-tez Google və Yandex Şəkillər kimi xidmətlərdə müşahidə olunur. Şəklin üzərinə kliklədiyiniz zaman sayt müstəqil olaraq şəklin hansı mənbədən götürüldüyünü müəyyənləşdirir və ziyarətçini yönləndirir. Bu, başa düşdüyünüz kimi, gələcəkdə edə bilmək çox vacibdir.

Tövsiyə: