În articolul de astăzi, vreau să iau în considerare de ce încă merită să completați atributul Alt HTML pentru imagini, cum diferă de atributul Titlu. Materialul este conceput pentru începători și webmasteri începători care sunt interesați de întrebarea de ce și de ce este necesar să completați atributul Alt. La sfârșitul articolului, am pregătit răspunsuri la întrebări populare despre aceste atribute. Să începem cu elementele de bază.
Ce este Atributul Alt?
Alt lângă imagine este o sursă alternativă de informații pentru utilizatorii care, din anumite motive (Internet slab, imagini dezactivate etc.) nu afișează imagini pe pagină. Este afișat ca text acolo unde ar trebui să fie imaginea.
Să ne uităm la un exemplu.
De exemplu, am făcut o fotografie de pe un site de imagini de fundal pentru desktop. Conținutul principal al paginii sunt imaginile.
După ce am oprit afișarea imaginilor în browser, toate elementele grafice de pe pagină au încetat să mai fie afișate și puteți vedea o descriere alternativă a imaginii.
Ne ajută să înțelegem ce este pe pagină. În plus, acest atribut este util nu numai pentru utilizator, ci ajută și robotul de căutare să înțeleagă ceea ce este afișat în imagine. Atât Google, cât și Yandex folosesc Alt ca unul dintre criteriile de clasare pentru căutările de imagini.
Apare următoarea întrebare: ce ar trebui adăugat la Alt pentru ca acesta să fie cât mai util atât pentru utilizator, cât și pentru motorul de căutare?
Cum să completați corect atributul Alt pentru imagini
Pentru a înțelege cum să completați corect atributul Alt, luați în considerare următorul exemplu: avem un magazin online de animale de companie și dorim să înregistrăm Alt pentru un card de produs cu o „minge de câine”.
Există mai multe opțiuni pentru completarea atributului:
Opțiunea 2. Scrie în Alt „Câine cu o minge în gură”. În acest caz, descriem poza în sine, dar trebuie menționat că cererea „Câine cu o minge în gură” este informativă. Nu este potrivit pentru a descrie imaginea unui magazin online.
Opțiunea 3. Alt „Minge pentru câini” - această opțiune ni se potrivește mai mult, dar din moment ce pot fi multe bile în magazin, este mai bine să clarificăm cererea.
Opțiunea 4. Alt „Minge Humunga Chomp pentru câini” - această opțiune este optimă pentru noi. Atributul conține numele produsului și producătorul acestuia. Dacă există o mulțime de astfel de bunuri, puteți extinde Alt folosind culoarea, numele modelului.
Opțiunea 5. Alt „Minge pentru câini Humunga Chomp, jucărie Humunga Chomp, cumpărare, ieftin, Moscova” - această opțiune poate fi percepută de motorul de căutare ca spam și nu va aduce rezultatul dorit.
Din aceste exemple rezultă că atributul Alt:
- ar trebui să fie semnificativ și să descrie imaginea;
- constau din 3-5 cuvinte, dar nu mai mult de 250 de caractere (este dificil să descrii o imagine în două cuvinte);
- nu ar trebui să fie spam.
De ce este necesar atributul Titlu?
Titlul pentru imagini oferă informații suplimentare despre imagine. Este necesar pentru a face mai ușor pentru utilizator să înțeleagă ceea ce este afișat în imagine. Atributul este afișat când treceți cu mouse-ul peste imagine.
Imaginea de mai sus arată cum este afișat atributul pe pagină.
În codul HTML, atributul este scris după cum urmează:
Se recomandă completarea titlului. Poate afecta pozitiv parametrii comportamentali ai site-ului. Atunci când utilizatorului îi este dificil să înțeleagă ceea ce este afișat în imagine, acesta poate trece automat peste ea cu mouse-ul, iar indicația de titlu îl va ajuta să navigheze.
Cerințele de bază pentru Titlu sunt similare cu cele pentru Alt:
- ar trebui să fie semnificativ și să descrie imaginea;
- constau din 3-5 cuvinte, dar nu mai mult de 250 de caractere;
- nu ar trebui să fie prea mare, deoarece textul de 3-4 rânduri poate fi speriat atunci când plutește;
- să conțină o cerere de cheie, dacă este posibil;
- nu ar trebui să fie spam.
Știind acest lucru, să trecem la întrebări.
Răspunsuri la întrebări populare despre Alt și Titlu
Alt sunt descrieri pentru imagini?
Nu chiar. Alt este o descriere alternativă care va fi afișată în locul imaginii dacă utilizatorul nu are imagini afișate.
Este obligatoriu să completați atributele Alt și Titlu pentru imagini?
Dacă sunteți interesat de traficul din căutarea imaginilor, trebuie completat Alt, Titlu - opțional.
Alt și Titlul ar trebui să fie diferite sau la fel?
Există două opinii principale în acest sens:
1) Alt și Titlul trebuie să fie unice;
2) atributele trebuie să fie aceleași.
Dacă ne uităm la modul în care aceste atribute sunt completate de site-urile ale căror imagini sunt în partea de sus a căutării de imagini, vom vedea ambele opțiuni de umplere.
Yandex scrie următoarele despre asta:
Cred că aceste atribute pot fi aceleași. Principalul lucru este că oferă o descriere clară și structurată a imaginii tale.
De asemenea, trebuie să adaug Titlu lângă atributul Alt?
Opțional, dar rețineți: atributul Titlu în unele cazuri ajută la înțelegerea mai bună a ceea ce este afișat în imagine. Acest lucru poate avea un impact pozitiv asupra performanței comportamentale a site-ului.
Ar trebui folosite alte imagini cu aceleași cuvinte cheie ca pentru articol sau diferite?
De dorit. Principalul lucru este că Alt ar trebui să fie semnificativ și să descrie imaginea.
Trebuie să prescriu cuvinte cheie în aceste atribute?
Dacă aceste cuvinte cheie descriu imaginea, atunci da.
Cum se scrie corect atributul Alt: chirilic sau latină?
Dacă site-ul dvs. este în rusă, completați-l în chirilic.
Cum se scrie - cu literă mare sau mică?
Irelevant.
Și dacă articolul a fost deja indexat de motoarele de căutare, poți adăuga sau nu o descriere pozelor?
Poate sa. Când motoarele de căutare vă reindexează pagina, vor lua în considerare aceste descrieri.
Unde să completați Alt și Titlu?
Totul depinde de ce CMS este creat site-ul tău.
Dacă este pur HTML, atunci:
De obicei, câmpurile pentru completarea Alt și Titlu sunt în parametrii imaginii. De exemplu, dacă site-ul dvs. este construit pe WordPress, deschizând Opțiuni imagine, veți vedea un câmp pentru a completa atributul Alt. În setările avansate, există un câmp pentru atributul Titlu.
Dacă site-ul tău este pe 1C-Bitrix, în setările suplimentare ale parametrilor imaginii există un câmp pentru atributul Alt. Atributul Titlu va fi extras din câmpul Titlu.
Trebuie să înțelegeți că totul este individual. Depinde mult de ce CMS este creat site-ul tău și de cum este configurat.
Merită și este posibil să prescrii Alt și Titlu pentru fotografiile tale în comentarii?
Nu văd nevoia acestui lucru și aproape nimeni din comentarii are ocazia să optimizeze imaginile.
Când scriu titlu și violă în rusă pentru imagini, hieroglifele sunt afișate pe site, ce ar trebui să fac?
Acest lucru se datorează codificării. Trebuie să convertiți codarea curentă în UTF-8.
Rezultate
Încă o dată, să trecem peste ce ar trebui să fie Alt și Titlu.
Cerințe de bază pentru atributul Alt:
- semnificativ, descrie imaginea;
- aproximativ 3-5 cuvinte (până la 250 de caractere);
- dacă este posibil, ar trebui să includă o solicitare cheie;
- nu ar trebui să fie spam.
De ce completați Alt:
1. luate in considerare de motoarele de cautare la clasarea pozelor, ceea ce inseamna ca daca poza ta ajunge in TOP, este o sursa de trafic suplimentar;
2. va fi util unui utilizator care a dezactivat imaginile pe site.
Atributul titlului:
- semnificativ și descrie imaginea;
- aproximativ 3-5 cuvinte sau până la 250 de caractere;
- dacă este posibil, ar trebui să conțină o cerere de cheie;
- fără spam.
De ce completați titlul:
1.
va fi util pentru un utilizator căruia îi este greu să-și dea seama ce este afișat în imagine;
2.
Sugestiile de titlu pot avea un impact pozitiv asupra indicatorilor comportamentali ai site-ului.
Bună prieteni.
Astăzi următorul material este despre lucrul cu imagini.
Continui sa public materiale de promovare si in acest moment acesta este al doilea articol care se ocupa in mod special de imaginile de pe site-ul nostru. Prima a fost despre crearea de capturi de ecran de înaltă calitate.
În acest articol, vă voi arăta cum să optimizați imaginile de pe un site web folosind titlul și atributele alt pentru a promova paginile în motoarele de căutare.
Articolul nu va fi foarte lung, dar util.
Pentru început, trebuie să înțelegeți un punct. Nu toată lumea acordă atenție lucrurilor mărunte în promovarea site-urilor lor. Mai ales pe diverse detalii tehnice, precum optimizarea imaginii.
Acesta este doar un lucru mic din cutie, a cărui utilizare corectă vă poate ajuta să depășiți concurența pe paginile de căutare. Dacă folosiți toate lucrurile mărunte împreună, atunci veți avea un avantaj foarte mare față de alte site-uri.
Prin urmare, este extrem de nedorit să ratezi un astfel de moment. Și acum vom vorbi despre cum să optimizăm corect imaginile de pe site-ul nostru și în ce etape constă acest proces.
Împărțim întregul proces de optimizare în 3 etape:
- Crearea unei imagini unice;
- Pregatirea imaginii finale pentru postare pe site, care nu va incarca blogul. În această etapă, reducem dimensiunea imaginii astfel încât paginile să se încarce rapid;
- Optimizarea corectă a titlului și a atributelor alt ale imaginii.
Aici puteți adăuga și numele corect al fișierului sursă înainte de a încărca pe site. Despre asta vom vorbi mai jos.
Despre crearea unei imagini unice și cele ulterioare, voi evidenția articole detaliate separate cu tutoriale video. Acum vreau să-mi concentrez atenția asupra atributelor titlu și alt, deoarece multe dintre ele se completează incorect sau nu se completează deloc. Dar în zadar!
La urma urmei, completându-le, poți să dai relevanță (corespondență la cererea promovată) paginilor noastre și să crești volumul de trafic către site tocmai din căutarea imaginii. De asemenea, faceți pagina mai bună din punct de vedere al descrierii, deoarece chiar și imaginile vor arăta motoarele de căutare că sunt plasate în mod adecvat, ceea ce înseamnă că pagina este și mai bună.
Acum să ne uităm la procesul de optimizare a imaginii în practică. După cum am spus mai sus, luați în considerare completarea tuturor datelor - titlul și alt imaginii.
Dar mai întâi, dau o prezentare video în care am explicat principalele puncte, care vă vor fi suficiente pentru a face totul bine și a evita greșelile grele. Vizionare fericită.
Cum se completează corect titlul și alt imaginii?
În primul rând, voi spune câteva cuvinte despre aceste atribute. Pentru ce sunt necesare?
Sarcina principală este de a face motoarele de căutare să înțeleagă despre ce este vorba despre cutare sau cutare imagine. De asemenea, acești parametri permit imaginilor să intre în căutarea imaginilor pentru anumite solicitări, pe care le vom scrie în aceste atribute.
Acum să vedem cum să le completăm.
În acest sens, există pur și simplu un număr mare de opinii. Mi-am format propria viziune, bazată pe studiul diferitelor cursuri și rapoarte ale oamenilor care înțeleg site-urile.
Mai întâi, să vedem care sunt aceste atribute.
- Titlu - în toate cazurile, aceasta este eticheta de titlu a ceva (titlul postării, imagini și așa mai departe);
- Alt este un atribut al etichetei img itemprop = „image” care descrie imaginea. Denumit și „text alternativ”.
Atributul alt este foarte important pentru imagini. Trebuie completat în comandă 100%. Dar după completarea titlului, nu se va întâmpla nimic rău, dar pentru cel mai bun efect, trebuie să îi acordați atenție.
Primul este afișat și pe site ca text atunci când poza nu este încărcată din anumite motive. Titlul este afișat când treceți cu mouse-ul peste imaginea din articol.
În practică, dacă te uiți la codul imaginii de pe site, titlul și alt arată așa.
Vedem că aceste atribute sunt în codul de pe a doua linie. Li se dau anumite semnificații, sau mai degrabă acele fraze sau cuvinte care descriu conținutul imaginii. Este conținutul imaginii, nu cuvintele cheie și altceva.
Acum nu mai este posibil să introduceți un număr mare de cuvinte cheie în aceste atribute și există mai multe cuvinte cheie în fiecare imagine a articolului. Imaginează-ți că ai 40 de imagini pe pagina ta. Dacă scrii bufnița cheie în titlul și alt tuturor imaginilor, atunci este posibil să cazi sub sancțiunile motoarelor de căutare și să nu vezi poziții înalte în rezultatele căutării.
Singura regulă pe care o respect și vă recomand să o utilizați și dumneavoastră este să scrieți în aceste atribute o descriere foarte scurtă a ceea ce este arătat în imagine.
Puteți introduce și cuvântul cheie prin care este promovat articolul, dar nu vă jucați prea mult cu el. Prescriu la maximum o imagine în articol - la prima miniatură principală.
Va fi foarte bine dacă poza ta este înconjurată de text tematic care o descrie și el. Dar din nou, totul ar trebui să fie clar pentru vizitator și să nu fie perceput ca un fel de manipulare. Facem totul natural. Dacă textul subiectului nu are un loc unde să fie lângă imagine, atunci scrie doar titlul și alt la imagine și asta este tot.
Titlul și alt ar trebui să fie aceleași?
Și din nou, o grămadă de opinii. Cineva spune că ar trebui să existe o diferență, iar cineva - un efect mai bun atunci când este același. Sunt mai înclinat să cred unele fapte. Pentru a face acest lucru, am luat câteva resurse de mare succes și m-am uitat la modul în care aceste atribute sunt scrise în ele.
Pe resursele care au obținut rapid rezultate bune, optimizarea imaginii se rezumă la a completa ambele atribute în mod egal. Și cuvintele cheie nu sunt conținute în ele. Ei chiar scriu o scurtă descriere a ceea ce este arătat în imagine.
Prin urmare, următoarea concluzie este că atributele titlu și alt pot fi făcute la fel.
Dar, aceasta nu este 100% dogmă. Le puteți face puțin diferite, dar pentru ca sensul să nu se piardă din asta. Atât titlul, cât și viola ar trebui să descrie imaginea. În plus, titlul poate să lipsească cu totul (nu există nicio greșeală în acest sens) și să conțină și alte informații în afară de descrierea imaginii în sine. Mai detaliat despre completarea corectă a violei și titlul I. Din linkul anterior, am săpat mai adânc în problema completării acestor etichete. Vă sfătuiesc insistent să studiați materialul.
Cum să prescrii practic atributele imaginii
Dacă utilizați orice motor, acesta oferă o astfel de funcție. Cel mai probabil aveți un site WordPress. Totul se face foarte simplu în ea.
În fereastra pop-up sunt setați parametrii imaginii, inclusiv titlul și alt.
Completem totul și nu uităm să actualizăm fișierul că modificările au intrat în vigoare. Facem asta cu fiecare imagine.
Dacă site-ul tău nu este administrat de nicio platformă, adică o simplă pagină html, va trebui să-l adaugi manual.
Recomand să faceți următoarele. Desigur, veți avea nevoie de codul sursă al site-ului, unde puteți vedea codul imaginii. Ai nevoie de o etichetă de deschidere
Pentru a nu-mi zbuciuma prea mult, voi da același cod ca înainte. Ia-l ca pe un gol pentru tine.
Priviți-l ca pe un exemplu, în care trebuie să inserați atributele pe care le copiați din același cod. Apoi adăugați-le la imagini completând descrierea dvs.
Nu uitați că completăm aceste date pe baza conținutului imaginii. Descriind imaginea în sine!
Cu această întrebare rezolvată. Totul este foarte clar aici.
Pe scurt, concluzia este: "titlu și alt completează același lucru și scrieți în ele descrierea imaginii în sine, adică ceea ce este afișat în imagine".
Am luat în considerare această problemă. Dar subiectul optimizării imaginii are mai multe fațete și există și alte puncte importante care pot fi folosite pentru a îmbunătăți efectul site-ului dvs.
Alte puncte importante
Mai sunt 3 lucruri pe care nu le-am acoperit mai sus:
- numele fișierului imagine;
- reducerea greutății imaginilor;
- unicitatea imaginilor pentru site.
Acum voi lua în considerare doar primul moment, deoarece pentru celelalte 2 am selectat materiale volumetrice cu drepturi depline.
Puțini oameni scriu despre numele fișierului pe Internet. Dar există și câteva nuanțe aici. Cum ar trebui să denumești fișierul înainte de a-l încărca pe site?
Ca întotdeauna, părerile sunt împărțite. Cineva scrie că trebuie să folosești cuvinte cheie. Cineva care trebuie numit descrierea imaginii, adică la fel ca titlul și alt.
Și unele încarcă fișiere cu orice nume. Am făcut o captură de ecran folosind un fel de program. A fost numit după data curentă, așa că a fost încărcat.
Sunt mai înclinat spre a doua variantă, când încercăm să descriem și imaginea în numele fișierului în sine. Fără cuvinte cheie, cu excepția imaginii principale din articol. Și apoi, nu îl puteți folosi acolo.
De exemplu, voi afișa o imagine din articolul anterior al blogului meu despre crearea unui formular de abonare pentru actualizările site-ului. O sa fac urmatoarea poza.
Codul imaginii arată ca.
Am lansat o nouă carte, „Marketing de conținut pe rețelele sociale: cum să intri în fruntea abonaților și să te îndrăgostești de marca ta”.
Ce sunt etichetele alt?
Alt-tag-urile sunt o descriere textuală a conținutului unei imagini grafice pe o pagină, care vă permite să obțineți informații mai complete despre aceasta și să îmbunătățiți navigarea pe site. Pentru acei utilizatori care dezactivează imaginile grafice în browser, va fi convenabil să folosească eticheta alt pentru a determina ce ar fi trebuit să fie în imagine. Iar titlul conține un sfat pentru imaginea care apare la trecerea cursorului.
Știm deja cu toții cât de important este să împărțim textul în blocuri, să adăugați imagini care fac textul atractiv și mai ușor de citit. Daca iti imaginezi SEO precum cursa la un hipodrom, atunci calul va veni întotdeauna la linia de sosire, care a dat tot ce e mai bun. Am accelerat acolo unde era necesar sau am mers de-a lungul cercului interior, iar jocheul era cât mai ușor într-un costum strâns. Așa că este aici - trebuie să stoarceți la maximum din promoție. Un crawler care se accesează cu crawlere prin pagina dvs. și vede o imagine optimizată va înțelege perfect ce este afișat acolo când citește eticheta alt. El va introduce aceste informații în index, iar tu vei primi un SEO-plus pentru pagina ta și un avantaj în rezultatele căutării.
Atribut Alt(text alternativ) este un atribut al etichetei care permite robotului de căutare să „vadă” imaginea și să o indexeze. De fapt, o scurtă descriere a ceea ce este arătat în imagine
Atributul titlului este un atribut servind drept titlu pentru imagine. Acesta generează sfaturi pentru imagine.
Iată cum arată etichetele alt și title în codul paginii:
Reguli pentru scrierea textului în atributele alt și title
- Descrierea trebuie să se potrivească pe deplin cu conținutul imaginii.
- Trebuie să conțină un cuvânt cheie.
- Aceeași pagină trebuie să aibă etichete alternative diferite. Dacă utilizați aceleași taste pentru toate imaginile, această pagină va fi proastă rang, și există șansa de a intra sub filtru AGS
- Lungimea optimă este de la 3 la 10 cuvinte pentru alt. Titlul ar trebui să fie mai lung, mai extins.
- Textele pentru alt și titlu trebuie să fie diferite
Setarea alt pentru imagini
În majoritatea CMS-urilor este destul de ușor să setați acest atribut. De exemplu, în Wordpress, faceți clic dreapta pe imagine -> „Editare” -> adăugați o descriere pentru atributul alt.
În multe CMS, funcționalitatea este similară. Unii chiar au pluginuri pentru setarea șablonului acestor etichete.Pentru a scrie manual atributul alt - ghidați-vă de sintaxa etichetei prezentat mai sus.
Dacă doriți informații detaliate, atunci este în nostru blog.
Să presupunem că traficul către site-ul tău crește în fața ochilor noștri, dar nici în acest caz nu trebuie să neglijezi optimizarea imaginii. Aceasta este o oportunitate de a primi mai mult trafic pentru resursele deja investite. Cheile sunt înscrise perfect în texte, latura tehnică a site-ului este la maxim, sunt foarte mulți vizitatori, dar poate chiar mai mulți. Optimizarea imaginilor de pe site va ajuta în acest sens, deoarece fotografiile participă și ele la clasarea interogărilor de căutare. Și, de asemenea, există șansa de a colecta trafic suplimentar din solicitările „+ fotografie”.
Luați în considerare această întrebare, de ce trebuie să utilizați imagini pe site și ce rol joacă acestea în optimizarea SEO a resursei. În plus, ne vom uita la utilizarea unor astfel de componente HTML, cum ar fi atributele titlu și alt pentru imagini, și de ce sunt importante. Vom oferi exemple de imagini optimizate și neoptimizate, vom lua în considerare în ce calitate sunt utilizate imaginile și cum se reflectă acest lucru în activitatea unei resurse web.
Avantaje și dezavantaje ale utilizării imaginilor într-un proiect web:
1. Pro.
Cel mai probabil, atunci când vizitezi un site, ai observat că aproape fiecare dintre ele are o varietate de poze, fotografii, imagini sau alte elemente grafice.
Adesea se întâmplă următoarele: proprietarul site-ului scrie un alt text pe o anumită temă și dorește să-și sublinieze clar gândurile pentru ca vizitatorul care vine pe site să fie mai înțeles și să fie mulțumit de informațiile primite în întregime. Deoarece, pe viitor, acest lucru are un efect pozitiv asupra autorității resursei în ochii utilizatorilor și promovarea site-ului în motoarele de căutare, rețelele sociale etc.
Persoanele care navighează pe internet în căutarea informațiilor (conținutului) necesare vor ști că pe site-ul tău, pe lângă materialul de înaltă calitate și util, există și un ajutor vizual sub formă de imagini, imagini și alte elemente grafice. . Desigur, pentru ca pozele tale să lase impresie, trebuie să le încarci pe site, de preferință la o calitate excelentă, completând atributul titlu și atributul alt, bineînțeles.
Următorul aspect pozitiv al utilizării imaginilor pe site este capacitatea de a le optimiza pentru anumite solicitări cheie ale paginii de resurse corespunzătoare pe care se află. Acest lucru, de altfel, afectează direct promovarea paginii pentru cuvintele cheie promovate.
În plus, motoarele de căutare au o căutare pentru imagini localizate pe proiecte web. Dacă ați înregistrat cheile pentru poze, atunci utilizatorul care, conform acestei solicitări, selectează pentru el însuși orice imagine, poate merge la resursa dumneavoastră folosind poza selectată. Ca rezultat, veți primi încă un vizitator vizat.
2. Contra.
La utilizarea imaginilor, fotografiilor, imaginilor pe site-uri, dezavantajele se regasesc mai ales in randul incepatorilor, deoarece folosirea elementelor grafice intr-un proiect web poate speria cititorul.
Cauze:
Completați imagini de proastă calitate într-o stare groaznică;
Utilizarea fotografiilor este în general off-topic;
Prezența prea multor imagini, care adaugă un plus de greutate paginii și prelungește încărcarea acesteia (chiar și fundalul șablonului);
Lipsa de optimizare, de ex. imaginile nu au atribute alt și titlu și nu sunt „ascuțite” pentru anumite interogări cheie.
Rolul titlului și atributele Alt în SEO pentru imagini
După cum am menționat mai sus, utilizarea imaginilor ajută site-ul în promovarea și promovarea sa în motoarele de căutare. În plus, acest lucru oferă un aflux suplimentar de vizitatori vizați din aceleași motoare de căutare. Și pentru aceasta, trebuie doar să utilizați câteva atribute simple, dar în același timp importante - acesta este atributul titlu si atribut alt pentru orice imagini, imagini, fotografii și alte elemente grafice. Esența acestor atribute este de a le folosi pentru a stoarce maximul care va contribui la promovarea resursei în motoarele de căutare. Deoarece există doar două atribute, respectiv, rolurile pe care le joacă sunt, de asemenea, două și diferă unul de celălalt.
În ciuda faptului că aceasta este o metodă simplă de a ridica poziția unui proiect web în motoarele de căutare, majoritatea webmasterilor nu le folosesc în totalitate, sau chiar le ignoră cu totul. Unii oameni le confundă în general și nu își dau seama care este diferența dintre ei. De asemenea, se întâmplă ca aceste atribute să se numească etichete, iar acestea sunt atribute ale etichetei img (din cuvântul „image”), dar nu ca etichete separate, rețineți asta!
Aceeași etichetă HTML „img” este folosită pentru a afișa imagini (imagini, fotografii) în format grafic PNG, JPEG sau GIF pe pagina site-ului. Dacă este necesar, aceeași imagine poate fi făcută un link, pentru aceasta trebuie să includeți eticheta „img” într-un container .
1. Atributul ALT.
Acest atribut face parte din limbajul HTML. Scopul său este de a descrie un obiect pentru a oferi informații suplimentare despre acest obiect (în cazul nostru, imagini). Acestea. atributul alt pentru imagini transmite descrierea sa pentru browsere atunci când grafica este dezactivată. Dacă nu prescrii acest atribut, atunci vizitatorul va vedea o pictogramă goală în locul imaginii dorite, dar dacă prescrii atributul alt, atunci textul acestuia este afișat. Acest atribut, de altfel, are cel mai mare impact asupra clasamentului imaginilor de către roboții motoarelor de căutare.
Cum funcționează acest atribut? Este foarte simplu: luați fotografia selectată pe care ați descărcat-o deja pe computer și încărcați-o pe pagina necesară a site-ului dvs. în locul potrivit. Apoi găsiți codul HTML al acestei imagini și scrieți următoarea valoare în ea: alt = "Descrieți pe scurt imaginea și introduceți cuvintele cheie". Descrierea trebuie făcută cât mai scurtă (cel mult câteva propoziții) și nici nu trebuie să introduceți prea multe cuvinte cheie în ea, deoarece motoarele de căutare au o atitudine negativă față de acest lucru, iar acest lucru vă poate afecta negativ proiectul. .
Atributul alt funcționează după cum urmează: un vizitator vine pe site-ul dvs., vede o imagine, dar descrierea acesteia nu este disponibilă pentru el (dacă funcția de afișare a imaginilor în browserul său este activată), dar este văzut de roboții de căutare atunci când indexează un resursă. Dacă această funcție este dezactivată în browserul utilizatorului, atunci în locul imaginii acesta va vedea textul (descrierea dvs.), prin care cititorul va înțelege ce fel de imagine este.
2. Atribut TITLE
Acest atribut de titlu face parte, de asemenea, din limbajul HTML. Scopul său este practic același cu cel al atributului alt, dar diferența este că descrierea ta va fi văzută de un vizitator dacă trece cu mouse-ul peste imaginea selectată. Acest atribut nu afectează promovarea și promovarea site-ului, dar poate afecta factorul comportamental care afectează clasarea proiectului web. O scriem astfel: titlu = „Descrie poza”. Asta e tot. Adăugăm că optimizarea imaginii, atributele acesteia, toate acestea joacă un rol semnificativ în promovarea site-urilor în motoarele de căutare.
Mai jos sunt exemple de imagini optimizate pentru SEO folosind atributele titlu și alt.
Puteți vedea mostre de imagini optimizate cu aceste atribute:
Completarea titlului și a atributelor alt pentru utilizator este mult mai ușoară în CMS WordPress. Când încărcați o imagine pe site, apar un încărcător special și o fereastră specială pentru optimizare:
Titlul (a nu se confunda cu titlul) este completat automat, dar atributul alt va trebui completat chiar de dvs. Mai mult, imediat după introducerea imaginii pe site, trebuie să o editați. Faceți clic pe el în editorul vizual și veți fi dus la fereastra editorului:
După cum puteți vedea, atributul alt poate fi adăugat aici, dar este deja completat (acest lucru este important și pentru imaginea pe care o veți folosi ca miniatură). Aici completați atributul titlu prin prescrierea de cuvinte cheie în el care sunt identice cu cele pe care le specificați în plugin: All In SEO Pack. După aceea, salvează și gata - imaginea ta este optimizată.
În ce calitate ar trebui folosite imaginile de pe site
Trebuie să încărcați imagini pe site la cea mai bună calitate posibilă, dar trebuie să vă asigurați că acestea nu afectează viteza de încărcare a paginii. Deoarece există încă utilizatori care au o viteză scăzută de internet, în consecință, dacă pagina durează mult timp pentru a se încărca, atunci persoana va părăsi cu siguranță site-ul și va întoarce navryatli!
De asemenea, puteți observa o astfel de nuanță pe multe proiecte web, pe lângă utilizarea unei imagini mari după kiloocteți (dimensiune), titlul și atributele alt nu sunt, desigur, folosite aici, dar folosesc și o dimensiune uriașă a fundalului site-ului. . Dacă doriți să utilizați și o imagine ca fundal pentru site-ul web, atunci vă sfătuim să o alegeți mic și monocromatic, deoarece va fi anti-alias și veți obține o imagine întreagă.
Pe lângă încărcarea imaginilor de înaltă calitate pe site, nu uitați de consumul de spațiu pe disc pe găzduire și de viteza de lucru. Cu cât viteza este mai mică, cu atât resursa se va încărca mai lent. Prin urmare, vă sfătuim, înainte de a utiliza o imagine de înaltă calitate pentru o pagină de site, să decideți unde să o aplicați și câte imagini pot fi adăugate în pagină.
De asemenea, pentru a reduce greutatea imaginii, puteți folosi programul Photoshop. În program, accesați meniul „Fișier” → „Salvare pentru web și dispozitive” - asta este tot.
Imbunatateste optimizarea proiectului tau, impreuna cu competente vei avea unul bun!
Subiectul articolului de astăzi este SEO - Optimizarea imaginii folosind atributul ALT. Mulți oameni nu știu că, prin optimizarea acestui atribut, creșteți probabilitatea de a vă vizita site-ul. Deci, vă voi spune mai multe în detaliu mai târziu în articol:
Ce este atributul ALT?
ALT Este un atribut care conține textul alternativ al imaginii. Atributul este afișat atunci când imaginea este dezactivată în browser, dar nu o veți vedea în setările standard.
Cum să scrii corect descrierea imaginii
Înainte de a vă înregistra Title, vă voi spune greșelile comune pe care le observ pe site-uri.
Atribute goaleALTșiTITLU... De obicei, mulți SEO nu se deranjează cu această etichetă. Da, poate, dacă site-ul tău este foarte mare și are un trafic de 100.000 pe zi, nu ar trebui să te deranjezi, dar dacă doar promovezi și ai nevoie de primul trafic, atunci ar trebui să specificați totuși atributele.
Incoerența imaginii și a atributelor. Să zicem că dacă poza ta arată un BMW X5 și scrii Audi A3 în atribut, atunci nu te aștepta ca o persoană să-ți urmărească poza pe site.
Re-optimizare... O problemă comună poate fi setată direct ca exemplu despre cum să nu o faceți. Optimizatorii, sperând să obțină traficul râvnit, prescriu mai multe cuvinte cheie în atributul „alt” și așteaptă ca pozițiile din SERP-uri să înceapă să crească. Trebuie să înțelegeți că acest text va fi citit de persoane care evaluează mai multe poze și dacă există mult spam, nimeni nu va urmări linkul. Nu este recomandat să adăugați cuvinte comerciale „cumpără, comandă, preț, cost, nume oraș”.
Motoarele de căutare îți pot impune și sancțiuni, așa că nu te lăsa dus de cap.
Dar cum ar trebui să scrieți etichete pentru imagini?
Descrierea scurtă și clară a imaginii. Descrieți imaginea cât mai exact posibil și, dacă ALT-ul a fost generat, verificați din nou automat toate paginile.
Lungimea atributului este limitată. Motoarele de căutare iau în considerare 3-4 cuvinte (aproximativ 250 de caractere), ceea ce face dificilă descrierea imaginii.
Apariția cuvintelor cheie. De fapt, de aceea ar trebui specificat atributul ALT. Scrieți cuvântul cheie într-un text ușor de utilizat.
De exemplu:
alt = „Reparații computere în Cheboksary”
Atribute unice pentru fiecare imagine. Este, de asemenea, o componentă importantă, cea mai frecventă problemă pentru optimizatorii SEO. Folosind un exemplu, vă voi arăta cum să o rezolvați.
Cardul de produs conține multe imagini
Cum puteți separa imaginile aceluiași produs dacă nu puteți trimite spam și trebuie să înregistrați tot ce este unic? Să spunem „Sistem divizat HYUNDAI H-AR6-07H” poate fi descris după cum urmează:
„Sistem split HYUNDAI H-AR6-07H Vedere 1”
„Sistem split HYUNDAI H-AR6-07H Tip 2”
Pe lângă pozele produselor, ai și elemente pe site-ul tău: produse similare, acest produs este vizualizat mai des și așa mai departe. Acest tip de imagini nu trebuie reduse și optimizate SEO prin prescrierea ALT și Titlu. Și merită să vă faceți timp pentru a scrie în mod specific: marca, modelul, numărul de produs, toți parametrii importanți pe care oamenii îi pot introduce într-o căutare.
Marimea imaginii- cu cât rezoluția imaginii este mai mare, cu atât mai bine. În orice caz, afișarea acestuia poate fi ajustată datorită atributelor „lățime” și „înălțime”. Dar nu faceți imaginea prea mică, altfel motoarele de căutare nu vor considera o imagine mai mică de 150 de pixeli și o vor considera ca pe o pictogramă.
Locația imaginii- cât mai aproape de textul care conține cuvintele cheie. De aceea, mulți SEO iau în considerare acest factor și aspectul standard al imaginilor arată astfel:
Titlu text cu cuvânt cheie
Descriere suplimentară
Reduce greutatea imaginii. Dimensiunea imaginii joaca un rol cheie, pentru ca daca aceasta cantareste mult, ceea ce chiar incetineste viteza de incarcare a site-ului, acest lucru va afecta clasamentul intregului site. Da, s-a întâmplat!
Semnătura sub imagine
Dacă site-ul tău are multe imagini și aproape deloc text, o legendă cu o poză va fi utilă, prin urmare, tocmai din punct de vedere al SEO trebuie să-l optimizezi:
- Indicați cuvintele cheie. Includerea cuvintelor cheie în semnătură este obligatorie, întrucât acest text va juca un rol în clasamentul întregii pagini;
- Indicați orice fapt/beneficiu despre imagine.
De exemplu, aveți o poză cu difuzoarele Iphone 7.
În legendă, indicați acest fapt: „Sunetul din Iphone 7 a devenit vizibil mai bun datorită Iluminării” Atitudinea Yandex față de atributul ALT
„Cum îmi pun poza pe primul loc?”
La clasarea imaginilor se ia în considerare textul adiacent imaginii. Cu cât descrierea imaginii se potrivește mai precis cu solicitarea utilizatorului, cu atât este mai mare probabilitatea ca imaginea să fie afișată pe prima pagină a rezultatelor căutării.”
Textul de sub imagine este mult mai util pentru motorul de căutare decât ALT-ul în sine.
Clasamentul imaginii Google
În afară de ALT-ul menționat mai sus, iată ce ține cont Google atunci când clasifică imaginile.
Să trecem peste factorii de top pentru Google.
Fotografii de bună calitate- Ar trebui să fie clar, deci. Nimeni nu va fi interesat de fotografiile neclare sau doar de calitate slabă. Aici, mai degrabă, calitatea imaginii joacă pe rata de clic, un anumit CTR.
Pagini separate pentru fiecare imagine- un gând interesant, dar sincer, rar văd astfel de site-uri. Devine problematică optimizarea: magazine online, site-uri cu o singură pagină, site-uri de catalog unde sunt stocate un număr mare de imagini.
Ce zici de atributul Titlu
Google nu a menționat, iar Yandex cel puțin atributul Titlu. (A nu se confunda cu eticheta). Cu siguranță nu va fi de prisos, doar că este posibil deoarece Titlul când treceți cu mouse-ul peste imagine este afișat și poartă un sens. În acest sens, ca și în textul de sub imagine, puteți experimenta, indica informații utile: diverse fapte, avantaje și așa mai departe.
În orice caz, este mult mai util decât ceea ce am scris recent.
Asta e tot. Pune întrebări în comentarii, cine se gândește la atributele ALT, TITLE. Cum iti stilizezi imaginile?
