imaginile mari sunt o mare problemă! Ei bog jos pagina de încărcare ori și îndopa până cantități masive de spațiu pagină, semnalizare Google că pagina este lent, rupt, și ar trebui să fie evitate. Acest lucru poate trimite site-ul dvs. în no man ‘ s land: pagina a doua. Yikes!
pentru a vă ajuta să evitați să vă pierdeți în pustie, am venit cu câteva sfaturi despre cele mai bune practici pentru redimensionarea imaginilor., Aici veți găsi instrucțiuni pentru dimensiunea imaginii, împreună cu sfaturi pentru utilizarea și optimizarea imaginii.
4 Întrebări să Te Întrebi Despre Dimensiunea Imaginii
- cât de larg este site-ul meu? Lățimile site-urilor web variază, deci dacă doriți să adăugați imagini mari, veți dori să știți cât de largă este zona dvs. de conținut., Au fost de multe ori când vorbim cu proprietarii de afaceri care sunt nemulțumiți de cât de lent site-ul lor se încarcă, doar pentru a găsi că au adăugat o imagine de 5 megabyte pe un site care este doar 3 megs—vorbesc despre load lag!
- câte coloane sunt pe pagina în care va fi afișat conținutul? Dacă site-ul dvs. web are un design cu o singură coloană, aveți aproximativ 980 de pixeli cu care să lucrați. Cu toate acestea, dacă aveți două coloane, veți dori să păstrați imaginea nu mai mare de 640 de pixeli. În acest fel, nu va mânca pagina și imobiliare valoroase pentru conținut.,
- imaginea este punctul central al conținutului sau este o îmbunătățire? După ce ați creat (sau partajați) un infografic, imaginea va fi punctul central al paginii. În acest caz, este perfect acceptabil să lăsați imaginea mare, permițându-i să se extindă pe pagină. Cu toate acestea, dacă este doar o imagine menită să adauge interes vizual, păstrați imaginea mică, de aproximativ 200 până la 250 de pixeli lățime. Îl doriți suficient de mic pentru a nu ocupa întreaga coloană, cu suficient spațiu pentru ca textul să se înfășoare în jurul acesteia.
- cum va arăta imaginea pe un dispozitiv mobil?, La fel ca în cazul dimensiunilor site-ului desktop, dimensiunea unui site web mobil poate varia. Din această cauză, va trebui să personalizați dimensiunea imaginii pe site-ul dvs. Pentru a determina dacă imaginile dvs. sunt prea mari pentru site-ul dvs. mobil, ridicați telefonul și deschideți pagina cu imaginea. Veți ști imediat dacă este prea mare, deoarece poate afecta timpul de încărcare și va prelua întreaga pagină. Dacă acesta este cazul, du-te înapoi, psihiatru, și uite din nou. De asemenea, evaluați dacă imaginea este necesară pentru conținut. Dacă nu, ar fi mai bine să-l lăsați afară, făcând conținutul scris pe pagină mai ușor de citit.,
fixarea distorsiunii proporției
mai jos, avem un studiu de caz despre modul în care imaginile sunt afișate pe dispozitivele mobile. În stânga este o imagine largă de 5000 de pixeli. Nu numai că încetinește timpul de încărcare a paginii, dar puteți vedea cum se întinde și încearcă să se strecoare în vizualizarea mobilă. În partea dreaptă, imaginea a fost redimensionată la 250 de pixeli și setată să fie afișată la 100% lățime pe orice dispozitiv, așa că arată excelent atât pe desktop, cât și pe versiunea mobilă aici.,
-
Un exemplu de o prea-mare imagine de pe un dispozitiv mobil. Unde e conținutul?! -
Aici aceeași imagine a fost tăiat în jos pentru a dimensiune. Acum există loc pentru a vizualiza atât conținutul, cât și imaginea.
Sfat Pro: ca regulă generală, nu plasați niciodată o imagine uriașă în partea de sus a conținutului., Acest lucru va distrage cititorul, făcându-l mai probabil să oprească derularea și să meargă mai departe…poate către concurentul tău!
contracție (un lucru bun în acest caz!)
înainte de a începe micșorarea imaginii, asigurați-vă că salvați originalul. Acest lucru vă va permite să reveniți la el, dacă îl faceți accidental prea mic. În timp ce puteți micșora întotdeauna o imagine în jos, este imposibil să o măriți odată ce este micșorată. Ceea ce veți termina cu este o imagine granulată, pixilată. Nu e bine!deci, dacă imaginea dvs. începe de la 2000 de pixeli, reduceți-o la 500., Aruncați o privire, asigurându-vă că nu ați făcut-o prea mică; apoi, dacă este necesar, micșorați din nou. Căutați echilibrul perfect între dimensiunea pixelilor și calitatea imaginii: la ce folosește o imagine dinky pe care nimeni nu o poate vedea?o notă pentru clienții Foster Web Marketing: dacă doriți instrucțiuni mai detaliate, consultați instrucțiunile noastre pas cu pas despre adăugarea, optimizarea și redimensionarea imaginilor. Găsiți aceste informații și multe altele în Forumul utilizatorilor din DSS. Sau sună-mă! Aș fi mai mult decât fericit să te plimbi prin acest proces.,
alte considerente de imagine
când sunt făcute corect, imaginile vă pot ajuta să vă îmbunătățiți clasamentul de căutare. Pentru a optimiza corect imaginile, vă recomandăm să:
- redenumiți fișierul. Indiferent dacă utilizați o imagine stoc sau propria imagine originală, trebuie să vă gândiți înainte de a numi fișierul. În loc de” image4″, încercați ceva mai descriptiv, cum ar fi ” Car crash Dallas.”
- adaugă o etichetă ALT. Această scurtă bucată de text (în general Sub 20 de caractere sau aproximativ trei cuvinte) va fi folosită pentru a ajuta persoanele cu deficiențe de vedere și roboții Google să înțeleagă ce este imaginea.,
- Include o legendă. Subtitrările de imagini sunt printre cele mai citite conținuturi de pe un site web, așa că nu uitați să adăugați o legendă interesantă și relevantă.
- verificați relevanța. Imaginile ajută la implicarea cititorului și pot adăuga profunzime conținutului scris. Dar adăugarea de imagini de dragul adăugării de imagini este o pierdere de timp.pentru a săpa mai adânc în modul de a obține mai mult din fiecare imagine pe care o postați, asigurați-vă că citiți articolul nostru, deblocați potențialul SEO al site-ului dvs. web.dacă vi s-a părut util acest articol, asigurați-vă că îl distribuiți pe Facebook sau oriunde credeți că va ajunge la cei mai mulți proprietari de afaceri., Împreună putem ajuta la prevenirea timpilor de încărcare lentă!
