Cum se adaugă corect atributul ALT la o imagine?

Cuprins:

Cum se adaugă corect atributul ALT la o imagine?
Cum se adaugă corect atributul ALT la o imagine?
Anonim

Fiecare pagină web este creată folosind markup - cod care este scris într-un limbaj special furnizat (cel mai adesea HTML). Browserul utilizatorului, la rândul său, poate citi acest cod pentru a afișa corect toate informațiile pe care creatorii resursei au dorit să ni le transmită. Se pare că toate elementele pe care le vedem pe o pagină web sunt furnizate de codul sursă al site-ului pe care îl vizităm.

Optimizare cod

setați atributul ALT
setați atributul ALT

După cum puteți ghici, fiecare literă a acestui cod, fiecare simbol are o semnificație. De asemenea, interesant, se întâmplă ca vizual site-ul să nu conțină acele elemente extrem de importante pentru optimizarea lui (adică setarea corectă a resursei pentru motoarele de căutare). Atributul ALT poate fi atribuit numărului de astfel de persoane greu de observat, de exemplu. Este pe paginile multor resurse și de foarte multe ori pur și simplu nu o observăm.

În acest articol, am dori să acordăm atenție doar acestui element de web design. Aici vă vom spune de ce este atât de important pentru clasarea corectă a site-ului, creșterea traficului acestuia și confortul utilizatorului în lucrul cu acesta.

Ce este atributul ALT?

Să începem de la început: vom descrie despre ce este vorba în acest articolvorbire și de ce avem nevoie de acest atribut.

atribut ALT
atribut ALT

Deci, pentru a înțelege acest text, mai întâi trebuie să înțelegeți limbajul de marcare HTML. Acesta este codul pe care sunt scrise paginile web de bază, care, după cum sa menționat deja, are proprietatea de a fi afișat în browser. Întregul limbaj este alcătuit din atribute speciale (cum ar fi IMG, ALT, FONT și așa mai departe). Fiecare dintre ei este responsabil pentru lucrul cu unul sau altul element de design. În practică, atributul„Imagine” menționat mai sus este folosit pentru imaginile care pot fi găsite pe paginile site-ului web. Mai exact, cu ajutorul acestuia, se creează o descriere pentru imagini, conform căreia utilizatorul (vizitatorul site-ului) poate înțelege cu ușurință ce este afișat pe acestea. Cu siguranță ați întâlnit astfel de descrieri - ele apar atunci când treceți mouse-ul peste imagine.

Valoare practică

Desigur, aceste atribute sunt aplicate în practică pentru un motiv. Webmasterii au nevoie de descrieri pentru imaginile lor la fel de mult ca și vizitatorii site-ului (probabil mai multe). La urma urmei, dacă tuturor imaginilor le lipsește atributul ALT, este posibil ca o persoană să nu observe acest lucru dacă imaginile de pe pagină sunt adăugate texte explicative. Pe de altă parte, roboții de căutare (cu un ALT gol) ar putea să nu clasifice suficient de bine site-ul, să-și reducă poziția în rezultatele căutării și, astfel, să nu aducă un număr suficient de vizitatori. Prin urmare, putem spune cu încredere că descrierile pentru pozele de pe site joacă un rol important și pentru webmasterii înșiși, deci aceștia nu potneglijare.

Toate imaginile vizibile lipsesc atributul ALT
Toate imaginile vizibile lipsesc atributul ALT

Bonusuri de la motoarele de căutare

Pentru a înțelege mai bine beneficiile etichetelor de descriere completate corect pentru imagini, să dăm un mic exemplu. Să presupunem că există un site web cu imagini găzduite pe el. Dacă atributul ALT nu este setat, utilizatorul nu va avea de suferit, pentru că în orice caz va vedea ce se arată într-o anumită fotografie. Un rezultat complet diferit îl așteaptă pe proprietarul resursei, care va neglija eticheta de mai sus, din cauza căreia va pierde o parte din traficul din directoarele de imagini, de exemplu.

Cum se scrie atributul ALT?

Din punct de vedere tehnic, nu este nimic dificil să completezi o descriere sub cutare sau cutare imagine. Acest lucru este evident: trebuie să accesați editorul HTML de pe site-ul dvs. și să găsiți codul imaginii (începe cu IMG și se termină cu același). În interiorul acestui bloc de cod, există cod. La asta se referă atunci când spun că trebuie să scrieți atributul ALT. Acest lucru se face astfel: „ alt="„descriere”.

Dacă nu lucrați cu cod pur, ci folosiți un „motor” separat pentru site (de exemplu, Wordpress sau Joomla), acesta integrează un mecanism special de adăugare a „ alt-urilor” prin care site-ul nostru va fi amintit de motoarele de căutare. Dacă completați un nou ALT, actualizarea se află pe pagina dvs.

Ce scriu ei în atribut?

Bineînțeles, când aveți sarcina de a scrie atributul ALT, nu vă gândiți la aspecte tehnicelatură. Cel mai adesea, această întrebare este pusă dacă webmasterul nu știe ce informații trebuie să furnizeze despre o anumită imagine. Acest lucru face dificil de spus ce informații vor beneficia site-ul din punctul de vedere al motoarelor de căutare.

În practică, există multe abordări pentru a rezolva problema descrierii. Cineva lucrează cu șabloane tipice, conform cărora eticheta este pur și simplu umplută cu cuvinte cheie pentru care este creată pagina. Poate că aceasta este cea mai comună practică care poate fi găsită des. Uneori, în loc să caute cum să scrie atributul ALT, utilizatorul pur și simplu lasă acest spațiu gol. Ar trebui clarificat aici că fiecare ia propriile decizii cu privire la descrierea pe care să o indice.

lipsește atributul alt
lipsește atributul alt

Cerințe

În același timp, există câteva reguli de bază (sau, dacă doriți, cerințe) conform cărora fiecare poate adăuga atributul ideal pentru pozele sale. Acestea constau dintr-un număr mic de articole, fiecare dintre ele se referă la descrierile fotografiilor și imaginilor de pe site.

De exemplu, prima astfel de cerință este lungimea întregului text. Dacă căutați cum să scrieți corect atributul ALT, soluția este elementară: nu folosiți mai mult de 2-3 cuvinte. Textul de această dimensiune va fi, în primul rând, să fie citit în mod ideal de un robot de căutare (și să vă facă site-ul mai relevant); în al doilea rând, o astfel de descriere este mai înțeleasă de utilizatorii înșiși. De acord, citește toată propoziția, dacă vrei doar să știi ce se arată în imagine, nimeni nu o va face. Este suficient să fie scurt și precis.o descriere care vă va fi utilă atât dvs., cât și clienților dvs.

Nu uitați de semnificație. Dacă postați o fotografie a unui elefant, asigurați-vă că îi descrieți rasa sau istoria; specificați de ce este înfățișat în această fotografie, ce ați dori să spuneți prin aceasta. Ar fi util ca vizitatorul să vă cunoască gândurile despre acest elefant.

Un alt punct important (care a fost stabilit în cadrul a numeroase teste practice) este unicitatea. Dacă căutați cum să adăugați atributul „Imagine”la o imagine, amintiți-vă că trebuie să fie unic pentru fiecare dintre fotografiile afișate pe site. De exemplu, publicarea a trei imagini la rând cu legenda „elefantul meu” va fi greșită - acest lucru va dăuna doar resursei dvs. din rezultatele căutării. Este mai bine să numiți imaginile „elephant 1” și „elephant 2”, ceea ce le va face mai unice.

În cele din urmă, țineți cont de parametrii imaginilor pe care le căutați pentru a afla cum să adăugați atributul ALT. Pentru poze, este important să îndeplinești o serie de criterii - să nu fie prea mic, să arate realist. Adică, dacă specificați o descriere, atunci faceți-o pentru imagini mai serioase care sunt luate în considerare mai mult. Nu califica atributul „Imagine”pentru unele emoticoane mici sau ceva de genul.

Căutare ALT

În sfârșit, am vorbit despre elementele de bază ale unui atribut, despre unele dintre regulile de compilare a acestuia și despre cerințele ambelor părți (atât utilizatorii, cât și roboții de căutare) față de acestea. Acum să ne gândim: cum să căutați cuvinte cheie și expresii,pe care le vom prescrie pe site-ul nostru? După cum sa menționat mai sus, căutarea ar trebui să fie îndreptată către baze de date gata făcute cu cuvinte cheie care încep cu adevărat să atragă clienți pe site-ul dvs. Desigur, acest lucru nu poate fi realizat dacă încă nu vă lipsește atributul ALT. Luați cuvinte cheie și expresii gata făcute pe care le utilizați în conținut și inserați-le în imagini.

Dacă nu aveți astfel de informații și nu v-ați gândit deloc să începeți să vă promovați treptat resursa, vă sugerăm să începeți să căutați baze de date cu astfel de „cuvinte cheie” cu ajutorul cărora puteți crea cu ușurință noi site-uri. Pentru aceasta, servicii precum Instrumentul de extragere a cuvintelor cheie Google sau Yandex. Wordstat sunt perfecte, care arată statistici de căutare pentru anumite expresii. „Jucându-vă” cu aceste setări, puteți crește semnificativ ponderea traficului de căutare pe site-urile dvs. și, astfel, puteți începe să obțineți noi beneficii. Principalul lucru este să evitați o situație în care tuturor imaginilor vizibile le lipsește atributul ALT.

Concluzii

Deci, ce putem spune despre atributul descris în acest articol? Face parte din limbajul în care sunt create cele mai simple site-uri - HTML. Este foarte ușor să faci acest lucru, deoarece descrie un limbaj elementar, de bază. Pentru a înregistra în continuare eticheta în imagini, trebuie să o emiteți independent prin codul sursă. Sau, folosind noile instrucțiuni, începeți din nou să faceți. Oricum ar fi, etichetarea„Imagine” este cazul perfect de avantaj reciproc atunci când atât vizitatorul, cât și proprietarul resursei sunt mulțumiți.

Indicarea unei etichete poate duce la noivizitatori - acest fenomen este observat în mod deosebit pe servicii precum Google și Yandex Images. Când faceți clic pe o imagine, site-ul determină independent sursa din care a fost luată imaginea și redirecționează vizitatorul. Și acest lucru, după cum înțelegeți, este foarte important pentru a putea face în viitor.

Recomandat: