Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Fier
  • Atributul alt al etichetei img. Cum să atribuiți corect atributul ALT unei imagini

Atributul alt al etichetei img. Cum să atribuiți corect atributul ALT unei imagini

Salutări, dragi utilizatori ai site-ului. Optimizarea blogului tău este un proces complex care necesită anumite abilități, experiență, iar dacă nu o ai, atunci trebuie să ai o bază mare de cunoștințe, pe care o preluăm din articolele de pe blogurile unor webmasteri populari.

Mulți oameni vorbesc despre faptul că SEO este pe moarte, dar totuși sunt mulți care continuă să respecte regulile acestor trei litere. Oricine este complet ignorant despre ce este SEO poate fi nedumerit. Cu toate acestea, această problemă este ușor de rezolvat, absolut 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. În general, nu atenție în optimizarea imaginilor de pe site, ceea ce afectează promovarea resursei dvs. în rețea.

Ce nu este mindfulness? De exemplu, titlul unei imagini ar trebui să conțină o solicitare cheie pentru care articolul este adaptat. Yandex, Google acordă atenție acestui lucru, dar oamenii din blogosferă nici măcar nu se gândesc la asta.

Să începem!

Ce este alt și titlu pentru imagini?

Atributul „alt”!

Scopul său este de a afișa un fragment din textul unei imagini. Cel mai adesea, aceasta este o descriere a imaginii; aceasta nu va fi vizibilă pentru utilizatorii dvs. Etichetele ca aceasta sunt foarte importante pentru promovarea motorului de căutare. Ele nu înseamnă practic nimic pentru oameni.

Lasă-mă să explic pe degete. Robotul de căutare se plimbă prin site-uri, a venit la voi, iar dacă vă amintiți, în articolul despre poze unice, am scris că dă atenție imaginilor tematice pentru postare, dar nu numai că poza ar trebui să fie, ea, la rândul ei , ar trebui să fie optimizat, din care trebuie să înregistrați numele.

Astfel, verificarea motorului de căutare vă va capta întregul articol și nu vor exista deficiențe și erori minore. Pe baza acestui fapt, rătăcitorul va fi aproape de TOP-10 sau va zbura acolo.

TOP înseamnă trafic mare. Și cum să-l construiesc, am scris într-un articol despre

Atributul titlului!

„Titlul” este titlul. Probabil că toată lumea știe despre asta. Într-o imagine, acesta este un nume care este disponibil pentru toată lumea, de exemplu, când deplasăm cursorul mouse-ului peste imagine, apare un text scurt, care este titlul. Cu asta totul este clar. Puteți specifica titlul pe computer sau laptop, apoi aruncați fotografia în postare și, din nou, scrieți titlul și descrierea (alt).

Cât despre unde să scrieți, nu vă faceți griji.

În Titlu, indicați orice solicitare de cheie. Am scris o postare despre un sitemap pentru oameni, apoi în titlu și completați câmpul, cu aceeași expresie, sitemap pentru oameni. Descrierea sau alt nu sunt vizibile pentru nimeni, cu excepția robotului, prin urmare, se poate face ceva de genul acesta:

Harta site-ului pentru oameni, plugin așa și așa, aici trebuie scris linia că etc. Încercați să păstrați articolul compact. Omiteți doar acele aspecte principale, doar câteva rânduri.

Iată un altul despre „titlu”. Nu trebuie să depășească 5 cuvinte. Și este, de asemenea, de dorit să le scrieți în latină, adică în engleză. Și cel mai important format de imagine ar trebui să fie jpg. Acest lucru reduce greutatea, ceea ce înseamnă că încărcarea va fi mai rapidă, ceea ce are un impact semnificativ asupra traficului pe site.

Puteți reduce greutatea imaginii în Photoshop. O 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, mergeți mai departe și stăpâniți-l. La urma urmei, acesta este un element esențial 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 ezitați. Î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 cele 5 minute în plus. Mai ales dacă ai scris un articol înainte de asta și ai pus o bucată din tine acolo. Cred că nu va fi de prisos, cum să-l aranjezi cel mai bine, dar ce crezi?

De ce este important să scrieți titlul și etichetele alt? Cum sunt adăugate imaginilor?

Ți-am spus puțin despre asta. Dar acum ne vom da seama mai detaliat. Vedeți mai jos o listă de pași pe care trebuie să îi urmați atunci când postați o nouă postare pe blog.

Aici sunt ei:

  • Primul pas, desigur, este să scrieți un articol și să găsiți o imagine unică. De regulă, toată lumea își face un șablon standard, propriul său, și inserează deja o imagine acolo, capturi de ecran, de exemplu, sau desenează ceva sau chiar comandă de la un artist.
  • Ne-am uitat la expresiile cheie pe care le-ați folosit pentru postare și am adăugat una în titlu;
  • A doua cheie a fost adăugată la alt, la descriere și au fost adăugate încă câteva cuvinte, iar cererea a fost diluată cu un cuvânt.
  • Acum salvăm modificările și adăugăm o imagine textului, apoi privim articolul și trecem cursorul peste imagine, vedem ce titlu este afișat. Totul este gata.

Pe scurt, avantajele sunt următoarele, asta pentru cei care nu sunt încă convinși până la capăt.

  1. Mai mult trafic;
  2. Calitatea acestuia este mai mare, deoarece ați indicat cheile exacte, cărora le este dedicat articolul, vizitatorul le va ciocăni în căutare și va găsi informațiile de care aveți nevoie, ceea ce înseamnă că va rămâne mai mult pe blogul dvs. și numărul de refuzuri va fi Mai puțin;

Acest infa este pentru cei care lucrează pe site-ul lor de mai bine de un an, dar nu există niciun rezultat. Poate aceasta este problema!

Aici voi termina de scris articolul. Îți doresc mult succes la promovarea ta. IMPORTANT! Nu pleca de la asemenea fleacuri aparent. Ascultați recomandările care vă vor ajuta cu siguranță. Pa tuturor; la revedere tuturor!

Cu sinceritate,Zhuk Yuri.

Fiecare pagină web este creată folosind markup - cod care este scris într-un limbaj special furnizat (cel mai adesea HTML). Browserul utilizatorului, la rândul său, este capabil să citească acest cod pentru a afișa corect toate informațiile pe care creatorii resursei au dorit să ni le transmită. Se pare că toate elementele pe care le vedem pe pagina web sunt furnizate de codul sursă al site-ului pe care îl vizităm.

Optimizarea codului dvs

După cum ați putea ghici, fiecare literă a acestui cod, fiecare caracter are un sens. De asemenea, interesant, se întâmplă ca vizual site-ul să nu conțină acele elemente extrem de importante pentru optimizarea lui (adică setarea corectă a resursei pentru motoarele de căutare). Astfel de subtile includ, de exemplu, atributul ALT. Este pe paginile multor resurse și de foarte multe ori pur și simplu nu o observăm.

În acest articol, ne-am dori să ne concentrăm doar pe acest element al designului web. Aici vă vom spune de ce este atât de important pentru clasarea corectă a site-ului, creșterea traficului acestuia și confortul utilizatorului în lucrul cu acesta.

ALT?

Să începem de la început: vom descrie despre ce este vorba în acest articol și de ce avem nevoie de acest atribut.

Deci, pentru a înțelege acest text, mai întâi trebuie să înțelegeți limbajul de marcare HTML. Acesta este codul în care sunt scrise paginile web de bază, care, după cum sa menționat deja, are proprietatea de a fi afișat în browser. Întregul limbaj este alcătuit din atribute speciale (de exemplu, IMG, ALT, FONT și așa mai departe). Fiecare dintre ei este responsabil pentru lucrul cu unul sau altul element de design. În practică, atributul ALT menționat mai sus este folosit pentru imaginile care pot fi găsite pe paginile site-ului. Mai precis, este folosit pentru a crea o descriere a imaginilor, prin care utilizatorul (vizitatorul site-ului) își poate da seama ușor și simplu ce este afișat pe acestea. Cu siguranță că tu însuți ai întâlnit astfel de descrieri - ele apar atunci când treci cu mouse-ul peste imagine.

Valoare practică

Desigur, aceste atribute sunt folosite în practică pentru un motiv. Webmasterii au nevoie de descrieri ale imaginilor lor la fel de mult ca și vizitatorii site-ului (și cel mai probabil chiar mai mult). La urma urmei, dacă tuturor imaginilor le lipsește atributul ALT, o persoană poate face acest lucru chiar dacă la imaginile de pe pagină sunt adăugate texte explicative. Pe de altă parte, roboții de căutare (cu un ALT gol) ar putea să nu evalueze suficient de mult site-ul, să-și reducă poziția în rezultatele căutării și, astfel, să nu aducă destui vizitatori. Prin urmare, putem spune cu încredere că descrierile pentru pozele de pe site joacă un rol important și pentru webmasterii înșiși, așa că nu pot fi neglijate.

Bonusuri pentru motoarele de căutare

Pentru a înțelege mai bine decât beneficiile etichetelor de descriere completate corect pentru imagini, vom da un mic exemplu. Să presupunem că există un site cu imagini găzduite pe el. Dacă nu prescrii atributul ALT, utilizatorul nu va avea de suferit, deoarece va vedea în orice caz ce se arată în această sau acea fotografie. Un rezultat complet diferit îl așteaptă pe proprietarul resursei, care va neglija eticheta de mai sus, din cauza căreia va pierde o parte din traficul din cataloagele de imagini, de exemplu.

Cum scriu atributul ALT?

Din punct de vedere tehnic, nu este nimic dificil de completat sub cutare sau cutare imagine, este evident: trebuie să mergeți la editorul HTML de pe site-ul dvs. și să găsiți codul imaginii (începe cu IMG și se termină cu el). Există cod în interiorul acestui bloc de cod. La asta se referă atunci când spun că trebuie să înregistrați atributul ALT. Se face astfel: „alt =“ descriere”.

Dacă nu lucrați cu cod pur, ci folosiți un fel de „motor” separat pentru site (de exemplu, Wordpress sau Joomla), în acesta este integrat un mecanism special de adăugare a „alts”, prin care site-ul nostru va fi reținut. de motoarele de căutare. Dacă completați un nou ALT, actualizarea ajunge pe pagina dvs.

Ce scriu ei în atribut?

Desigur, atunci când vă confruntați cu sarcina de a scrie atributul ALT, nu vă gândiți la latura tehnică. Cel mai adesea, această întrebare este pusă dacă webmasterul nu știe ce informații trebuie să indice despre o anumită imagine. Din acest motiv, este greu de spus ce informații vor beneficia site-ul din punctul de vedere al motoarelor de căutare.

În practică, există multe abordări pentru rezolvarea problemei descrierii. Cineva lucrează cu șabloane tipice, conform cărora eticheta este pur și simplu completată cu cuvintele cheie pentru care este creată pagina. Poate că aceasta este cea mai comună practică care poate fi întâlnită frecvent. Uneori, în loc să caute cum să scrie atributul ALT, utilizatorul pur și simplu lasă acel spațiu necompletat. Aici ar trebui clarificat faptul că toată lumea ia decizii în mod independent despre ce descriere să indice.

Cerințe

În același timp, există câteva reguli de bază (sau, dacă preferați, cerințe), conform cărora fiecare poate adăuga atributul ideal pentru pozele sale. Ele constau dintr-un număr mic de puncte, fiecare dintre ele se referă la descrierile fotografiilor și imaginilor de pe site.

De exemplu, prima astfel de cerință este lungimea întregului text. Dacă căutați cum să scrieți corect atributul ALT, soluția este simplă: nu folosiți mai mult de 2-3 cuvinte. Textul de această dimensiune va fi, în primul rând, citit perfect de un robot de căutare (și va face site-ul mai relevant); în al doilea rând, o astfel de descriere este mai de înțeles pentru utilizatorii înșiși. De acord, nimeni nu va citi întreaga propoziție dacă vrei doar să știi ce se arată în imagine. Este suficient să enunți pe scurt și cu exactitate descrierea, care va fi utilă atât ție, cât și clienților tăi.

Nu uitați de încărcarea semantică. Dacă postați o fotografie cu un elefant, asigurați-vă că îi descrieți rasa sau istoria; specificați de ce este arătat în această fotografie, ce ați dori să spuneți prin asta. Va fi util pentru vizitator să cunoască gândurile tale despre acest elefant.

Un alt punct important (care a fost stabilit în timpul numeroaselor teste practice) - Dacă căutați cum să prescrieți atributul ALT unei imagini, rețineți: trebuie selectat unic pentru fiecare dintre fotografiile enumerate pe site. De exemplu, ar fi greșit să publicați trei imagini la rând cu legenda „elefantul meu” - vă va dăuna doar resursei din rezultatele căutării. Este mai bine să numiți imaginile „elefantul 1” și „elefantul 2”, ceea ce le va face mai unice.

În cele din urmă, amintiți-vă despre parametrii imaginilor pe care le căutați, cum să adăugați atributul ALT. Pentru imagini, este important să îndepliniți o serie de criterii - nu prea mic, arătați realist. Adică, dacă specificați o descriere, atunci faceți-o pentru imagini mai serioase care sunt luate în considerare mai grele. Nu specificați atributul ALT pentru zâmbete mici sau ceva similar.

Căutare ALT

În cele din urmă, am vorbit despre elementele de bază ale atributului, despre unele dintre regulile de compunere a acestuia și despre cerințele ambelor părți (atât utilizatorii, cât și pentru ei. Acum să ne gândim: deci cum să căutăm cuvinte cheie și expresii pe care le vom înregistra pe site-ul nostru). site-ul? După cum s-a menționat mai sus, căutarea ar trebui să fie îndreptată către baze de date gata făcute de cuvinte cheie, care într-adevăr încep să atragă clienți pe site-ul dvs. Desigur, acest lucru nu poate fi realizat dacă încă vă lipsește atributul ALT. Luați cuvinte cheie și expresii gata făcute. pe care le utilizați în conținut și inserați în imagini.

Dacă nu ai astfel de informații și nu te-ai gândit deloc să începi să-ți promovezi resursa încetul cu încetul, îți sugerăm să începi să cauți baze de date cu astfel de „cuvinte cheie” cu ajutorul cărora poți crea cu ușurință noi site-uri. Pentru aceasta, servicii precum Instrumentul de extragere a cuvintelor cheie Google sau Yandex.Wordstat, care arată statistici de căutare pentru anumite expresii, sunt perfecte. „Jucându-vă” cu aceste setări, puteți crește semnificativ ponderea traficului de căutare pe site-urile dvs. și, astfel, puteți începe să obțineți noi beneficii. Principalul lucru este că nu există nicio situație în care tuturor imaginilor vizibile să le lipsească atributul ALT.

concluzii

Deci, ce putem spune despre atributul descris în acest articol? Face parte din limbajul în care sunt create cele mai simple site-uri - HTML. Acest lucru este foarte ușor de făcut, deoarece descrie un limbaj elementar, de bază. Pentru a înregistra în continuare eticheta în imagini, trebuie să o aranjați singur prin codul sursă. Sau, folosind noile instrucțiuni, începeți de la capăt. Oricum ar fi, iar indicarea etichetelor ALT este acel caz ideal de beneficiu reciproc, când atât vizitatorul, cât și proprietarul resursei sunt mulțumiți.

Specificarea unei etichete poate duce, de asemenea, la noi vizitatori - acest fenomen este observat mai ales în serviciile precum Google și Yandex Images. Când faceți clic pe o imagine, site-ul determină în mod independent sursa din care a fost luată imaginea și redirecționează vizitatorul. Și asta, după cum înțelegeți, este foarte important pentru a putea face în viitor.

Acum este greu de imaginat site-uri fără imagini, în special magazine online și cataloage de produse. La urma urmei, aceasta este o modalitate excelentă de a atrage atenția vizitatorilor, de a arăta „fața” produsului și de a încuraja potențialii clienți să întreprindă acțiuni direcționate: cumpărarea unui produs sau comandarea unui serviciu. Puteți citi mai multe despre ce alte imagini sunt necesare și pe ce pagini ar trebui să fie acestea în articolul nostru „Selectarea și optimizarea imaginilor pentru un site”.

Utilizarea imaginilor va face site-ul mai atractiv și va ajuta la menținerea vizitatorilor pe acesta, dar, mai important, trafic suplimentar poate veni pe site-ul dvs. din căutarea de imagini în Yandex sau Google (dacă utilizați corect atributele etichetei Alt și Titlu). ).

Care este atributul Alt pentru imagini

Atribut alt pentru imagini este textul care descrie imaginea în eticheta html ... Devine vizibil dacă imaginea nu poate fi încărcată. În locul imaginii descărcate, va fi afișat text (cu atributul Alt completat).

Să comparăm. Iată cum va arăta imaginea descărcată fără atributul Alt completat:

Și așa va arăta imaginea cu textul „Mașină de spălat Slavda WS30T / ET” în atributul Alt al etichetei :

Atributul Alt face posibil să aflați ce este afișat în imagine atunci când utilizatorul nu îl poate vedea. În plus, textul scris în atributul Alt este luat în considerare de roboții de căutare la indexarea site-ului. În cele din urmă, optimizarea numelor imaginilor și a atributelor Alt din etichetă facilitează căutarea imaginilor, de exemplu, în Yandex sau Google Images.

Cum se compune corect atributul Alt pentru imagini

  1. Numărul optim de cuvinte este de 3-5, dar lungimea textului etichetei nu depășește 75-80 de caractere. Vă recomandăm să utilizați informații concise și concise, dar semnificative.
  2. O condiție prealabilă este utilizarea interogărilor cheie.
  3. Este mai bine să folosiți cuvinte cheie în cazul nominativ pentru a ușura căutarea.
  4. Evitați spamul: nu vă recomandăm să enumerați un număr mare de chei separate prin virgule, ca în alte etichete.
  5. Este necesar ca Alt să se refere la textul paginii și să descrie ceea ce este afișat în imagine.

Atribut titlu pentru imagini

Pe lângă atributul Alt, ar trebui să scrieți și textul în atributul Titlu. Acest parametru setează informații auxiliare despre imagine atunci când utilizatorul trece cu mouse-ul peste imagine:

În codul html, atributul Titlu completat pentru imagini arată astfel:

Un atribut Titlu bine format chiar ajută la îmbunătățirea factorilor comportamentali.

Cum se compune corect titlul pentru imagini

  1. Atributul Titlu trebuie să se potrivească cu imaginea. Nu ar trebui să scrieți în ea care nu are nimic de-a face cu imaginea.
  2. Este mai bine să folosiți un titlu scurt pentru confortul utilizatorilor - nimeni nu vrea să citească un indiciu de un kilometru pentru o imagine.
  3. Prezența cuvintelor cheie este de dorit. Nu trebuie să folosiți cuvinte precum „fotografie”, „poză”, etc., pentru că deja este clar ce este.

Un exemplu de completare corectă a atributelor Alt și Titlu pentru o etichetă

Să ne uităm la un exemplu despre cum puteți scrie text în atributele Alt și Titlu pentru o imagine. Pentru a face acest lucru, să luăm o imagine de pe site-ul unei companii de construcții.

Când compuneți un Alt, trebuie să vă concentrați pe ceea ce vindeți/oferiți. Pentru imaginea din exemplul nostru, va fi de preferat să compuneți viola „Construirea unei case dintr-un buștean”, și nu doar „casă” sau „construcție”.

Atributul Titlu pentru această imagine poate fi ușor modificat și compus astfel: „Construirea unei case din bușteni”.

Dificultate la completarea Alt și Titlu

Atributele Alt și Titlu completate corect pentru imagini vor ajuta la optimizarea site-ului pentru motoarele de căutare. Dar nu uitați de alte aspecte ale optimizării imaginii, cum ar fi „greutatea”, calitatea și numele imaginilor. Dacă nu aveți timp să compuneți atributele Alt și Titlu, vă putem ajuta și facem treaba pentru dvs.

Salut oameni. Pentru a nu vă pierde timpul, să fim scurti și la obiect.

Titlul unei imagini este o inscripție care apare când treceți cursorul peste o imagine. Acesta este pentru a oferi un indiciu vizitatorului. Spune ce se arată în imagine sau unde să fii atent.

Alt imagini - din cuvântul englezesc alternativ. Acesta este un lucru atât de util încât motoarele de căutare sunt foarte pasionate de indexare pentru a determina ce este afișat. De asemenea, va fi vizibil dacă utilizatorul oprește afișarea imaginilor în browser. Ceea ce nu are sens și se face în rare ocazii.

Dacă, totuși, utilizatorul oprește afișarea conținutului grafic sau are loc un fel de defecțiune din partea cuiva, atunci în loc de o imagine, se va vedea o pictogramă mică cu text. Acest text este varianta alternativă a imaginii.

Alt și imagini de titlu pentru SEO

Pentru titlul imaginii are o valoare minimă. Nu este ușor indexat, dar poate juca în mâinile tale în factori comportamentali. Este 2018, acum seo este despre utilizare și conținut de înaltă calitate. Prin urmare, atrageți atenția utilizatorului în orice fel.

Chiar și gândește-te singur, este mai plăcut când apare un sfat instrument în imagine.

Dar imaginea alternativă este o comoară. În primul rând, GoogleBot consideră că absența sa este o greșeală, Yandex este mai loial. În al doilea rând, este indexată de bunăvoie, iar o astfel de imagine intră în secțiunea „Imagini” a căutării. Aceasta înseamnă că în acest fel poți atrage trafic suplimentar pe site-ul tău.

În al treilea rând, deoarece este indexat, adică abilitatea de a-l folosi pentru a crește valoarea paginii. Va fi bine dacă adăugați o solicitare suplimentară de frecvență joasă la alt. Dar aici trebuie să fii atent.

Cum să completați corect alt și titlul pentru imagini

Titlul C este mult mai simplu. Nu există reguli pentru un motor de căutare, dar asta nu înseamnă că scrieți vreo erezie aici. Mai sus, ne-am bazat pe factorii comportamentali. Este indicat sa nu deranjezi utilizatorul, sa ii fie de folos.

1) Nu trebuie să fie lung. De acord, un indiciu din 4 rânduri va provoca respingere.

2) Trebuie să se raporteze cumva la imagine.

3) Nu ar trebui să fie duplicat cu titlul principal, titlurile h1-h5, cu atribute alt.

Imaginea alternativă are greutate cu motorul de căutare, deci există restricții cu regulile, dar la fel și posibilitățile.

1) Un cuvânt nu este suficient, este indicat să păstrați în termen de 3 cuvinte. Numărul maxim de caractere este de 250.

2) Trebuie să se potrivească cu conținutul imaginii.

4) De dorit, nu trebuie repetat cu alte alte variante de pe pagină.

Deci, atunci când adăugați o altă imagine pe blogul dvs., gândiți-vă la asta. Poate cineva vrea să o găsească? Încercați să îl transformați în trafic suplimentar.

Unde să completați alt și titlul imaginilor pe exemplul Wordpress

De exemplu, în WordPress, trebuie doar să mergeți de la panoul de control (consolă) la secțiune „Fișiere media”"Bibliotecă"... Apoi, selectați orice imagine.

Sau, atunci când editați un articol, faceți clic pe orice imagine inserată, apoi pe un creion.

Desigur, exemplul wordpress este cel mai ușor de afișat, dar multe CMS populare oferă o astfel de oportunitate. De exemplu - Joomla. Există capcane acolo, dar pentru majoritatea conținutului grafic, puteți scrie alt dacă faceți clic „Editați imaginea”

Asta e tot. Sperăm cu adevărat că v-am fost de folos. Dacă da, vă rog să-i placă. Acest lucru ne motivează să facem conținut mai interesant și de înaltă calitate!

Salutări, Esența ta.

>> Optimizare imagine | Atributele ALT și TITLE pentru descrierea imaginilor

Cum să optimizați corect imaginile pentru un site web.

Salutări, dragă cititoare a site-ului meu!

În acest articol, vreau să vă spun despre ce imagini sunt folosite pe site-uri, ce rol joacă acestea pentru optimizarea SEO. Să luăm în considerare importanța utilizării atributelor alt și title ale codului html, să dăm exemple de utilizare a imaginilor optimizate și neoptimizate, să aflăm în ce imagini de calitate ar trebui folosite și cum afectează acest lucru performanța site-ului.

Avantaje și dezavantaje ale utilizării imaginilor pe site:

Pro: Poate ați observat, dacă ați mers pe multe site-uri de pe Internet cu un scop anume, că pe aproape fiecare site există tot felul de poze, imagini, fotografii și alte elemente grafice. Unde au fost localizați și ce fel de încărcătură cognitivă au purtat pe aceste site-uri sau bloguri.

Se întâmplă adesea atunci când autorul unui site, atunci când scrie textul unui anumit subiect, dorește să-și exprime gândul mai corect și mai clar, astfel încât persoana care a venit pe acest site să primească în totalitate toate informațiile necesare. Acest factor îi afectează și mai mult credibilitatea în ochii vizitatorilor și promovarea site-ului în motoarele de căutare, rețelele sociale etc.

Persoanele care se află pe Internet și caută informațiile (conținutul) de care au nevoie vor ști că acest site are, pe lângă textul de calitate și util, un ajutor vizual sub formă de imagini, imagini și tot felul de grafice.

Și dacă vrei ca pozele tale să fie de neuitat și frumoase, trebuie să le folosești cât mai bine.

Un alt aspect pozitiv al folosirii imaginilor pe site este capacitatea de utilizare optimizarea imaginii sub cererea de cheie a unei anumite pagini a site-ului pentru a îmbunătăți promovarea acestei pagini pentru cererea de cheie promovată.

În plus, motoarele de căutare au o căutare pentru imagini care sunt pe site-uri. Iar daca cuvintele cheie sunt inregistrate pentru poze, atunci persoanei care cauta imagini pentru aceasta solicitare ii poate placea poza ta si poate vrea sa stie pe ce site se afla aceasta imagine si va merge pe site-ul tau. În cele din urmă, veți beneficia de acest lucru obținând trafic direcționat sub formă de vizitatori pe site-ul dvs.

Minusuri: Pot exista o mulțime de dezavantaje atunci când utilizați imagini pe site, în special pentru începători. Să analizăm toate greșelile care pot fi făcute din întâmplare sau fără a cunoaște pe toată lumea, ceea ce va duce la faptul că utilizarea graficelor pe site poate speria un vizitator care este sau încearcă să intre pe site-ul tău.

Și există multe motive pentru aceasta; atitudine neglijentă față de munca lor, utilizarea imaginilor de calitate scăzută și într-o stare teribilă, utilizarea lor în afara subiectului, prezența prea multor imagini care dau multă greutate paginii și durează foarte mult timp să încărcare (inclusiv fundalul site-ului), nu există optimizare a imaginii pentru cuvintele cheie. Acestea sunt principalele dezavantaje ale folosirii tuturor tipurilor de grafică pe un site web.

Dar aceste dezavantaje pot fi evitate știind cum să le facem pozitive. Vom analiza toate acestea mai târziu în acest articol. Așa că citește-l până la sfârșit.

Atributele alt și titlu în SEO pentru imagini:

După cum am scris mai sus în acest articol, utilizarea imaginilor poate ajuta un site în promovarea sa în motoarele de căutare. Oferiți un aflux suplimentar de public țintă (vizitatori) din motoarele de căutare. Pentru a face acest lucru, trebuie să utilizați două, dar foarte necesare atribute alt și titlu pentru orice imagini, imagini, fotografii etc. Esența acestor atribute este de a stoarce la maximum cu ajutorul lor, ceea ce va ajuta la promovarea site-ului în motoarele de căutare. În cazul nostru, există două atribute, respectiv, iar funcțiile pe care le îndeplinesc vor diferi ușor.

AtributALT: 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). Cum funcționează acest atribut? Funcționează foarte simplu: faci fotografia dorită, care se află pe hard disk sau media (unitate flash) și o lipești în pagina dorită a site-ului la locul potrivit.

Apoi luați, găsiți codul acestei imagini și scrieți acolo o astfel de valoare alt = "(! LANG: Descrierea acestei imagini folosind cuvinte cheie" . Но описание не нужно делать слишком большим (максимально пару предложений) и тулить туда много ключевых слов, так как поисковые системы этого не любят, что в итоге может сказаться на Вашем сайте.!}

Acest lucru funcționează atribut alt deci, atunci cand un vizitator intra pe site, nu vede descrierea imaginii (daca functia de afisare a imaginii este activata in browser-ul sau), dar este vazuta de robotii de cautare cand indexez site-ul. Vizitatorul poate vedea acest text atunci când imaginile sunt dezactivate în setările browserului, iar apoi va apărea text în locul acestei imagini, prin care vizitatorul poate înțelege ce fel de imagine este. Acest atribut este luat în considerare de motoarele de căutare atunci când vă indexează site-ul.

Atributul TITLE: The atributul titlului de asemenea, face parte din limbajul html. Scopul său este același cu atributul alt, cu diferența că această descriere va fi afișată utilizatorului site-ului atunci când cursorul trece peste imagine. Acest atribut nu este implicat în promovarea site-ului, dar vă permite să creșteți factorul comportamental, care afectează și poziția site-ului în motorul de căutare. Este scris ca acest titlu = "(! LANG: Descrierea imaginii" . Поэтому !} optimizarea imaginii de asemenea, joacă un rol important în promovarea site-ului web în motoarele de căutare.

Exemplu de imagine optimizată pentru SEO folosind atributele alt și titlu:

Acum veți vedea o mostră a imaginii optimizate folosind cele două atribute de mai sus.

Cu atributul titlu (deplasați cursorul peste imagine)

titlu = "(! LANG: Gimnastă pisică" > !}

Cu atributul alt (fără imagine)

Exemplu de cod pentru această imagine:

Fără atribut alt (fără imagine)

Exemplu de cod pentru această imagine:

În ce calitate trebuie să folosiți imagini și imagini de pe site.

Cu siguranță este mai bine să folosiți imagini și imagini de pe site de bună calitate, dar pentru ca acestea să nu afecteze foarte mult încărcarea site-ului. Deoarece mulți oameni de pe Internet folosesc internetul la viteze mici și dacă nu așteaptă să se încarce site-ul, vor părăsi acest site și nu se vor mai întoarce niciodată aici, ceea ce va afecta în cele din urmă traficul.

De asemenea, ceea ce am observat în timpul navigării pe multe site-uri este că, pe lângă imaginile mari (kiloocteți), site-ul folosește o dimensiune mare de fundal ca imagine. Dacă ați decis deja să utilizați o imagine ca fundal, atunci este mai bine să o alegeți într-o singură culoare și mică, astfel încât să se amestece și să aveți o imagine întreagă.

De asemenea, atunci când utilizați imagini de înaltă calitate, trebuie să țineți cont de dimensiunea spațiului pe disc de pe găzduirea dvs. și de viteza serverului. Cu cât este mai jos, cu atât site-ul tău se va încărca mai lent. Prin urmare, înainte de a folosi imagini de bună calitate pentru un site, trebuie să știți unde să le aplicați și în ce cantitate.

Aceasta încheie acest articol. Sper că acum înțelegeți ce este optimizarea imaginii, și ce atribute folosește optimizarea imaginii pentru aceasta.

Apropo, dacă nu știți cum să reduceți calitatea imaginii, atunci utilizați programul Photoshop. Pentru a face acest lucru, accesați meniul „Fișier” și selectați elementul „Salvare pentru web și dispozitive”.

Dacă ți-a plăcut acest articol, atunci te rog să lași un comentariu în partea de jos a acestui articol. Îți voi fi foarte recunoscător.

Alte pagini ale site-ului:

Top articole similare