Ce este, cum se scrie și de ce contează pentru SEO
Publicat: 2023-07-28Astăzi, aproape 19% din SERP-urile Google arată imagini. Asta înseamnă că, în ciuda eforturilor tale de SEO, ai putea pierde încă o altă sursă organică de trafic: imaginile site-ului tău.
Cum intri in aceasta sursa de trafic? Text alternativ al imaginii. În această bucată, vom aborda cum să scrieți text alternativ al imaginii, astfel încât imaginile dvs. să se claseze foarte bine în motoarele de căutare și să genereze trafic.
Cuprins
Ce este textul alternativ?
Denumite și etichete alt și descrieri alt, textul alt este copia scrisă care apare în locul unei imagini pe o pagină web dacă imaginea nu se încarcă pe ecranul unui utilizator. Acest text ajută instrumentele de citire a ecranului să descrie imagini pentru cititorii cu deficiențe de vedere și permite motoarele de căutare să acceseze cu crawlere și să clasifice mai bine site-ul dvs.
Indiferent dacă efectuați sau nu SEO pentru afacerea dvs., optimizarea textului alternativ al imaginii site-ului dvs. este biletul dvs. pentru a crea o experiență de utilizator mai bună pentru vizitatorii dvs., indiferent cum v-au găsit prima dată.
De ce este important textul alternativ al imaginii?Textul alternativ al imaginii este important din trei motive: accesibilitate, experiență utilizator și trafic de imagini. Înțelegerea acestor motive vă va ajuta să scrieți text alternativ eficient pentru toate imaginile dvs. Să ne scufundăm.
Accesibilitate
În 1999, W3C a publicat Ghidul de accesibilitate a conținutului web 1.0 pentru a explica cum să faceți conținutul mai accesibil pentru utilizatorii cu dizabilități. Unul dintre aceste linii directoare a fost „oferirea de alternative echivalente la conținutul auditiv și vizual”. Însemna că orice pagină web cu imagini (sau filme, sunete, applet-uri etc.) ar trebui să includă informații echivalente cu conținutul vizual sau auditiv.
În primul rând, alternativele de text descriptiv la conținutul auditiv și vizual asigură că toată lumea poate beneficia de conținutul pe care îl partajați, în special cei cu deficiențe de vedere care pot folosi cititoare de ecran pentru a absorbi conținutul de pe o pagină web. O imagine fără descriere nu este utilă pentru cineva care folosește acea tehnologie și creează o experiență slabă pentru utilizator și, în unele cazuri, o percepție slabă a mărcii.
De exemplu, să presupunem că o pagină web conține o imagine a unei săgeți în sus care trimite la un cuprins. Un echivalent text ar putea fi „Mergeți la cuprins”. Acest lucru ar permite unui utilizator cu un cititor de ecran sau altă tehnologie de asistență să înțeleagă scopul imaginii fără a o vedea.
Cu alte cuvinte, textul alternativ vă ajută să vă asigurați că conținutul dvs. vizual este accesibil tuturor utilizatorilor, indiferent de capacitatea lor vizuală.
Experiența utilizatorului
Textul alternativ promovează accesibilitatea și oferă o experiență mai bună pentru toți utilizatorii. De exemplu, să presupunem că un vizitator are o conexiune cu lățime de bandă redusă, astfel încât imaginile dvs. nu se încarcă. În loc să vadă doar o pictogramă de link rupt, ei vor vedea, de asemenea, text alternativ pentru a culege ceea ce transmite imaginea.
De exemplu, un utilizator de pe site-ul dvs. ar putea vedea imaginea din stânga. Dacă nu pot, din orice motiv, vor auzi sau vor vedea textul alternativ din dreapta. Acest lucru va ajuta la furnizarea unei experiențe de utilizator mai bună decât dacă nu ar exista text alternativ.
Sursa imaginii
Trafic de imagini
Un alt lucru important pe care textul alternativ îl face pentru dvs. este să vă expuneți imaginile în rezultatele căutării, fie în Google Images sau ca pachete de imagini. Pachetele de imagini sunt rezultate speciale afișate ca un rând orizontal de link-uri de imagine care pot apărea în orice poziție organică (inclusiv locul #1 pe un SERP, așa cum se vede în exemplul din introducere).
Și imaginile care apar în ambele tipuri de rezultate ale căutării reprezintă încă o altă modalitate de a primi vizitatori organici. Acest lucru poate duce la apariția a mii de vizitatori - cel puțin, așa a făcut-o în cazul HubSpot.
Începând cu 2018, echipa HubSpot Blog a implementat o nouă strategie SEO care, parțial, sa concentrat mai intens pe optimizarea textului alternativ al imaginii. Acest lucru a contribuit la creșterea traficului de imagini al blogului cu 779% în mai puțin de un an, ceea ce a dus la 160.000 de vizualizări organice mai multe. Puteți citi mai multe despre succesul echipei în această postare pe blog.
Cum să adăugați text alternativ la imaginile dvsÎn majoritatea sistemelor de gestionare a conținutului (CMS), făcând clic pe o imagine din corpul unei postări de blog produce un modul de optimizare a imaginii sau text îmbogățit, unde puteți crea și modifica textul alternativ al imaginii.
Să parcurgem următorii pași pentru CMS Hub și WordPress de mai jos.
Cum să adăugați text alternativ în HubSpot CMS
În HubSpot, odată ce ați făcut clic pe o imagine și ați făcut clic pe pictograma de editare (care arată ca un creion), va apărea o casetă pop-up de optimizare a imaginii.
Iată cum arată această fereastră de optimizare a imaginii în CMS-ul din portalul HubSpot:
Textul dvs. alternativ este apoi scris automat în codul sursă HTML al paginii web, unde puteți edita textul alternativ al imaginii în continuare dacă CMS-ul dvs. nu are o fereastră de text alternativ ușor de editat. Iată cum ar putea arăta acea etichetă alternativă în codul sursă al unui articol:
Cum să adăugați text alternativ în CMS WordPress
În WordPress, făcând clic pe o imagine se va deschide automat fila Blocare din bara laterală. Sub secțiunea etichetată „Setări imagine”, adăugați textul alternativ în câmpul gol.
Când sunteți gata, faceți clic pe Actualizare din bara de instrumente din partea de sus a ecranului.
Cea mai importantă regulă a textului alternativ? Fii descriptiv și specific. Rețineți, totuși, că această regulă de text alternativ își poate pierde valoarea dacă textul dvs. alternativ nu ia în considerare și contextul imaginii. Textul alternativ poate rata marcajul în trei moduri diferite. Luați în considerare exemplele de mai jos.
3 exemple de text alternativ de imagine (bun și rău)1. Cuvânt cheie vs. Detaliu
Alt text greșit
alt="HubSpot office wall Singapore inbound marketing workplace murals orange walls ship it"
Ce este în neregulă cu linia de text alternativ de mai sus? Prea multe referințe la HubSpot. Folosirea textului alternativ pentru a introduce cuvinte cheie în propoziții fragmentate adaugă prea mult puf imaginii și nu este suficient context. Aceste cuvinte cheie ar putea fi importante pentru editor, dar nu și pentru crawlerele web.
De fapt, textul alternativ de mai sus îngreunează pentru Google să înțeleagă modul în care imaginea se raportează la restul paginii web sau al articolului pe care este publicată, împiedicând imaginea să se clasifice pentru cuvintele cheie longtail aferente care au un nivel mai ridicat de interes în spatele lor.
Cel mai rău, Google acordă penalități pentru umplerea cuvintelor cheie.
Alt text bun
Având în vedere textul alternativ prost (mai sus), textul alternativ mai bun pentru această imagine ar putea fi:
alt="Orange mural that says 'ship it' on a wall at HubSpot's Singapore office"
2. Detaliu vs. Specific
Sursa imaginii
Alt text greșit
alt="Baseball player hitting a ball at a baseball field"
Linia de text alternativ de mai sus urmează din punct de vedere tehnic prima regulă a textului alternativ - fii descriptiv - dar nu este descriptiv în mod corect. Da, imaginea de mai sus arată un teren de baseball și un jucător care lovește o minge de baseball. Dar aceasta este, de asemenea, o imagine cu Fenway Park - și David Ortiz, numărul 34 al celor de la Red Sox, care face unul peste terenul din dreapta. Acestea sunt specificații importante pe care Google ar avea nevoie pentru a indexa corect imaginea dacă este pe, de exemplu, o postare pe blog despre sporturile din Boston.
Alt text bun
Având în vedere textul alternativ prost (mai sus), textul alternativ mai bun pentru această imagine ar putea fi:
alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"
3. Specificitate vs. Context
Sursa imaginii
Ambele imagini de mai sus au un context clar care ne poate ajuta să scriem un text alternativ bun - una este de la un birou HubSpot, iar cealaltă este Fenway Park. Dar dacă imaginea ta nu are context oficial (cum ar fi un nume de loc) prin care să o descrii?
Aici va trebui să utilizați subiectul articolului sau al paginii web pe care publicați imaginea. Iată câteva exemple proaste și bune de text alternativ bazate pe motivul pentru care îl publicați:
Pentru un articol despre participarea la Școala de Afaceri
Alt text greșit
alt="Woman pointing to a person's computer screen"
Linia de text alternativ de mai sus ar trece în mod normal drept text alternativ decent, dar având în vedere că scopul nostru este să publicăm această imagine cu un articol despre mersul la școala de afaceri, pierdem câteva cuvinte cheie care ar putea ajuta Google să asocieze imaginea cu anumite secțiuni ale articolului.
Alt text bun
Având în vedere textul alternativ prost (mai sus), textul alternativ mai bun pentru această imagine ar putea fi:
alt="Business school professor pointing to a student's computer screen"
Pentru o pagină web despre software pentru educație pentru profesorii din Școlile de Afaceri
Alt text greșit
alt="Teacher pointing to a student's computer screen"
Linia de text alternativ de mai sus este aproape la fel de descriptivă și specifică ca textul alternativ bun din exemplul anterior, așa că de ce nu este suficientă pentru o pagină web despre software pentru educație? Acest exemplu aprofundează și mai mult în subiectul școlii de afaceri și specifică că publicul ideal pentru această pagină web este profesorii. Prin urmare, textul alternativ al imaginii trebuie să reflecte acest lucru.
Alt text bun
Având în vedere textul alternativ prost (mai sus), textul alternativ mai bun pentru această imagine ar putea fi:
alt="Professor using education software to instruct a business school student"
În cele din urmă, textul alternativ al imaginii trebuie să fie specific, dar și reprezentativ pentru subiectul paginii web pe care o sprijină. Înțelegi ideea până acum? Iată câteva chei importante pentru scrierea eficientă a textului alternativ al imaginii:
- Descrie imaginea și fii specific.
- Folosiți atât subiectul imaginii, cât și contextul pentru a vă ghida.
- Adăugați context care se referă la subiectul paginii.
- Dacă imaginea nu prezintă un loc sau o persoană care poate fi recunoscută, atunci adăugați context pe baza conținutului paginii.
- De exemplu, textul alternativ pentru o imagine stoc a unei persoane care tastează pe un computer ar putea fi „Femeie care optimizează site-ul WordPress pentru SEO” sau „Femeie care caută platforme de bloguri gratuite”, în funcție de subiectul paginii web.
- Păstrați textul alternativ mai puțin de 125 de caractere .
- Instrumentele de citire a ecranului opresc de obicei citirea textului alternativ în acest moment, întrerupând textul alternativ îndelungat în momentele incomode când verbalizează această descriere pentru persoanele cu deficiențe de vedere.
- Nu începe textul alternativ cu „imagine cu...” sau „Imagine cu...” Treci direct în descrierea imaginii.
- Instrumentele de citire a ecranului (și Google, de altfel) o vor identifica ca o imagine din codul sursă HTML al articolului.
- Folosiți cuvintele cheie, dar cu moderație. Includeți cuvântul cheie țintă al articolului dvs. numai dacă este ușor inclus în textul dvs. alternativ. Dacă nu, luați în considerare cuvintele cheie semantice sau doar cei mai importanți termeni dintr-un cuvânt cheie longtail. De exemplu, dacă cuvântul cheie principal al articolului dvs. este „cum se generează clienți potențiali”, ați putea folosi „generarea clienților potențiali” în textul dvs. alternativ, deoarece „cum să” ar putea fi dificil de inclus în textul alternativ al imaginii în mod natural.
- Nu înghesuiți cuvântul cheie în textul alternativ al fiecărei imagini. Dacă postarea de pe blog conține o serie de imagini corporale, includeți cuvântul cheie în cel puțin una dintre acele imagini. Identificați imaginea pe care o considerați cea mai reprezentativă pentru subiectul dvs. și atribuiți-i cuvântul cheie. Rămâneți la descrieri mai estetice în mass-media din jur.
- Verificați greșelile de ortografie. Cuvintele scrise greșit în textul alternativ al imaginii ar putea afecta experiența utilizatorului sau pot încurca motoarele de căutare care accesează cu crawlere site-ul dvs. Ar trebui să revizuiți textul alternativ la fel ca orice alt conținut de pe pagină.
- Nu adăugați text alternativ la fiecare imagine. Ar trebui să adăugați text alternativ la majoritatea imaginilor de pe o pagină web de dragul SEO, UX și accesibilitate - cu toate acestea, există excepții. Imaginile care sunt pur decorative sau sunt descrise în text din apropiere, de exemplu, ar trebui să aibă un atribut alt gol. Pentru o detaliere mai detaliată a când să adăugați text alternativ și când să nu, consultați acest arbore de decizie.
Potrivit Google, textul alternativ este folosit - în combinație cu algoritmii de viziune computerizată și conținutul paginii - pentru a înțelege subiectul imaginilor.
Prin urmare, textul alternativ ajută Google să înțeleagă mai bine nu numai despre ce sunt imaginile, ci și despre ce este pagina web în ansamblu. Acest lucru poate ajuta la creșterea șanselor ca imaginile dvs. să apară în rezultatele căutării de imagini.
Odată cu lansarea Google Search Generative Experience (SGE), textul alternativ de înaltă calitate și contextual se asigură că conținutul dvs. se află în combinația noului instantaneu al informațiilor cheie bazat pe inteligență artificială.
De exemplu, Google observă că SGE poate oferi oamenilor o experiență de cumpărături completă, cu opțiuni demne de remarcat, descrieri de produse, prețuri și imagini într-un singur instantaneu. Dacă imaginile produselor dvs. au un text alternativ descriptiv și specific, oferiți motoarelor de căutare contextul pentru a ști când să vă afișeze produsul ca o alegere de înaltă calitate în rezultatele cuiva.
Când creați conținut pe un subiect, luați în considerare modul în care publicul dvs. ar putea prefera să găsească răspunsuri la întrebările sale pe tema respectivă. În multe cazuri, cei care caută pe Google nu doresc rezultatul clasic al căutării albastru, cu hyperlink - ei doresc ca imaginea însăși să fie încorporată în pagina dvs. web.
De exemplu, un vizitator care caută cum să elimine duplicatele în Excel ar putea prefera o captură de ecran, astfel încât să înțeleagă cum să finalizeze sarcina dintr-o privire.
Sursa imaginii
Deoarece această imagine are un text alternativ optimizat, apare în rezultatele căutării de imagini pentru cuvântul cheie longtail „cum să eliminați duplicatele în Excel”. Deoarece postarea apare și în rezultatele căutării pe web pentru același cuvânt cheie, vizitatorii pot ajunge pe postarea de blog prin aceste două canale diferite.
Adăugarea unui text alternativ al imaginii pe site-ul dvs
Deci, de unde începeți când dezvoltați text alternativ pentru postările de blog și paginile dvs. web? Luați în considerare efectuarea unui audit de bază al conținutului dvs. existent pentru a vedea unde puteți încorpora text alternativ în imaginile neetichetate anterior. Urmăriți pentru a vedea cum se modifică traficul dvs. organic între paginile cărora le dați noi etichete alternative.
Cu cât optimizați mai multe imagini, cu atât strategia dvs. SEO va merge mai departe.
Nota editorului: această postare a fost publicată inițial în septembrie 2018 și a fost actualizată pentru a fi completă.