Kuidas lisada pildile õigesti atribuuti ALT?

Sisukord:

Kuidas lisada pildile õigesti atribuuti ALT?
Kuidas lisada pildile õigesti atribuuti ALT?
Anonim

Iga veebileht luuakse märgistuse abil – koodiga, mis on kirjutatud spetsiaalses keeles (enamasti HTML). Kasutaja brauser saab omakorda seda koodi lugeda, et kuvada õigesti kogu teave, mida ressursi loojad soovisid meile edastada. Selgub, et kõik elemendid, mida me veebilehel näeme, pärinevad meie külastatava saidi lähtekoodist.

Koodi optimeerimine

määrake atribuut ALT
määrake atribuut ALT

Nagu võite arvata, on selle koodi igal tähel ja igal sümbolil tähendus. Huvitaval kombel juhtub ka nii, et visuaalselt ei pruugi sait sisaldada neid elemente, mis on selle optimeerimiseks ülim alt olulised (see tähendab otsingumootorite jaoks ressursi õiget seadistust). Atribuudi ALT võib omistada näiteks selliste vaevumärgatavate arvule. See on paljude allikate lehtedel ja väga sageli me lihts alt ei märka seda.

Selles artiklis tahaksime pöörata tähelepanu just sellele veebidisaini elemendile. Siin räägime teile, miks see on saidi õige asetuse, selle liikluse kasvu ja kasutaja mugavuse jaoks nii oluline.

Mis on ALT atribuut?

Alustame algusest: kirjeldame, millest see artikkel räägibkõne ja miks me seda atribuuti üldse vajame.

ALT atribuut
ALT atribuut

Niisiis, et sellest tekstist aru saada, peate esm alt mõistma HTML-i märgistuskeelt. See on kood, millele kirjutatakse põhilised veebilehed ja millel, nagu juba märgitud, on brauseris kuvatav omadus. Kogu keel koosneb spetsiaalsetest atribuutidest (nt IMG, ALT, FONT jne). Igaüks neist vastutab ühe või teise kujunduselemendiga töötamise eest. Praktikas kasutatakse ülalmainitud atribuuti "Image" veebisaitidelt leiduvate piltide puhul. Täpsem alt, selle abiga luuakse piltidele kirjeldus, mille järgi kasutaja (saidi külastaja) saab hõlpsasti aru, mis neil peal on. Kindlasti olete ka ise selliste kirjeldustega kokku puutunud – need ilmuvad siis, kui hõljutate kursorit pildi kohal.

Praktiline väärtus

Muidugi kasutatakse neid atribuute praktikas põhjusega. Veebimeistrid vajavad oma piltide kirjeldusi sama palju kui saidi külastajad (tõenäoliselt rohkem). Lõppude lõpuks, kui kõigil piltidel puudub atribuut ALT, ei pruugi inimene seda tähelegi panna, kui lehel olevate piltide juurde on lisatud selgitavad tekstid. Teisest küljest ei pruugi otsingurobotid (tühja ALT-ga) saidi piisav alt kõrgele asetusele seada, vähendada selle positsiooni otsingutulemustes ja seega ei too nad piisav alt palju külastajaid. Seetõttu võime kindl alt öelda, et saidil olevate piltide kirjeldused mängivad olulist rolli ka veebimeistrite endi jaoks, mistõttu nad ei saahooletussejätmine.

Kõigil nähtavatel piltidel puudub atribuut ALT
Kõigil nähtavatel piltidel puudub atribuut ALT

Bonused otsingumootoritelt

Et paremini mõista piltide õigesti täidetud kirjeldussiltide eeliseid, toome väikese näite. Oletame, et on veebisait, millel on hostitud kujutised. Kui atribuut ALT pole määratud, siis kasutaja ei kannata, sest igal juhul näeb ta seda, mis konkreetsel fotol on kujutatud. Täiesti erinev tulemus ootab ressursi omanikku, kes jätab ül altoodud märgendi tähelepanuta, mille tõttu kaotab ta osa näiteks pildikataloogide liiklusest.

Kuidas kirjutada atribuuti ALT?

Tehniliselt pole selle või teise pildi all kirjelduse täitmises midagi keerulist. See on ilmne: peate minema oma saidi HTML-i redaktorisse ja leidma pildikoodi (algab IMG-ga ja lõpeb samaga). Selle koodiploki sees on kood. Seda nad mõtlevad, kui nad ütlevad, et peate kirjutama atribuudi ALT. Seda tehakse järgmiselt: " alt=""kirjeldus".

Kui te ei tööta puhta koodiga, vaid kasutate saidi jaoks mõnda eraldiseisvat "mootorit" (näiteks Wordpress või Joomla), integreerib see spetsiaalse mehhanismi " altide" lisamiseks, mille kaudu meie saiti meelde jäetakse otsingumootorite poolt. Kui sisestate uue ALT, on värskendus teie lehel.

Mida nad atribuudisse kirjutavad?

Muidugi, kui teil on ülesanne kirjutada atribuut ALT, ei mõtle te muidugi tehniliselepool. Kõige sagedamini esitatakse see küsimus, kui veebihaldur ei tea, millist teavet ta konkreetse pildi kohta esitama peab. Seetõttu on raske öelda, milline teave on saidile otsingumootorite seisukohast kasulik.

Praktikas on kirjeldusprobleemi lahendamiseks palju lähenemisviise. Keegi töötab tüüpiliste mallidega, mille järgi täidetakse silt lihts alt märksõnadega, mille järgi leht luuakse. Võib-olla on see kõige levinum tava, mida võib sageli leida. Mõnikord jätab kasutaja selle asemel, et otsida, kuidas ALT-atribuuti kirjutada, selle ruumi lihts alt tühjaks. Siinkohal tuleks selgitada, et igaüks otsustab ise, millist kirjeldust näidata.

puudub alt atribuut
puudub alt atribuut

Nõuded

Samas on mitmeid põhireegleid (või, kui soovite, nõudeid), mille järgi saab igaüks oma piltide jaoks ideaalse atribuudi kokku liita. Need koosnevad vähesest arvust üksustest, millest igaüks viitab saidil olevate fotode ja piltide kirjeldustele.

Näiteks esimene selline nõue on kogu teksti pikkus. Kui otsite, kuidas ALT atribuuti õigesti kirjutada, on lahendus elementaarne: kasutage mitte rohkem kui 2-3 sõna. Selle suurusega teksti loeb esiteks ideaaljuhul otsingurobot (ja muudab teie saidi asjakohasemaks); teiseks on selline kirjeldus arusaadavam ka kasutajatele endile. Nõus, loe terve lause läbi, kui tahad lihts alt teada, mis pildil on näha, siis ei tee seda keegi. Piisab, kui on lühike ja täpne.kirjeldus, mis on kasulik nii teile kui ka teie klientidele.

Ärge unustage tähendust. Kui postitate elevandi foto, kirjeldage kindlasti selle tõugu või ajalugu; täpsustage, miks see on sellel fotol kujutatud, mida soovite sellega öelda. Külastajal oleks kasulik teada teie mõtteid selle elevandi kohta.

Teine oluline punkt (mis selgus arvukate praktiliste katsete käigus) on ainulaadsus. Kui otsite, kuidas lisada pildile atribuut "Pilt", pidage meeles, et see peab olema saidil iga loetletud foto puhul kordumatu. Näiteks kolme pildi avaldamine järjest pealkirjaga "minu elevant" on vale - see kahjustab teie ressurssi otsingutulemustes. Parem on anda piltidele nimed "elevant 1" ja "elevant 2", mis muudab need ainulaadsemaks.

Lõpuks pidage meeles nende piltide parameetreid, mida otsite, kuidas lisada ALT atribuuti. Piltide puhul on oluline täita mitmeid kriteeriume – mitte olla liiga väike, vaadata realistlik. See tähendab, et kui määrate kirjelduse, siis tehke seda tõsisemate piltide puhul, mida võetakse kaalukam alt arvesse. Ärge kvalifitseerige atribuuti "Pilt" väikeste emotikonide või muu sellise jaoks.

Otsi ALT

Lõpuks rääkisime atribuudi põhitõdedest, mõningatest selle koostamise reeglitest ja mõlema osapoole (nii kasutajate kui ka otsingurobotite) nõuetest neile. Nüüd mõelgem: kuidas otsida märksõnu ja fraase,mille me oma veebisaidil ette kirjutame? Nagu eespool märgitud, tuleks otsing suunata märksõnade valmis andmebaaside poole, mis tõesti hakkavad teie saidile kliente meelitama. Muidugi ei ole seda võimalik saavutada, kui teil ikkagi puudub ALT atribuut. Võtke valmis märksõnad ja fraasid, mida oma sisus kasutate, ja kleepige need piltidele.

Kui teil sellist teavet pole ja te pole üldse mõelnud oma ressursi järkjärgulise reklaamimise peale, soovitame teil hakata otsima selliste "märksõnade" andmebaase, mille abil saate hõlps alt uusi saite luua. Selleks sobivad suurepäraselt sellised teenused nagu Google Keyword Extract Tool või Yandex. Wordstat, mis näitavad teatud fraaside otsingustatistikat. Nende seadetega "mängides" saate oma saitidel otsinguliikluse osakaalu oluliselt suurendada ja seeläbi uusi eeliseid lõigata. Peaasi on vältida olukorda, kus kõigil nähtavatel piltidel puudub ALT atribuut.

Järeldused

Mida saame öelda selles artiklis kirjeldatud atribuudi kohta? See on osa keelest, milles luuakse kõige lihtsamad saidid – HTML. Seda on väga lihtne teha, kuna see kirjeldab elementaarset põhikeelt. Sildi endiselt piltidel registreerimiseks peate selle lähtekoodi kaudu iseseisv alt väljastama. Või hakake uusi juhiseid kasutades uuesti välja mõtlema. Olgu kuidas on, märgistamine "Pilt" on suurepärane vastastikuse kasu juhtum, kui nii külastaja kui ka ressursi omanik on rahul.

Märgendi märkimine võib kaasa tuua uuekülastajad - seda nähtust täheldatakse eriti sageli sellistes teenustes nagu Google ja Yandex Images. Kui klõpsate pildil, määrab sait iseseisv alt allika, kust pilt tehti, ja suunab külastaja ümber. Ja nagu te aru saate, on see väga oluline, et saaksite seda tulevikus teha.

Soovitan: