grote afbeeldingen zijn een groot probleem! Ze bog down pagina laadtijden en slokken enorme hoeveelheden pagina ruimte, signalering naar Google dat uw pagina is traag, gebroken, en moet worden vermeden. Dit kan je website Naar Niemandsland sturen: pagina twee. Jakkes!
om u te helpen voorkomen dat u verdwaalt in de wildernis, heb ik enkele tips bedacht voor het wijzigen van afbeeldingen., Hier vindt u richtlijnen voor beeldgrootte samen met advies voor beeldgebruik en optimalisatie.
4 vragen over de afbeeldingsgrootte
- Hoe breed is mijn website? Website breedtes variëren, dus als u grote afbeeldingen wilt toevoegen, wilt u weten hoe breed uw content gebied is., Er zijn vele malen wanneer we spreken met ondernemers die niet tevreden zijn met hoe langzaam hun website wordt geladen, alleen te vinden dat ze een 5-megabyte afbeelding toegevoegd aan een site die is slechts 3 meg-praten over load lag!
- hoeveel kolommen staan er op de pagina waar de inhoud wordt weergegeven? Als uw website is een enkele kolom ontwerp, heb je ongeveer 980 pixels om mee te werken. Als u echter twee kolommen hebt, wilt u de afbeelding niet groter dan 640 pixels houden. Op deze manier, het zal niet eten van de pagina en waardevolle onroerend goed voor de inhoud.,
- is de afbeelding de focus van de inhoud, of is het een verbetering? Wanneer u een infographic hebt gemaakt (of deelt), wordt de afbeelding de focus van de pagina. In dit geval, het is perfect aanvaardbaar om de afbeelding groot te verlaten, waardoor het te verspreiden over de pagina. Echter, als het gewoon een afbeelding is bedoeld om visuele interesse toe te voegen, houd de afbeelding klein, ongeveer 200 tot 250 pixels breed. Je wilt het klein genoeg zodat het niet de hele kolom in beslag neemt, met genoeg ruimte voor tekst om er omheen te wikkelen.
- Hoe ziet de afbeelding eruit op een mobiel apparaat?, Net als bij desktop website maten, de grootte van een mobiele website kan variëren. Vanwege dit, moet u uw beeldgrootte aan te passen aan uw site. Om te bepalen of uw afbeeldingen te groot zijn voor uw mobiele site, pakt u uw telefoon op en opent u de pagina met uw afbeelding. U zult meteen weten als het te groot is als het laadtijd kan beïnvloeden, en het zal de hele pagina in beslag nemen. Als dit het geval is, ga terug, krimpen, en kijk opnieuw. Ook, evalueren of het beeld nodig is om de inhoud. Als dat niet het geval is, kan het het beste zijn om het weg te laten, waardoor de geschreven inhoud op de pagina gemakkelijker te lezen is.,
fixing Proportion Distortion
hieronder hebben we een casestudy over hoe afbeeldingen worden weergegeven op mobiele apparaten. Aan de linkerkant is een 5000-pixel brede afbeelding. Niet alleen vertraagt het de laadtijd van de pagina, maar je kunt zien hoe het zich uitstrekt en probeert te knijpen in de mobiele weergave. Aan de rechterkant, de afbeelding werd aangepast aan 250 pixels en ingesteld op Weergave op 100% breedte op elk apparaat, dus het ziet er geweldig uit, zowel op een desktop en op de mobiele versie hier.,
-
een voorbeeld van een te grote afbeelding op een mobiel apparaat. Waar is de inhoud?! -
hier is dezelfde afbeelding op maat gesneden. Nu is er ruimte om zowel de inhoud als de afbeelding te bekijken.
Pro Tip: plaats in het algemeen nooit een grote afbeelding boven aan uw inhoud., Dit zal de lezer afleiden, waardoor hij meer kans om te stoppen met scrollen en verder te gaan … misschien naar uw concurrent!
krimp (een goede zaak in dit geval!)
voordat u begint met het verkleinen van uw afbeelding, zorg ervoor dat u het origineel opslaat. Dit zal u toelaten om terug te komen naar het, mocht u per ongeluk maken het te klein. Hoewel je een afbeelding altijd kunt verkleinen, is het onmogelijk om het te vergroten als het eenmaal gekrompen is. Wat je uiteindelijk krijgt is een korrelig, gepixileerd beeld. Niet goed!
dus als je afbeelding begint met 2000 pixels, verminder het dan tot 500., Neem een kijkje, ervoor te zorgen dat je het niet te klein hebt gemaakt; dan, indien nodig, krimpen opnieuw. U zoekt de perfecte balans tussen pixelgrootte en kwaliteit van de afbeelding: wat heeft een dinky afbeelding voor zin die niemand kan zien?
een opmerking voor klanten van Foster Web Marketing: Als u meer gedetailleerde instructies wilt, bekijk dan onze stap-voor-stap instructies over het toevoegen, optimaliseren en vergroten of verkleinen van afbeeldingen. Vind deze informatie en meer in het gebruikersforum in DSS. Of bel me op. Ik wil je graag door het proces leiden.,
andere Afbeeldingsoverwegingen
wanneer dit correct wordt gedaan, kunnen afbeeldingen uw zoekranglijst helpen verbeteren. Om uw afbeeldingen goed te optimaliseren, raden wij u aan:
- het bestand een andere naam te geven. Of u nu een stockafbeelding of uw eigen originele afbeelding gebruikt, u moet nadenken voordat u het bestand een naam geeft. In plaats van “image4,” probeer iets meer beschrijvende, zoals ” auto-ongeluk Dallas.”
- voeg een ALT-tag toe. Dit korte stuk tekst (over het algemeen minder dan 20 tekens, of ongeveer drie woorden) zal worden gebruikt om visueel gehandicapten en Google bots te helpen begrijpen wat de afbeelding is.,
- voeg een bijschrift toe. Afbeeldingsbijschriften behoren tot de meest gelezen content op een website, dus vergeet niet om een interessant, relevant bijschrift toe te voegen.
- controleer op relevantie. Afbeeldingen helpen de lezer te betrekken en kunnen diepte toevoegen aan geschreven inhoud. Maar het toevoegen van afbeeldingen omwille van het toevoegen van afbeeldingen is een verspilling van tijd.
om dieper in te gaan op hoe u meer uit elke afbeelding die u post kunt halen, moet u ons artikel lezen en het SEO-potentieel van uw Website ontgrendelen.
Als u dit artikel nuttig vond, zorg er dan voor dat u het op Facebook deelt of waar u denkt dat het de meeste ondernemers zal bereiken., Samen kunnen we langzame laadtijden helpen voorkomen!
