store billeder er et stort problem! De mose ned side load tider og opsluge massive mængder af sideplads, signalering til Google, at din side er langsom, brudt, og bør undgås. Dette kan sende dit websiteebsted til ingenmandsland: side to. Yikes!
for at hjælpe dig med at undgå at gå tabt i ørkenen, har jeg fundet nogle tip til bedste praksis til ændring af størrelse på billeder., Her finder du retningslinjer for billedstørrelse sammen med råd til billedbrug og optimering.
4 Spørgsmål at Spørge dig Selv, Om Image Size
- hvor bred er min hjemmeside? Websiteebstedets bredder varierer, så hvis du gerne vil tilføje store billeder, vil du vide, hvor bredt dit indholdsområde er., Der har været mange gange, når vi taler med virksomhedsejere, der er utilfredse med, hvor langsomt deres websiteebsted indlæses, kun for at finde ud af, at de tilføjede et 5-megabyte billede på et siteebsted, der kun er 3 megs—tal om belastningsforsinkelse!
- hvor mange kolonner er der på den side, hvor indholdet vil blive vist? Hvis dit websiteebsted er et enkelt kolonnedesign, har du cirka 980 pi .els at arbejde med. Men hvis du har to kolonner, vil du gerne holde billedet ikke større end 640 pi .els. Denne måde, det vil ikke spise op siden og værdifulde fast ejendom for indhold.,
- er billedet fokus for indholdet, eller er det en forbedring? Når du har oprettet (eller deler) en infographic, vil billedet være fokus på siden. I dette tilfælde er det helt acceptabelt at lade billedet være stort, så det kan sprede sig over siden. Men hvis det bare er et billede, der er beregnet til at tilføje visuel interesse, skal du holde billedet lille, omkring 200 til 250 pi .els bredt. Du vil have det lille nok, så det ikke tager hele kolonnen op, med nok plads til tekst til at pakke rundt om det.
- Hvordan ser billedet ud på en mobilenhed?, Ligesom med desktop websiteebsite størrelser, størrelsen af en mobil hjemmeside kan variere. På grund af dette skal du tilpasse din billedstørrelse til dit .ebsted. For at afgøre, om dine billeder er for store til dit mobil siteebsted, skal du hente din telefon og åbne siden med dit billede. Du ved med det samme, om det er for stort, da det kan påvirke belastningstiden, og det vil tage hele siden op. Hvis dette er tilfældet, skal du gå tilbage, krympe og se igen. Vurder også, om billedet er nødvendigt for indholdet. Hvis det ikke er tilfældet, kan det være bedst at lade det være ude, hvilket gør det skrevne indhold på siden lettere at læse.,
fastsættelse af forvrængning af proportioner
nedenfor har vi et casestudie om, hvordan billeder vises på mobile enheder. Til venstre er et 5000-pi .el bredt billede. Ikke kun sænker det sideindlæsningstiden, men du kan se, hvordan den strækker sig og forsøger at presse ind i mobilvisningen. Til højre blev billedet ændret til 250 pi .els og indstillet til at blive vist med 100% bredde på enhver enhed, så det ser godt ud både på et skrivebord og på den mobile version her.,
-
Et eksempel på en alt for stor billede på en mobil enhed. Hvor er indholdet?! -
Her det samme billede, der er blevet skåret ned til størrelse. Nu er der plads til at se både indhold og billede.
Pro Tip: Placer som hovedregel aldrig et stort billede øverst i dit indhold., Dette vil distrahere læseren, hvilket gør ham mere tilbøjelig til at stoppe med at rulle og gå videre…måske til din konkurrent!
krympning (en god ting i dette tilfælde!)
før du begynder at krympe ned dit billede, skal du sørge for at gemme originalen. Dette giver dig mulighed for at komme tilbage til det, hvis du ved et uheld gør det for lille. Mens du altid kan skrumpe et billede ned, er det umuligt at forstørre det, når det er krympet. Hvad du ender med er et kornet, pi .ileret billede. Ikke godt!
så hvis dit billede starter ved 2000 pi .els, reducer det til 500., Tag et kig, sikre, at du ikke har gjort det for lille; derefter, hvis det er nødvendigt, krympe igen. Du leder efter den perfekte balance mellem PI ?elstørrelse og billedkvalitet: hvilken brug er et dinky billede, som ingen kan se?
en note til klienter hos Foster Marketingeb Marketing: hvis du gerne vil have mere detaljerede instruktioner, kan du tjekke vores trinvise instruktioner om at tilføje, optimere og ændre størrelse på billeder. Find denne information og mere i Brugerforummet i DSS. Eller ring til mig! Jeg ville være mere end glad for at lede dig gennem processen.,
andre Billedovervejelser
når det gøres korrekt, kan billeder hjælpe med at øge din søgerangering. For at optimere dine billeder korrekt anbefaler vi, at du:
- omdøber filen. Uanset om du bruger et lagerbillede eller dit eget originale billede, skal du tænke, før du navngiver filen. I stedet for “image4,” prøv noget mere beskrivende ,såsom ” car crash Dallas.”
- Tilføj et ALT-tag. Denne korte stykke tekst (generelt under 20 tegn, eller omkring tre ord) vil blive brugt til at hjælpe synshandicappede og Google bots til at forstå, hvad billedet er.,
- Medtag en billedtekst. Billedtekster er blandt de mest læste indhold på et websiteebsted, så glem ikke at tilføje en interessant, relevant billedtekst.
- Check for relevans. Billeder hjælper med at engagere læseren og kan tilføje dybde til skriftligt indhold. Men at tilføje billeder for at tilføje billeder er spild af tid.
for at grave dybere ned i, hvordan du får mere ud af hvert billede, du poster, skal du læse vores artikel, låse op for SEO-potentialet på dit Websiteebsted.
Hvis du fandt denne artikel nyttig, skal du sørge for at dele den på Facebook eller hvor som helst du tror, den vil nå ud til de fleste virksomhedsejere., Sammen kan vi hjælpe med at forhindre langsomme belastningstider!
