9 tips που πρέπει να γνωρίζετε για τη βελτιστοποίηση των εικόνων

WDΕάν έχετε ένα διαδικτυακό κατάστημα, η βελτιστοποίηση των εικόνων είναι μία τέχνη στην οποία πρέπει να γίνεται master. Από το να προσελκύσετε αγοραστές που κοιτάζουν της εικόνες της Google, έως το να μειώσετε το χρόνο που χρειάζεται η ιστοσελίδα σας για να φορτώσει, η βελτιστοποίηση των εικόνων είναι ένα σημαντικό κομμάτι στη δημιουργία ενός επιτυχημένου ηλεκτρονικού καταστήματος, από τη στιγμή που η φωτογραφία τους προϊόντος σας είναι ο πυλώνας του καταστήματος αυτού. Μήπως έχετε σκεφτεί ποτέ κάποια από τις ακόλουθες ερωτήσεις;

• Γιατί όταν κάνω μία αναζήτηση στις εικόνες της Google, δεν εμφανίζονται ποτέ τα αποτελέσματα αναζήτησής μου;
• Μήπως πρέπει να προσθέσω όλα τα χαρακτηριστικά στις εικόνες μου;
• Ποια είναι η διαφορά μεταξύ JPEG, GIF και PNG; Πότε πρέπει να χρησιμοποιήσω κάποιο άλλο;

Παρακάτω θα δείτε πως μπορείτε να βελτιστοποιήσετε εικόνες για το διαδίκτυο.

Ονομάστε τις εικόνες σας περιγραφικά και σε απλό λόγο

Είναι σημαντικό να χρησιμοποιείτε σχετικές λέξεις-κλειδιά για να βοηθήσετε την ιστοσελίδα σας να καταταγεί υψηλά στις μηχανές αναζήτησης. Η δημιουργία περιγραφικών και με «πλούσιες» λέξεις-κλειδιά ονομάτων κρίνεται ύψιστης σημασίας για τη βελτιστοποίηση των εικόνων. Οι μηχανές αναζήτησης όχι απλά εξετάζουν τα κείμενα στις ιστοσελίδες σας, αλλά και τα ονόματα των αρχείων των εικόνων σας.

Βελτιστοποιήστε τα εναλλακτικά σας χαρακτηριστικά προσεκτικά

Τα εναλλακτικά χαρακτηριστικά είναι τα εναλλακτικά κείμενα για τις εικόνες, όταν ένα πρόγραμμα περιήγησης δε μπορεί να τα απεικονίσει σωστά. Χρησιμοποιούνται, επίσης, για την προσβασιμότητα στο διαδίκτυο. Ακόμα και όταν η εικόνα απεικονίζεται, όταν στέκεστε πάνω της, μπορείτε να δείτε το εναλλακτικό χαρακτηριστικό κείμενο(αναλόγως της ρυθμίσεις της περιήγησης σας). τι εναλλακτικό χαρακτηριστικό σας προσθέτει SEO αξία στην ιστοσελίδα σας. Όσο πιο σχετικές είναι οι λέξεις-κλειδιά στις εικόνες της ιστοσελίδας σας, τόσο καλύτερα μπορείτε να καταταγείτε στα αποτελέσματα αναζήτησης. Τέλος, να κάνετε πάντα έναν εξονυχιστικό έλεγχο που και που, για να δείτε αν όλα λειτουργούν σωστά.

Διαλέξτε τις διαστάσεις της εικόνας σας και τις γωνίες των προϊόντων σας με προσοχή

Είναι συνήθης πρακτική να εμφανίζονται πολλές γωνίες του προϊόντος σας.

Ίσως θελήσετε να παρέχετε μεγαλύτερες προβολές για τους επισκέπτες σας, κάτι που μπορεί να προσφέρει μια υπέροχη εμπειρία χρήστη, αλλά να είστε προσεκτικοί. Ό, τι κι αν κάνετε, μην τοποθετείτε τη μεγαλύτερη εικόνα στην ιστοσελίδα σας και απλώς συρρικνώστε τις διαστάσεις μέσω του πηγαίου κώδικα. Αυτό θα αυξήσει το χρόνο φόρτωσης της σελίδας σας λόγω του μεγαλύτερου μεγέθους αρχείου που σχετίζεται με την εικόνα. Αντ’ αυτού, κάντε μικρότερη την εικόνα και δώστε την επιλογή προβολής μεγαλύτερης εικόνας σε αναδυόμενο παράθυρο ή σε ξεχωριστή ιστοσελίδα.

Μειώστε το μέγεθος του αρχείου των εικόνων σας

Σχεδόν το 50% των καταναλωτών δεν θα περιμένουν καν 3 δευτερόλεπτα για τη φόρτωση ενός ηλεκτρονικού καταστήματος. Η Google χρησιμοποιεί τον χρόνο φόρτωσης σελίδας ως παράγοντα κατάταξης στον αλγόριθμό τους. Όταν ένας πελάτης φτάνει στον ιστότοπό σας, μπορεί να χρειαστεί λίγος χρόνος για τη φόρτωση όλων, ανάλογα με το μέγεθος των αρχείων σας. Όσο μεγαλύτερα είναι τα μεγέθη των αρχείων, τόσο περισσότερο χρειάζεται η φόρτωση μιας ιστοσελίδας. Ένας τρόπος με τον οποίο μπορείτε να μειώσετε το μέγεθος του αρχείου εικόνας είναι χρησιμοποιώντας την εντολή “Αποθήκευση για Web” στο Adobe Photoshop. Όταν χρησιμοποιείτε αυτήν την εντολή, πρέπει να προσαρμόσετε την εικόνα στο χαμηλότερο δυνατό μέγεθος αρχείου, παρακολουθώντας παράλληλα την ποιότητα της εικόνας.

Επιλέξτε τον σωστό τύπο αρχείου

Υπάρχουν τρεις συνηθισμένοι τύποι αρχείων που χρησιμοποιούνται για την ανάρτηση εικόνων στον Ιστό: JPG, GIF και PNG.

• Οι εικόνες JPEG (ή .jpg) είναι κάπως παλιού τύπου αρχείου. Το JPEG έχει γίνει η de facto τυπική εικόνα του Διαδικτύου. Οι εικόνες JPEG μπορούν να συμπιεστούν σημαντικά, με αποτέλεσμα εικόνες υψηλής ποιότητας με μικρά μεγέθη αρχείων.
• Οι εικόνες GIF (.gif) είναι χαμηλότερης ποιότητας από τις εικόνες JPEG και χρησιμοποιούνται για πιο απλοϊκές εικόνες, όπως εικονίδια και διακοσμητικές εικόνες, αλλά υποστηρίζουν επίσης κινούμενα σχέδια. Όσον αφορά τη βελτιστοποίηση εικόνας, τα GIF είναι ιδανικά για αυτές τις απλές, απλές εικόνες σε μια ιστοσελίδα (που περιλαμβάνουν μόνο μερικά χρώματα). Αλλά για πολύπλοκες εικόνες και φωτογραφίες, τα GIF δεν είναι πάντα τόσο ελκυστικά. Αυτό ισχύει ιδιαίτερα για μεγάλες εικόνες.
• Οι εικόνες PNG γίνονται πιο δημοφιλείς ως εναλλακτική λύση για τα GIF. Τα PNG υποστηρίζουν πολλά περισσότερα χρώματα από τα GIF και δεν υποβαθμίζονται με την πάροδο του χρόνου με την αποθήκευση εκ νέου, όπως κάνουν τα JPEG. Παρόλο που ο τύπος αρχείου PNG αρχίζει να χρησιμοποιείται πιο συχνά, τα μεγέθη των αρχείων μπορεί να εξακολουθούν να είναι πολύ μεγαλύτερα από τις εικόνες JPEG.

Χρησιμοποιήστε χάρτες ιστοτόπου εικόνας

Εάν ο ιστότοπός σας χρησιμοποιεί Javascript, αναδυόμενα παράθυρα εικόνων ή άλλους “φανταχτερούς” τρόπους βελτίωσης της συνολικής εμπειρίας αγορών, οι χάρτες ιστοτόπων εικόνων θα βοηθήσουν στην προβολή των εικόνων σας από την Google. Τα προγράμματα ανίχνευσης ιστού δεν μπορούν να ανιχνεύσουν εικόνες που δεν αναφέρονται ειδικά στον πηγαίο κώδικα της ιστοσελίδας. Επομένως, για να ενημερώσετε τα προγράμματα ανίχνευσης σχετικά με άγνωστες εικόνες, πρέπει να αναφέρετε την τοποθεσία τους σε έναν χάρτη ιστότοπου με εικόνα. Εναλλακτικά, μπορείτε να υποβάλετε το χάρτη ιστότοπου στο Google χρησιμοποιώντας το Search Console.

Προσοχή στις διακοσμητικές εικόνες

Οι ιστότοποι έχουν συχνά μια ποικιλία διακοσμητικών εικόνων, όπως εικόνες φόντου, κουμπιά και περίγραμμα. Οτιδήποτε δεν σχετίζεται με το προϊόν μπορεί να θεωρηθεί διακοσμητική εικόνα. Αν και οι διακοσμητικές εικόνες μπορούν να προσθέσουν μεγάλη αισθητική σε μια ιστοσελίδα, μπορούν να οδηγήσουν σε μεγάλο συνδυασμένο μέγεθος αρχείου και αργού χρόνου φόρτωσης. Επομένως, ίσως θελήσετε να εξετάσετε προσεκτικά τις διακοσμητικές σας εικόνες, ώστε να μην επηρεάσουν την ικανότητα του ιστότοπού σας να μετατρέπει τους επισκέπτες σε πελάτες.

Να είστε προσεκτικοί όταν χρησιμοποιείτε δίκτυα παράδοσης περιεχομένου (CDN)

Τα CDN είναι ένας τόπος προορισμού για τη φιλοξενία εικόνων και άλλων αρχείων πολυμέσων. Μπορούν να αυξήσουν τις ταχύτητες φόρτωσης της σελίδας σας και να βοηθήσουν στην επίλυση προβλημάτων εύρους ζώνης. Εάν ο ιστότοπός σας πραγματοποιεί πολλές εργασίες κάθε μήνα, τότε το CDN είναι πιθανότατα καλή ιδέα, καθώς μπορεί να βοηθήσει στην επίλυση ενός μεγάλου εύρους ζητημάτων.

Δοκιμάστε τις εικόνες σας

Ελέγξτε τον αριθμό των εικόνων προϊόντων ανά σελίδα: Δεδομένου ότι οι χρόνοι φόρτωσης αποτελούν πρόβλημα για ορισμένους ιστότοπους ηλεκτρονικού εμπορίου που δεν φιλοξενούνται, ενδέχεται να διαπιστώσετε ότι η μείωση του αριθμού των εικόνων σε μια σελίδα θα αυξήσει τα ποσοστά κλικ και τις πωλήσεις.

Δοκιμάστε τις γωνίες που προτιμούν οι πελάτες σας. Ενδέχεται να δείτε αύξηση της αφοσίωσης των πελατών παρέχοντας τις εικόνες που θέλουν να δουν οι πελάτες σας. Ένας πολύ καλός τρόπος για να το καταλάβετε είναι να ρωτήσετε τους πελάτες σας σχετικά με το τι τους άρεσε περισσότερο κατά την προβολή των φωτογραφιών σας. Η έρευνα και η συνομιλία με τους πελάτες σας είναι μια μεγάλη συνήθεια για να μπείτε, γενικά.

Ακόμα, επαληθεύστε με δοκιμή. Δοκιμάστε πόσες καταχωρίσεις προϊόντων πρέπει να έχετε στις σελίδες κατηγορίας: 10, 20, 100 προϊόντα; Δοκιμάστε τον αριθμό των προϊόντων που αναγράφετε σε σελίδες κατηγοριών για να δείτε τι λειτουργεί καλύτερα για τους πελάτες σας.