Store bilder er et stort problem! De treg side lasting og sluke opp enorme mengder plass på siden, signaliserte til Google at siden din er treg, brutt, og bør unngås. Dette kan sende ditt nettsted til no man ‘ s land: side to. Yikes!
for Å hjelpe deg med å unngå å gå seg vill i villmarken, har jeg kommet opp med noen beste praksis tips for å endre størrelse bilder., Her finner du retningslinjer for bildestørrelse sammen med råd for bruk av bilder og optimalisering.
4 Spørsmål å Stille deg Selv Om Image Size
– >
- Hvor bredt er min nettside? Nettstedet bredder variere, så hvis du ønsker å legge store bilder, vil du ønsker å vite hvor bredt innholdet ditt område er., Det har vært mange ganger når vi snakker med bedrifter som er misfornøyd med hvordan sakte deres nettsted er lasting, bare for å oppdage at de har lagt til en 5-megabyte bilde på et nettsted som er bare 3 mb—snakk om å legge lag!
- Hvor mange kolonner som er på siden hvor vil innholdet bli vist? Hvis nettstedet ditt er en enkelt kolonne design, har du ca 980 punkter å jobbe med. Imidlertid, hvis du har to kolonner, vil du ønsker å holde bildet ikke er større enn 640 piksler. Denne måten, vil den ikke spiser opp på siden og en verdifull eiendom for innholdet.,
- bilde fokus på innhold, eller er det en forbedring? Når du har laget (eller deler) en infographic, bildet vil være fokus på siden. I dette tilfellet, er det helt akseptabelt å la bildet stort, slik at det å bre over siden. Imidlertid, hvis det er bare et bilde som er ment å legge visuell interesse, beholde bildet små, ca 200 til 250 piksler bred. Du vil ha den liten nok til at den ikke tar opp hele kolonnen, med nok plass for tekst-til å vikle rundt det.
- Hvordan vil bildet se ut på en mobil enhet?, Akkurat som med desktop nettsted størrelser, på størrelse med en mobil nettsted kan variere. På grunn av dette, vil du har til å tilpasse oppløsningen til nettstedet ditt. For å avgjøre om bildene dine er for store for mobilnettstedet ditt, kan du plukke opp telefonen og åpne siden med bildet ditt. Vil du vite med en gang om det er så stor som det kan påvirke lastetiden, og det vil ta opp hele siden. Hvis dette er tilfellet, går du tilbake, å krympe, og se igjen. Også vurdere om bildet er nødvendig for innholdet. Hvis det ikke er det, kan det være best å la den ut, gjør den skriftlige innhold på siden lettere å lese.,
Fikse Andel Forvrengning
Nedenfor, har vi en case-studie om hvordan bilder for visning på mobile enheter. På venstre er en 5000 piksler bredt bildet. Ikke bare gjør det sakte side legg i gang, men du kan se hvor det strekker seg, og prøver å presse inn mobile view. På høyre, bildet ble endret til 250 piksler, og satt til å vise på 100% bredde på hvilken som helst enhet, så det ser bra ut både på skrivebordet og på den mobile versjonen her.,
-
Et eksempel på et for stort bilde på en mobil enhet. Hvor blir det av innholdet?! -
Her det samme bildet har blitt kuttet ned til størrelse. Nå er det er plass til å vise både innhold og bilde.
Pro Tips: Som en generell regel, aldri sett et stort bilde i toppen av ditt innhold., Dette vil distrahere leseren, noe som gjør ham mer sannsynlig å slutte å rulle og gå videre…kanskje til din konkurrent!
Krymping (Bra i Dette Tilfellet!)
Før du begynner å krympe ned bildet ditt, må du lagre den originale. Dette vil tillate deg å komme tilbake til det, bør du skulle komme til å gjøre det for liten. Mens du kan alltid forminske et bilde ned, det er umulig å forstørre det når det er krympet. Hva du ender opp med er en kornete, pixilated bilde. Ikke bra!
Så hvis bildet ditt starter på 2000 punkter, redusere den til 500., Ta en titt, slik at du ikke har gjort det for liten; deretter, om nødvendig, krympe igjen. Du leter etter den perfekte balansen mellom pixel størrelse og kvalitet på bildet: Hva er et puslete bilde som ingen kan se?
Et notat til klienter av Foster Web Markedsføring: Hvis du ønsker mer detaljert informasjon, sjekk ut vår trinn-for-trinn-instruksjoner for å legge til, optimalisering, og endre størrelse bilder. Finne denne informasjonen og mer i brukerforum i DSS. Eller ring meg opp! Jeg vil være mer enn glad for å hjelpe deg gjennom prosessen.,
Andre Bilde Hensyn
Når det gjøres riktig, bilder kan bidra til å øke søkerangeringen. For å riktig å optimalisere bildene dine, anbefaler vi at du:
- Gi nytt navn til filen. Om du bruker en aksje bilde eller din egen opprinnelige bildet, du må tenke før du inn et navn på filen. I stedet for «image4,» prøve noe mer beskrivende, for eksempel «bil krasjet Dallas.»
- Legg til en ALT-tag. Denne kort tekst (vanligvis under 20 tegn, eller om tre ord) vil bli brukt til å hjelpe synshemmede og Google roboter til å forstå hva bildet er.,
- Inkludere en bildetekst. Bildetekst som er blant de mest leste innhold på en nettside, så ikke glem å legge til en interessant, relevant tekst.
- Sjekk for relevans. Bilder å engasjere leseren og kan du gi dybde til skriftlig innhold. Men å legge til bilder for å få til å legge til bilder er bortkastet tid.
for Å grave dypere inn i hvordan du får mer ut av hvert bilde du legger ut, sørg for å lese vår artikkel, Låse opp SEO Potensialet av Deres Hjemmeside.
Hvis du fant denne artikkelen nyttig, sørg for å dele det på Facebook eller hvor som helst du tror den vil nå de fleste bedriftseiere., Sammen kan vi bidra til å forebygge treg lasting!
