Οδηγός Προετοιμασίας Φωτογραφιών για το E-shop
Μάθετε πώς να προετοιμάζετε σωστά τις εικόνες των προϊόντων σας πριν τις ανεβάσετε, εξασφαλίζοντας κορυφαία εμφάνιση και μέγιστη ταχύτητα στο WooCommerce.
Μια επαγγελματική παρουσίαση προϊόντων απαιτεί ομοιομορφία και ταχύτητα. Όταν ανεβάζετε φωτογραφίες κατευθείαν από το κινητό ή τη φωτογραφική σας μηχανή χωρίς επεξεργασία, το e-shop “βαραίνει”, οι σελίδες αργούν να φορτώσουν και οι πελάτες εγκαταλείπουν το καλάθι. Ακολουθήστε τα 4 απλά βήματα του οδηγού μας για τέλεια αποτελέσματα.
Σωστές Αναλογίες και Διαστάσεις (Dimensions)
Για να μην φαίνονται οι φωτογραφίες σας “κομμένες” ή ανομοιόμορφες στις λίστες των προϊόντων, πρέπει να έχουν όλες τις ίδιες διαστάσεις.
Οι προτεινόμενες διαστάσεις για το WooCommerce είναι:
- Τετράγωνες εικόνες (Αναλογία 1:1): 800 x 800 pixels ή 1000 x 1000 pixels (Η ιδανικότερη επιλογή για τα περισσότερα e-shops).
- Κάθετες εικόνες (Ρούχα/Μόδα – Αναλογία 2:3): 800 x 1200 pixels.
[ Screenshot: Παράδειγμα σωστής τετράγωνης στοίχισης προϊόντων σε e-shop ]
Ονοματολογία Αρχείων για το SEO
Η Google διαβάζει το όνομα του αρχείου της φωτογραφίας για να καταλάβει τι δείχνει. Μην ανεβάζετε ποτέ εικόνες με ονόματα όπως IMG_4922.jpg.
Ο κανόνας: Μετονομάστε το αρχείο στον υπολογιστή σας χρησιμοποιώντας πεζά λατινικά γράμματα και παύλες (-) αντί για κενά, περιγράφοντας το προϊόν.
Παράδειγμα: kokkino-gynaikeio-forema-silk.jpg
Συμπίεση και Μέγεθος Αρχείου (Weight)
Αυτός είναι ο πιο κρίσιμος παράγοντας. Μια φωτογραφία από σύγχρονο κινητό ζυγίζει περίπου 3MB με 6MB. Στο e-shop, η κάθε φωτογραφία **δεν πρέπει να ξεπερνά τα 100KB με 150KB**!
Πριν τις ανεβάσετε στο WordPress, χρησιμοποιήστε δωρεάν online εργαλεία συμπίεσης όπως το TinyPNG ή το ILoveIMG. Απλώς σέρνετε τις φωτογραφίες σας εκεί, το εργαλείο μειώνει το μέγεθός τους έως και 80% χωρίς να χάσουν καθόλου σε ποιότητα, και τις κατεβάζετε έτοιμες για χρήση.
Χρησιμοποιείτε .jpg για όλες τις κλασικές φωτογραφίες προϊόντων. Είναι πολύ πιο ελαφριά αρχεία. Χρησιμοποιείτε .png **μόνο** αν η φωτογραφία σας έχει διαφανές φόντο (transparent). Αν ανεβάσετε μια απλή φωτογραφία με λευκό φόντο σε μορφή .png, θα είναι χωρίς λόγο 3 φορές πιο βαριά από την αντίστοιχη .jpg!
[ Screenshot: Η αρχική σελίδα του TinyPNG με το πλαίσιο drag & drop ]
Εισαγωγή Εναλλακτικού Κειμένου (Alt Text) κατά το Ανέβασμα
Όταν ανεβάσετε πλέον την έτοιμη εικόνα στο WooCommerce, κάντε κλικ πάνω της μέσα στην “Πολυμέσα” (Media Library). Στα δεξιά της οθόνης θα δείτε το πεδίο Εναλλακτικό Κείμενο (Alt Text).
Γράψτε εκεί μια σύντομη φράση στα ελληνικά με φυσικό τρόπο (π.χ. Κόκκινο μεταξωτό γυναικείο φόρεμα). Αυτό βοηθάει τα άτομα με προβλήματα όρασης, αλλά και τη Google να εμφανίζει τις εικόνες σας στα Google Images, φέρνοντας επιπλέον δωρεάν κίνηση στο κατάστημά σας.
Στην Skynetix εγκαθιστούμε συχνά ειδικά plugins που μετατρέπουν αυτόματα τις εικόνες σας σε μορφή WebP (τη νέα μορφή που ζητάει η Google). Ωστόσο, αυτά τα πρόσθετα λειτουργούν ως ασφάλεια και δεν μπορούν να κάνουν θαύματα αν ανεβάσετε μια τεράστια φωτογραφία 10MB απευθείας από επαγγελματική μηχανή. Η σωστή προετοιμασία στον υπολογιστή σας είναι πάντα απαραίτητη!
[ Screenshot: Το πεδίο “Εναλλακτικό Κείμενο” (Alt Text) μέσα στη βιβλιοθήκη πολυμέσων του WordPress ]
Αντιμετωπίζετε προβλήματα με την ταχύτητα του e-shop σας;
Αν στο παρελθόν είχατε ανεβάσει εκατοντάδες ασυμπίεστες φωτογραφίες και το site σας πλέον καθυστερεί, δεν χρειάζεται να τις διορθώσετε μία προς μία χειροκίνητα. Στην Skynetix μπορούμε να πραγματοποιήσουμε ένα πλήρες Speed Optimization & Image Bulk Overhaul. Θα καθαρίσουμε τη βάση δεδομένων σας, θα συμπιέσουμε μαζικά όλες τις υπάρχουσες εικόνες και θα ρυθμίσουμε προηγμένους μηχανισμούς Caching, παραδίδοντάς σας ένα e-shop που “πετάει”!
