Pentru ce este eticheta alt img? Cum să setați corect atributul ALT pentru imagini. Reguli de bază, greșeli și nuanțe. Este necesar să includeți Titlu lângă atributul Alt?
Bună, dragi prieteni. Astăzi, la cererea unuia dintre abonații mei, vă voi spune despre eticheta ALT (atribut), care ar trebui să fie prezentă în parametrii fiecărei imagini de pe site.
Absența atributului alt nu apare extern în imaginea însăși. Dar, pe plan intern, în codul sursă, absența unei etichete alt este o eroare. Și roboții de căutare numără fiecare astfel de eroare. Și astfel de lucruri aparent mici încetinesc promovarea motorului de căutare orice site.
Și dacă, atunci când plasați imagini într-un articol, puteți indica imediat textul alternativ dorit, atunci cu imagini (elemente) de design va fi mai dificil. Se întâmplă că acestor elemente de design speciale le lipsește o etichetă alternativă. Și mulți începători nici măcar nu știu despre prezența acestor erori pe site-urile lor.
De ce este necesar atributul alt?
Totul este despre mecanismul prin care browserul încarcă o pagină de site. Când se încarcă o pagină, textul din atributul alt este încărcat mai întâi, apoi textul este schimbat într-o imagine. Dacă încărcarea imaginilor este dezactivată în browser, atunci în locul imaginii va exista text alternativ (din atributul alt).
Roboții de căutare văd pagina numai în calitate cod sursa, iar prezența unei etichete alt le spune despre conținutul imaginii. Apropo, chiar și prezența unei etichete alt fără text va fi deja acceptată de motorul de căutare ca un semn de bună formă. Adică prezența atributului în sine este obligatorie, dar valoarea acestuia este opțională.
Alt="valoare" !}
Cum să verificați imaginile pentru atributul alt
Cel mai simplu și mai accesibil mod pentru toată lumea este să verifice codul sursă al paginii (validarea codului) pentru erori.
Pentru a face acest lucru, trebuie să deschideți serviciul de verificare a codului W3Cși introduceți adresa URL a paginii.
După verificarea codului sursă, pagina specificată, pe ecran se vor deschide un raport de disponibilitate și informații despre eroare (dacă există). Și dacă cel puțin unei imagini de pe pagină îi lipsește o etichetă alt, veți vedea această eroare:
Notă: dacă există multe erori, vă sfătuiesc să utilizați căutarea CTRL+F cautare rapida informatiile necesare.
Iată o altă modalitate care vă va permite să aflați despre erorile din codul sursă al site-ului dvs. Dar, pentru a utiliza acest instrument, trebuie să vă înregistrați în contul de webmaster Bing. Și chiar în acest birou există un instrument „Instrumente de analiză SEO”.
Unde introduceți și adresa paginii site-ului pentru analiză și primiți un raport. Și dacă pe undeva lipsește o etichetă alt, o sa vezi.
Puteți, de asemenea, să vă uitați la codul sursă al paginii pentru a vedea exact unde să căutați. Pentru a face acest lucru, trebuie să mergeți la marcaj „Codul paginii”și găsiți unde a fost făcută greșeala. Fa-o usor codul necesar va fi evidențiat cu galben.
Cum să găsiți fragmentul de cod sursă dorit și să adăugați atributul alt
În primul rând, trebuie să aruncați o privire atentă asupra datelor pe care le-ați primit de la instrumentele de analiză. Notă:
- la numele fișierului imagine,
— numele clasei, blocul în care se află imaginea,
- la elementele adiacente.
Toate aceste elemente vor ajuta în viitor la găsirea fișierului și în el fragmentul dorit de cod sursă.
Ca exemplu, uitați-vă la captura de ecran de mai sus. Codul de care avem nevoie este neremarcabil. Da, știm pe ce se află acest banner nou carte gratuită Azamata. Mai mult, știm că bannerul se află în bara de site. Dar să ne imaginăm că nu am fost atent la asta. Deci, ce puteți învăța din acest cod?
În primul rând, știm numele fișierului imagine. Și nu contează că imaginea se află pe alt site. Vedem și un bloc DIV cu o clasă
Și deja din clasa „textwidget” devine clar că codul de care avem nevoie se află în Widgets. Și dacă da, atunci este inutil să căutăm toate aceste elemente la care am fost atenți. Deoarece în majoritatea subiectelor Widgeturi WordPressîn bara de site sunt formate dinamic. Aceasta înseamnă că în codul fișierului responsabil pentru bara de site ( sidebar.php) va fi predominant cod php. Care nu va indica în niciun fel un anumit widget.
Prin urmare, mergem la administrativ Panoul WordPress – « Aspect» — „Widget-uri”și căutați widgetul dorit.
Și aici adăugăm atributul alt parametrilor imaginii.
Inainte de
După 
alt="Infomarketing 20/80"
!}/>
Asta e. Totul este gata.
Dar totul este clar cu widget-ul, oricine se poate descurca. Dar elementele specifice de design?
Ca exemplu, voi arăta șablonul pe care îl folosesc acum, doar în el versiunea originala. Adică, în etapa de instalare au existat deja 21 de erori (atributul alt lipsește).
Deschide fila „Codul paginii”și analizați codul. Căutăm elemente de care să ne agățăm, prin care să găsim fișierul necesarși cod.
În parametrii de căutare, ar trebui să selectați să căutați toate fișierele al căror cod conține o mențiune a elementului pe care îl căutați. În cazul nostru, numele fișierului imagine.
În continuare, este mai bine să faci copie de rezervă fișier (copiați-l separat pe computer) și puteți începe editarea. ÎN Comandant total Doar selectați fișierul și apăsați F4. Sau puteți copia fișierul pe computer și îl deschide folosind Notepad++. Ei bine, sau cel puțin, prin Notepad.
Deci, deschideți fișierul și căutați codul necesar. Puteți folosi căutarea CTRL+F.
L-am găsit și am inserat atributul alt necesar. Deci cu toate imaginile care nu o au.
După efectuarea modificărilor, salvați fișierul și verificați din nou cu instrumente de analiză.
Așa, prieteni, este modul în care atributele alt sunt adăugate imaginilor. La fel de exemplu clar urmăriți tutorialul video. Și amintiți-vă că este mai bine să faceți toate aceste modificări ale șablonului
Și, desigur, citiți articolul despre asta în general. Veți afla că multe imagini șablon nu numai că nu au etichete alt, dar nu sunt deloc optimizate.
Și asta e tot pentru mine astăzi. Astept cu interes comentariile voastre. Tot succes și Să aveți o dispoziție bună! Ne vedem în videoclipuri și articole noi.
Am eliberat carte noua„Marketingul de conținut în în rețelele sociale: Cum să intri în capul abonaților tăi și să-i faci să se îndrăgostească de marca ta.”
Ce sunt etichetele alt?
Etichetele Alt sunt descriere text conținutul imaginii grafice de pe pagină, permițându-vă să obțineți mai mult informatii complete despre aceasta și îmbunătățirea navigației pe site. Pentru acei utilizatori care se opresc imagini graficeîn browser, va fi convenabil să folosiți eticheta alt pentru a determina ce ar fi trebuit să fie în imagine. Iar titlul conține un tooltip pentru imaginea care apare când treceți cu mouse-ul peste ea.
Știm deja cu toții cât de important este să despărțim textul în blocuri, să adaugi imagini care fac textul atractiv și mai ușor de citit. Daca iti imaginezi SEO precum cursele de cai la un hipodrom, calul care a dat totul va veni întotdeauna primul la linia de sosire. Acolo unde era necesar, accelera sau se plimba în jurul cercului interior, iar jocheul era cât mai ușor într-un costum strâns. La fel este și aici - trebuie să profitați la maximum de promovare. Un crawler de motor de căutare care se accesează cu crawlere pe pagina dvs. și vede o imagine optimizată va avea o idee bună despre ce este acolo când citește eticheta alt. El va adăuga aceste informații la index, iar tu vei primi un avantaj SEO pentru pagina ta și un avantaj în rezultatele căutării.
atribut alt(text alternativ) este un atribut de etichetă permițând robot de căutare„vedeți” imaginea și indexați-o. De fapt, scurta descriere ce se vede in poza
atributul titlului este un atribut , care acționează ca titlu pentru imagine. Acesta generează sfaturi pentru imagini.
Iată cum arată etichetele alt și title în codul paginii:
Reguli pentru scrierea textului în atributele alt și title
- Descrierea trebuie să corespundă în totalitate cu conținutul imaginii.
- Trebuie să conțină un cuvânt cheie.
- Ar trebui să existe diferite etichete alt pe aceeași pagină. Dacă utilizați aceleași taste pentru toate imaginile, această pagină va arăta prost rang, și există șansa să cadă sub filtru AGS
- Volumul optim este de la 3 la 10 cuvinte pentru alt. Titlul ar trebui să fie mai lung și mai dezvoltat.
- Textele pentru alt și titlu ar trebui să fie diferite
Setarea alt pentru imagini
În majoritatea CMS-urilor, setarea acestui atribut este destul de simplă. De exemplu, în Wordpress facem clic Click dreapta la imagine -> "Editare" -> adăugați o descriere a atributului alt.
In abundenta Funcționalitatea CMS asemănătoare. Unii chiar au pluginuri pentru setarea șablonului acestor etichete.Pentru a introduce manual atributul alt, urmați sintaxa etichetei , prezentat mai sus.
Dacă doriți informații detaliate, sunt în pagina noastră blog.
Să presupunem că traficul către site-ul tău crește sub ochii tăi, dar nici în acest caz nu trebuie să neglijezi optimizarea imaginii. Aceasta este o oportunitate de a primi mai mult trafic către resursele deja investite. Cheile sunt incluse în texte perfect, partea tehnică a site-ului este excelentă, sunt mulți vizitatori, dar ar putea fi și mai mulți. Optimizarea imaginilor de pe site va ajuta în acest sens, deoarece în clasament interogări de căutare De asemenea, participă fotografii. De asemenea, există șansa de a colecta trafic suplimentar din cererile „+ fotografie”.
Atributul alt este sursă alternativă informații pentru utilizatorii a căror afișare a imaginilor în browser este dezactivată. Dacă este definit atributul alt, atunci când este imposibil să afișați imaginea, textul atributului va fi afișat în locul său:
Niciun atribut specificat imagine alt va fi afișat ca gol:
Este deosebit de important să descrii imaginile folosind atributul alt pentru site-urile al căror conținut constă în principal din imagini.
Puteți seta atributul alt după cum urmează:
În atributul alt nu trebuie să scrieți toate cuvintele cheie ale site-ului sau paginii, ci doar cele care au legătură efectiv cu imaginea. Acest lucru va ajuta robotul să găsească mai precis imaginea, iar utilizatorul Yandex să o selecteze în rezultatele căutării și să acceseze site-ul dvs. web. Nu este recomandabil să lăsați atributul alt gol.
Dacă adăugați mai multe imagini similare (de exemplu, fotografii ale unui produs dintr-un magazin online), atunci merită să setați atribute alt unice (vedere din față, vedere din spate).
Textul atributului titlu al etichetei img
Atributul title oferă informații suplimentare despre imagine. Textul conținut de acest atribut apare când treceți cu mouse-ul peste imagine:
Puteți seta atributul titlu astfel:
Pentru fiecare imagine trebuie să specificați un titlu unic. Nu este recomandabil să lăsați atributul titlu gol.
Alte texte
În plus față de valorile atributelor alt și titlu, se folosesc următoarele texte la căutarea după imagini:
link-uri text către imagini de pe alte pagini și alte site-uri;
text adiacent imaginii - situat pe pagină în imediata apropiere a imaginii;
textele și titlurile documentelor scurte care încadrează o singură imagine;
nume de fișiere și scripturi imagine, inclusiv luând în considerare transliterarea și traducerea interliniară simplificată.
Cu toate acestea, atributele alt și titlu sunt cele mai universale, așa că ar trebui să fie întotdeauna incluse.
Atribute titluȘi alt ar trebui folosit pentru toata lumea Imagini sau link-uri pe pagină, astfel încât roboții motoarelor de căutare să înțeleagă conținutul fiecăruia link-uri sau Imagini. Amintiți-vă întotdeauna că roboții motoarelor de căutare nu văd site-urile așa cum vedem noi și dvs.
Mai jos puteți vedea exemple de utilizare atribute titluȘi alt Pentru ImaginiȘi link-uri.
<AHREF= „http://www.site-ul tău.com” titlu= "titlul paginii dvs." alt= „titlul paginii tale” > titlul paginii tale
Folosind un exemplu fictiv, să vedem cum sunt utilizate de fapt atributele titluȘi alt pentru un link către, de exemplu, o carte electronică oferită pentru descărcare de pe o pagină a unui site web „Fundamentele ipotecare”:
Cod HTML pentru imagine:
<IMG SCR="/images/seo/alt-and-title-attributes.gif" titlu="Atributele ALT și TITLE ale etichetei IMG" alt="Atributele ALT și TITLE ale etichetei IMG" />
Atributele etichetei ALT și TITLE IMG
În ciuda faptului că utilizarea în optimizare imagini atribut V titluȘi alt- aceasta este o modalitate simplă de a crește poziția site-ului în motoarele de căutare; mulți webmasteri nu le aplică pe deplin, sau chiar le ignoră complet. Unii oameni le confundă și nu înțeleg care este diferența dintre acestea titluȘi alt. Trebuie remarcat faptul că des titluȘi alt sunt numite în mod eronat etichete, deși sunt atributele etichetei img(din cuvântul „imagine”) și nu etichete individuale.
HTML etichetă img utilizat pentru afișare pe paginile site-ului web imagini (imagini)în format grafic GIF, JPEG sau PNG. Dacă este necesar, imaginea poate fi transformată într-un hyperlink prin includerea etichetei imgîntr-un recipient . Atribut alt transmite o descriere Imagini pentru browsere cu grafica dezactivată. Dacă acest atribut nu este specificat, atunci utilizatorii vor vedea o pictogramă goală în loc de imagine și dacă alt este înregistrat, conținutul său text va fi afișat. Atribut alt are cel mai mare impact asupra clasamentului imaginilor de către motoarele de căutare.
Atribut titlu oferă informații suplimentare despre imagine și nu este obligatoriu, deși SEO - experți recomand să-l folosiți pentru o promovare mai bună imagini. Text inclus în atribut titlu, este afișat când treceți mouse-ul peste imagine, iar conform conceptului general de motoare de căutare, tot ceea ce vede utilizatorul este luat în considerare la clasare. Puteți verifica această afirmație în imaginea aflată la începutul acestei pagini.
Roboții motoarelor de căutare nu pot recunoaște textul imprimat imagini grafice, astfel încât expresia cheie scrisă cu majuscule pe imagine nu va afecta în niciun fel promovarea căutării. Adăugarea numelui de domeniu al site-ului dvs. va avea un efect mai mare - acest lucru nu numai că va ajuta la popularizarea acestuia, dar va proteja și imaginea de copiere.
Motoarele de căutare nu țin cont de tot textul conținut în atribut alt: Google, de exemplu, arată doar primele 15-17 cuvinte, iar Yandex arată puțin mai mult - până la 28 de cuvinte. În orice caz, acest număr de cuvinte este suficient pentru a crea un context clar.
Motoarele de căutare se concentrează pe textul legat de imagine. Mai ales la ceea ce este scris direct sub el, percepând acest text drept numele imaginii. Prin urmare, titlul trebuie să copieze complet conținutul corespunzătoare atribut altși ar trebui plasat în același paragraf <
p>, celula tabelului <
td> sau etichetă Ca și în cazul tuturor celorlalte întrebări Optimizare motor de căutare, concentrarea dvs. ar trebui să fie pe crearea de conținut unic care să ofere valoare utilizatorilor site-ului dvs. A avea o descriere exactă a imaginilor de pe pagina ta va fi de mare ajutor nu numai pentru utilizatorii cu o conexiune foarte lentă sau care au imaginile complet dezactivate, dar va fi util și pentru majoritatea utilizatorilor tăi care vor aprecia faptul că pot trece pur și simplu mouse-ul peste imagine obține puțin mai multe informații. OPTIMIZAREA IMAGINIEI
Informațiile despre imagini sunt transmise prin atributul „alt”. Imaginile par adesea a fi unul dintre cele mai simple elemente ale unui site web, dar utilizarea lor poate fi și optimizată. Fiecare imagine are un nume de fișier și un atribut „alt”. Ambele elemente sunt utile. Atributul „alt” vă permite să introduceți text care va fi afișat dacă imaginea nu poate fi afișată dintr-un motiv oarecare (1). De ce este folosit acest atribut? Dacă un utilizator vă vizualizează site-ul printr-un browser cu imaginile dezactivate sau utilizând un cititor de ecran, Textul alternativ va servi ca descriere a imaginii. Textul alternativ este folosit și în link-urile imaginilor. În acest caz, este procesat de motoarele de căutare ca text ancora pentru link. În ciuda acestui fapt, nu vă recomandăm să utilizați un număr mare de link-uri grafice pentru a vă naviga pe site, deoarece linkurile text îndeplinesc acest rol la fel de bine. Și, în sfârșit, o descriere bună a imaginii în eticheta alt împreună cu un nume de fișier informativ ajută motoarele de căutare de imagini, cum ar fi Google Image Search, să indexeze imaginile de pe site-ul dvs. Fișierele ar trebui să fie stocate în directoare separate și salvate în formate accesibile publicului În loc să stocați fișiere imagine în directoare și subdirectoare diferite de pe un domeniu, ar trebui să le adunați pe toate într-un singur folder(De exemplu, moyastranaotkrytok.ru/images/). Acest lucru simplifică calea către fișierele grafice. Utilizați tipuri de fișiere acceptate pe scară largă. Majoritatea browserelor acceptă grafică în formatele JPEG, GIF, PNG și BMP. De asemenea, este o idee bună dacă extensia de fișier se potrivește cu tipul său. SFATURI PRACTICE
Scrieți ancore informative. Textul ancora trebuie să conțină cel puțin informații scurte despre pagina legată. Nu recomandam: Străduiți-vă pentru concizie. Scopul tău este un text scurt și informativ, de obicei o frază precisă. Nu recomandam: Evidențiați link-urile. Faceți textul de ancorare a linkului să fie diferit vizual de textul obișnuit al site-ului dvs. Utilizatorul este indus în eroare de link-uri subtile sau pe care poate face clic accidental. Nu recomandam: Nu uitați de textul ancora pentru link-urile interne. S-ar putea să vă concentrați în primul rând pe link-urile care indică alte site-uri web, dar linkurile interne sunt la fel de importante, deoarece ajută Google să vă acceseze mai bine site-ul. Nu recomandam: Salutări, dragi utilizatori ai site-ului. Optimizarea blogului dvs. este un proces complex care necesită anumite abilități, experiență, iar dacă nu o aveți, atunci trebuie să aveți o bază mare de cunoștințe, pe care o preluăm din articolele de pe blogurile unor webmasteri populari. Mulți oameni spun că SEO este pe moarte, dar sunt încă mulți care continuă să respecte regulile acestor trei litere. Oricine nu este deloc conștient de ceea ce este SEO se poate găsi într-o fundătură. Cu toate acestea, această problemă este ușor de rezolvat, pentru toată lumea. După ce ai învățat principalele aspecte din acest domeniu, vei putea stăpâni regulile de promovare a blogului tău în motoarele de căutare și, după cum știm, acesta este cel mai important lucru. Deci, despre ce va fi articolul de azi? Acum vom vorbi despre greșeala multor designeri, bloggeri etc. In general, lipsa de grija in optimizarea imaginilor de pe site, care afecteaza promovarea resursei dumneavoastra in retea. Ce nu este atenția? De exemplu, titlul imaginii ar trebui să conțină interogarea cheie pentru care este adaptat articolul. Yandex și Google acordă atenție acestui lucru, dar oamenii din blogosferă nici măcar nu se gândesc la asta. Să începem! Atributul „alt”! Scopul său este de a afișa un fragment de text dintr-o imagine. Cel mai adesea, aceasta este o descriere a imaginii. Nu este vizibilă pentru utilizatorii dvs. Astfel de etichete sunt foarte importante pentru promovarea motoarelor de căutare. Ele nu înseamnă practic nimic pentru oameni. Lasă-mă să explic cu degetele. Robotul de căutare se plimbă pe site-uri, a venit la voi, iar dacă vă amintiți, în articolul despre poze unice, am scris că acordă atenție imaginilor tematice pentru postare, dar nu numai că poza ar trebui să fie acolo, ea, la rândul său , ar trebui să fie optimizat, din care trebuie să introduceți un nume. În acest fel, verificarea de căutare va capta întregul articol și nu vor exista defecte sau erori minore. Pe baza acestui fapt, rătăcitorul va fi aproape de TOP-10 sau va zbura acolo cu totul. TOP înseamnă trafic mare. Am scris despre cum să-l măresc într-un articol despre atribut titlu! „titlu” este titlul. Probabil că toată lumea știe despre asta. Într-o imagine, acesta este un titlu care este accesibil tuturor, de exemplu, când deplasăm cursorul mouse-ului peste imagine, apare un text scurt, care este titlul. Toate acestea sunt clare. Puteți specifica titlul pe computer sau laptop, apoi încărcați fotografia în postarea în sine și introduceți din nou titlul și descrierea (alt). În ceea ce privește ce să scrieți unde, nu vă faceți griji. În Titlu, indicați o interogare cheie. Ai scris o postare despre o hartă a site-ului pentru oameni, apoi în titlu și ai completat câmpul cu aceeași expresie, hartă a site-ului pentru oameni. Descrierea sau alt nu sunt vizibile pentru nimeni, cu excepția robotului, prin urmare, puteți face ceva de genul acesta: Un sitemap pentru oameni, un plugin ca acesta, această linie trebuie scrisă aici etc. Încercați să vă prezentați articolul în mod concis. Rețineți doar aspectele principale, doar câteva rânduri. Iată un alt lucru despre „titlu”. Nu trebuie să depășească 5 cuvinte. De asemenea, este indicat să le scrieți în latină, adică în engleză. Și cel mai important, formatul imaginii trebuie să fie jpg. Acest lucru reduce greutatea, ceea ce înseamnă că se va încărca mai repede, ceea ce are un impact semnificativ asupra traficului site-ului. Puteți reduce greutatea unei imagini în Photoshop. Să-l deschidem. Faceți clic pe fișier și apoi Salvați pentru WEB. Acolo unde este scris numărul 50, 60 sau altul, îl puteți ajusta, cu cât este mai puțin, cu atât greutatea este mai mică. Dacă nu aveți încă Photoshop, atunci mergeți mai departe și stăpâniți-l. La urma urmei, acesta este un element integral al oricărui webmaster. Dacă cineva se îndoiește că optimizarea imaginii are un impact mare asupra promovării blogului, atunci pot spune un lucru - nu vă îndoiți de asta. Încercați să verificați, să efectuați un experiment. Principalul lucru este să nu închideți ochii la asta, pentru că nu este păcat să petreceți 5 minute în plus. Mai ales dacă ai scris un articol înainte și ai pus o parte din tine în el. Cred că nu ar fi de prisos să-l proiectăm cât mai bine, ce părere aveți? Ți-am spus puțin despre asta. Dar acum vom arunca o privire mai atentă. Uite, chiar mai jos este o listă de acțiuni care trebuie efectuate la publicarea unui nou articol de blog. Aici sunt ei: Pe scurt, avantajele sunt următoarele; aceasta este pentru cei care nu sunt încă pe deplin convinși. Aceste informații sunt pentru cei care lucrează pe site-ul lor de mai mult de un an, dar nu există niciun rezultat. Poate tocmai aceasta este problema! Aici voi termina de scris acest articol. Iti doresc mult succes in promovarea ta. IMPORTANT! Nu te feri de astfel de fleacuri aparent. Ascultați recomandările care vă vor ajuta cu siguranță. Pa tuturor; la revedere tuturor! Cu sinceritate,Zhuk Yuri.
Ce sunt alt și titlu pentru imagini?
De ce este important să includeți etichete title și alt? Cum sunt adăugate imaginilor?
