Alt text (text alternativ), cunoscut și ca „atribute alt”, „descrieri alt” sau incorect din punct de vedere tehnic ca „etichete alt”, sunt utilizate într-un cod HTML pentru a descrie aspectul și funcția unei imagini pe o pagină.
alt text utilizează:
1. Adăugarea de text alternativ la fotografii este în primul rând un principiu al accesibilității web. Utilizatorii cu deficiențe de vedere care utilizează cititoare de ecran vor citi un atribut alt pentru a înțelege mai bine o imagine pe pagină.
2., Textul Alt va fi afișat în locul unei imagini dacă un fișier imagine nu poate fi încărcat.
3. Textul Alt oferă un context/descrieri mai bune ale imaginii pentru crawlerele motoarelor de căutare, ajutându-le să indexeze corect o imagine.
textul evidențiat prezinta alt text (alt atribut) din imaginea din stânga.
Cel mai bun format pentru alt text este suficient de descriptiv, dar nu conține niciun spam încercări la umplutura de cuvinte cheie., Dacă puteți închide ochii, aveți pe cineva să vă citească textul alt și să vă imaginați o versiune rezonabilă a imaginii, sunteți pe drumul cel bun.
Să ne uităm la câteva exemple de alt text pentru această imagine de un aspect delicios teanc de clatite cu afine:
alt text este doar „bine” pentru că nu e foarte descriptiv. Da, aceasta este o imagine a unui teanc de clătite. Dar, există mai multe de spus despre această imagine.,
Bun:
<img src="https://moz.com/learn/seo/pancakes.png" alt="Stack of blueberry pancakes with powdered sugar">
Acest text alt este o alternativă mai bună, deoarece este mult mai descriptiv a ceea ce este în imagine. Acesta nu este doar un teanc de „clătite” (așa cum a demonstrat primul exemplu de text alt); este un teanc de clătite de afine cu un praf de zahăr pudră!
<img src="https://moz.com/learn/seo/pancakes.png" alt="pancake pancakes pan cake hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes pancake recipe">
Nici unul dintre aceste exemple sunt recomandate., Prima linie de cod nu conține deloc text alt (observați că Ghilimelele sunt goale), în timp ce al doilea exemplu demonstrează umplerea cuvintelor cheie în textul alt.
De ce este important textul Alt?
accesibilitate
Alt text este un principiu de web design accesibil. Scopul său original (și încă primar) este de a descrie imaginile vizitatorilor care nu le pot vedea. Aceasta include cititoarele de ecran și browserele care blochează imaginile, dar include și utilizatorii cu deficiențe de vedere sau care nu pot identifica vizual o imagine., Includerea textului alt cu imaginile dvs. asigură că toți utilizatorii, indiferent de capacitatea vizuală, pot aprecia conținutul de pe site-ul dvs.
Image SEO
utilizarea textului alt pe imaginile dvs. poate face o experiență de utilizator mai bună, dar vă poate ajuta, de asemenea, să obțineți atât beneficii SEO explicite, cât și implicite. Pe lângă implementarea titlului imaginii și a denumirii fișierelor, cele mai bune practici, inclusiv textul alt pot contribui, de asemenea, la SEO-ul imaginii.,în timp ce tehnologia de recunoaștere a imaginilor motorului de căutare s-a îmbunătățit considerabil de-a lungul anilor, crawlerele de căutare încă nu pot „vedea” imaginile de pe o pagină a site-ului web așa cum putem, deci nu este înțelept să lăsăm interpretarea doar în mâinile lor. În cazul în care nu înțeleg, sau să-l greșit, este posibil Ai putea fie rang pentru cuvinte cheie neintenționate sau pierde pe clasament cu totul.
Iată un exemplu: Google ar putea vedea următoarea imagine și să fie capabil să descifreze că este un om care poartă o cravată și ochelari, stând la un birou.,dacă sunteți încercarea de a rang pentru „impersonarea lui Jim Halpert de Dwight Schrute,” deși, va trebui să împrumute motorul de căutare o mână de ajutor.
în acest sens, alt text vă oferă o altă oportunitate de a include cuvântul cheie țintă., Cu pe-pagina de cuvinte cheie de utilizare încă trăgând în greutate ca un motor de căutare ranking factor, este în interesul dumneavoastră pentru a crea alt text care ambele descrie imaginea și, dacă este posibil, include un cuvânt cheie sau frază cheie vizate.
cum scriu un text bun alt?
descrieți imaginea cât mai specific posibil. Alt text este, în primul rând, conceput pentru a oferi explicații text ale imaginilor pentru utilizatorii care nu le pot vedea. dacă o imagine cu adevărat nu transmite nici un sens / valoare și este doar acolo pentru scopuri de proiectare, ar trebui să trăiască în CSS, nu HTML.,
păstrați-l (relativ) scurt. Cele mai populare Cititoare de ecran taie textul alt la aproximativ 125 de caractere, deci este recomandabil să-l păstrați la acel număr de caractere sau mai puțin.alt text vă oferă o altă oportunitate de a include cuvântul cheie țintă pe o pagină și, astfel, o altă oportunitate de a semnala motoarelor de căutare că pagina dvs. este extrem de relevantă pentru o anumită interogare de căutare., În timp ce prima dvs. prioritate ar trebui să fie descrierea și furnizarea contextului imaginii, dacă are sens să faceți acest lucru, includeți cuvântul dvs. cheie în textul alt al cel puțin unei imagini din pagină.
evitați umplerea cuvintelor cheie. Google nu vă va indica puncte pentru textul alt prost scris, dar veți avea probleme dacă utilizați textul alt ca o oportunitate de a umple cât mai multe cuvinte cheie relevante pe care le puteți gândi în el. Concentrați-vă pe scrierea textului descriptiv alt care oferă context imaginii și, dacă este posibil, include cuvântul cheie țintă și lăsați-l la asta.
nu utilizați imagini ca text., Aceasta este mai puțin o practică specifică textului alt și mai mult un principiu general de dezvoltare web SEO-friendly. Deoarece motoarele de căutare nu pot citi text în imaginile dvs., ar trebui să evitați utilizarea imaginilor în locul cuvintelor. Dacă trebuie să faceți acest lucru, explicați ce spune fotografia dvs. în textul alt.
nu includeți „imaginea”, „imaginea” etc. în textul alt. Se presupune deja că textul dvs. alt se referă la o imagine, deci nu este nevoie să o specificați.
nu uita longdesc=””. Explorați folosind eticheta longdesc=”” pentru imagini mai complexe care necesită o descriere mai lungă.,
nu neglija butoanele de formular. Dacă un formular de pe site-ul dvs. utilizează o imagine ca pe butonul „Trimiteți”, dați-i un atribut alt. Butoanele de imagine ar trebui să aibă un atribut alt care descrie funcția butonului precum „căutare”, „Aplicați acum”, „Înscriere” etc.
cum arată textul alt bun?,3″>
Bine alt text: <img src="https://moz.com/learn/seo/kwe.png" alt="kw explorer">
mai Bine alt text: <img src="https://moz.com/learn/seo/kwe.png" alt="keyword research in Keyword Explorer">
cel Mai bun alt text: <img src="https://moz.com/learn/seo/kwe.png" alt="Moz Keyword Explorer tool for SEO keyword research">
Păstrați de învățare
Google Image Publicarea de Orientări
Pe Pagina de Clasament Factori
Descriere Meta
Puneți-vă abilitățile la locul de muncă
Pagina de Optimizare secțiunea de Moz Pro evidențiază pagini care nu sunt de viață de până la completă de căutare vizibilitate potențial (și include lucruri cum ar fi dacă o pagină lipsește alt text)., Încercați > >
