Le immagini grandi sono un grosso problema! Essi impantanarsi pagina tempi di caricamento e divorare enormi quantità di spazio di pagina, segnalando a Google che la pagina è lenta, rotto, e dovrebbe essere evitato. Questo può inviare il tuo sito web nella terra di nessuno: pagina due. Accidenti!
Per aiutarti a evitare di perdersi nel deserto, ho trovato alcuni consigli sulle migliori pratiche per ridimensionare le immagini., Qui troverai le linee guida per le dimensioni dell’immagine insieme a consigli per l’utilizzo e l’ottimizzazione dell’immagine.
4 Domande da porsi sulle dimensioni dell’immagine
- Quanto è ampio il mio sito web? Le larghezze del sito Web variano, quindi se desideri aggiungere immagini grandi, ti consigliamo di sapere quanto è ampia la tua area di contenuti., Ci sono state molte volte in cui parliamo con imprenditori che sono insoddisfatti di quanto lentamente il loro sito web si sta caricando, solo per scoprire che hanno aggiunto un’immagine da 5 megabyte su un sito che è solo 3 megs-parlare di ritardo di carico!
- Quante colonne ci sono nella pagina in cui verrà visualizzato il contenuto? Se il tuo sito Web è un design a colonna singola, hai circa 980 pixel con cui lavorare. Tuttavia, se hai due colonne, ti consigliamo di mantenere l’immagine non più grande di 640 pixel. In questo modo, non mangerà la pagina e gli immobili di valore per i contenuti.,
- L’immagine è al centro del contenuto o è un miglioramento? Quando hai creato (o stai condividendo) un’infografica, l’immagine sarà al centro della pagina. In questo caso, è perfettamente accettabile lasciare l’immagine grande, permettendole di espandersi attraverso la pagina. Tuttavia, se è solo un’immagine pensata per aggiungere interesse visivo, mantieni l’immagine piccola, larga da 200 a 250 pixel. Lo vuoi abbastanza piccolo in modo che non occupi l’intera colonna, con abbastanza spazio per il testo da avvolgerlo.
- Come apparirà l’immagine su un dispositivo mobile?, Proprio come con le dimensioni del sito web desktop, la dimensione di un sito web mobile può variare. Per questo motivo, dovrai personalizzare le dimensioni dell’immagine sul tuo sito. Per determinare se le tue immagini sono troppo grandi per il tuo sito mobile, prendi il telefono e apri la pagina con la tua immagine. Saprai subito se è troppo grande in quanto potrebbe influire sul tempo di caricamento e occuperà l’intera pagina. Se questo è il caso, tornare indietro, ridursi, e guardare di nuovo. Inoltre, valutare se l’immagine è necessaria per il contenuto. Se non lo è, potrebbe essere meglio lasciarlo fuori, rendendo il contenuto scritto sulla pagina più facile da leggere.,
Fixing Proportion Distortion
Di seguito, abbiamo un caso di studio su come le immagini vengono visualizzate sui dispositivi mobili. A sinistra c’è un’immagine larga 5000 pixel. Non solo rallenta il tempo di caricamento della pagina, ma puoi vedere come si estende e cerca di spremere nella vista mobile. A destra, l’immagine è stata ridimensionata a 250 pixel e impostata per essere visualizzata al 100% di larghezza su qualsiasi dispositivo, quindi sembra grande sia su un desktop che sulla versione mobile qui.,
-
Un esempio di immagine troppo grande su un dispositivo mobile. Dov’è il contenuto?! -
Qui la stessa immagine è stato tagliato a misura. Ora c’è spazio per visualizzare sia il contenuto che l’immagine.
Suggerimento: come regola generale, non posizionare mai un’immagine enorme nella parte superiore del contenuto., Questo distrarrà il lettore, rendendolo più propenso a smettere di scorrere e andare avanti perhaps forse al tuo concorrente!
Ritiro (una buona cosa in questo caso!)
Prima di iniziare a ridurre l’immagine, assicurati di salvare l’originale. Questo ti permetterà di tornare ad esso, se accidentalmente lo rendessi troppo piccolo. Mentre puoi sempre ridurre un’immagine, è impossibile ingrandirla una volta che è ridotta. Quello che ti ritroverai con è un’immagine sgranata e pixellata. Non va bene!
Quindi se l’immagine inizia a 2000 pixel, ridurla a 500., Dai un’occhiata, assicurandoti di non averlo reso troppo piccolo; quindi, se necessario, ridursi di nuovo. Stai cercando il perfetto equilibrio tra dimensioni in pixel e qualità dell’immagine: a che serve un’immagine dinky che nessuno può vedere?
Una nota ai clienti di Foster Web Marketing: Se desideri istruzioni più dettagliate, consulta le nostre istruzioni passo-passo su come aggiungere, ottimizzare e ridimensionare le immagini. Trova queste informazioni e altro nel Forum degli utenti in DSS. O chiamami! Sarei piu ‘ che felice di accompagnarti nel processo.,
Altre considerazioni sull’immagine
Se fatto correttamente, le immagini possono aiutare a migliorare il tuo ranking di ricerca. Per ottimizzare correttamente le immagini, si consiglia di:
- Rinominare il file. Se si utilizza un’immagine stock o la propria immagine originale, è necessario pensare prima di nominare il file. Invece di” image4″, prova qualcosa di più descrittivo, come ” car crash Dallas.”
- Aggiungi un tag ALT. Questo breve pezzo di testo (generalmente sotto i caratteri 20, o circa tre parole) verrà utilizzato per aiutare i non vedenti e i bot di Google a capire qual è l’immagine.,
- Includere una didascalia. Le didascalie delle immagini sono tra i contenuti più letti su un sito web, quindi non dimenticare di aggiungere una didascalia interessante e pertinente.
- Verificare la pertinenza. Le immagini aiutano a coinvolgere il lettore e possono aggiungere profondità al contenuto scritto. Ma l’aggiunta di immagini per il gusto di aggiungere immagini è una perdita di tempo.
Per approfondire come ottenere di più da ogni immagine che pubblichi, assicurati di leggere il nostro articolo, sblocca il potenziale SEO del tuo sito web.
Se hai trovato utile questo articolo, assicurati di condividerlo su Facebook o ovunque tu pensi che raggiungerà la maggior parte dei proprietari di imprese., Insieme possiamo aiutare a prevenire i tempi di caricamento lenti!
