Optimizarea imaginilor, meta-tagging imagini, descriere și titlu exemplu

Rețeaua își obține puterea în diversitate: și cu cât este mai convenabilă resursa, cu atât mai bine. Alt atribut a fost un exemplu timpuriu, dar scrierea unor texte descriptive bune și exacte necesită cunoașterea unor reguli.

Atributul alt (adesea denumit în mod eronat "tag-ul alt") este necesar pentru fiecare element pe site-ul dvs. În cele mai multe cazuri, cel mai simplu mod de a compune un alt text este să scrieți ca și cum ați descrie o imagine.

De exemplu, fotografia din partea de sus a acestui articol poate fi descrisă ca

Dar este mai bine:

Regula generală: cu cât este mai precis textul, cu atât mai bine.

Excepții Alt: logo-uri

Dacă conținutul principal al imaginii este text, atunci regulile se modifică. Imaginea în care textul este "imprimat" în interiorul, de exemplu, după cum urmează:

... ar trebui să aibă un alt atribut care să se potrivească perfect cu textul din imagine.

Motivul este simplu: majoritatea cititorilor de ecran nu pot recunoaște textul imprimat în imagine, făcându-l incomprehensibil motoarelor de căutare și orbilor. Plasând descrierea textului în valoarea alt, traduceți descrierea pentru ambele și pentru altele.

De multe ori puteți vedea marcajul scris scânteiat:

Nu fi așa.

Apropo, acesta este un motiv bun pentru a considera marcajul corespunzător pentru grafica vectorială (svg) sau pentru marcarea logourilor. Textul corect creat în marcajul siglei va fi un text real, astfel încât acesta va fi citit. Este important să știm că dacă textul nu a fost perceput prin marcarea lui svg, atunci componenta semantică a textului va fi pierdută. O soluție alternativă (poate chiar mai bună) va fi salvarea componentei grafice a siglei în svg, iar restul va fi scris prin marcare stilizată. Desigur, ambele versiuni vor fi mapate când se încarcă fontul încorporat.

Alt gol

Există 2 condiții când alt poate rămâne gol:

• imaginea este umplută cu miniaturi, nu există informații care să poată fi descrise;
• Imaginea este descrisă în detaliu de elementul corespunzător al aspectului semantic:

Dar dacă doriți să păstrați "greutatea" paginii, atunci altul trebuie prescris pentru toate imaginile.
Pentru a lăsa atributul gol, specificați o valoare sub formă de ghilimele duble fără spațiu :.

De asemenea, nu puteți seta valoarea alt în HTML5 :.

Există cazuri rare în care valoarea atributului unei imagini este similară cu cea a acesteia