30 Μαΐου, 2022 από Stonewave team

Οι φωτογραφίες είναι πολύ σημαντικά στοιχεία σε μια ιστοσελίδα και θα πρέπει να αποτελούν βασικό αντικείμενο στη στρατηγική του περιεχομένου της. Ουσιαστικά βοηθάνε να επικοινωνήσει η επιχείρηση πιο γρήγορα με τους χρήστες της. Σε αυτό το άρθρο θα αναφερθούν κάποιες τεχνικές με στόχο οι φωτογραφίες να φαίνονται σωστά σε κινητές συσκευές:

1. Αρχικά, η συμπλήρωση του τίτλου, και της περιγραφής στις φωτογραφίες είναι σημαντική γιατί βοηθάει τις ιστοσελίδες να καταταχθούν στις μηχανές αναζήτησης. Οι μηχανές αναζήτησης ανιχνεύουν τα κείμενα στις ιστοσελίδες αλλά και τα ονόματα των εικόνων.
2. Επίσης, το εναλλακτικό κείμενο (alt text) είναι χρήσιμο τόσο για θέματα προσβασιμότητας, αλλά και για την περίπτωση που ένας browser δεν μπορεί να προβάλει σωστά μία φωτογραφία. Επιπλέον, προσθέτει αξία SEO στον ιστότοπο. Η χρήση του χαρακτηριστικού alt είναι σημαντική για τα προϊόντα σε ένα ηλεκτρονικό κατάστημα και για αυτό το λόγο θα πρέπει να γραφούν προσεκτικά. Υπάρχουν κάποιοι απλοί κανόνες για τα χαρακτηριστικά alt:
   • Η περιγραφή των εικόνων να γίνει σε απλή γλώσσα όπως ακριβώς τα ονόματα των εικόνων.
   • Αν πρόκειται για ένα ηλεκτρονικό κατάστημα που πουλάει προϊόντα και αυτά έχουν αριθμούς μοντέλου ή σειριακούς αριθμούς, καλό θα είναι να συμπεριληφθούν στο εναλλακτικό κείμενο.
   • Μην γεμίζετε τα χαρακτηριστικά alt με λέξεις-κλειδιά.
3. Επιλέξτε τον σωστό τύπο αρχείου εικόνας, ο οποίος μπορεί να είναι jpeg, gif ή png. Το jpeg είναι ένας τυπικός τύπος αρχείου που μπορεί να συμπιεστεί αρκετά, γεγονός που οδηγεί σε ποιοτικές εικόνες με μικρά μεγέθη αρχείων. Ενδείκνυται για ρεαλιστικές φωτογραφίες με φυσικά χρώματα. Οι εικόνες gif είναι χαμηλότερης ποιότητας από τις εικόνες jpeg και χρησιμοποιούνται για πιο απλές διακοσμητικές εικόνες, στις οποίες μπορεί να υπάρχει και κίνηση. Οι εικόνες png προορίζονται για φωτογραφίες με φλατ χρώματα, όπως εικαστικά, διακοσμητικές φωτογραφίες ή εικονίδια. Πλεονέκτημά τους ειναι πως υποστηρίζουν διαφάνειες, αλλά το μέγεθός τους μεγαλώνει πολύ όταν περιέχουν πολλά και φυσικά χρώματα.
4. Ακόμη, θα πρέπει να γίνει βελτιστοποίηση στην ποιότητα των φωτογραφιών με σκοπό να μειωθεί το μέγεθός τους. Αυτό που πρέπει να αναλογιστείτε είναι ότι μεγάλο ποσοστό των επισκεπτών δεν περιμένει πάνω από τρία δευτερόλεπτα για να φορτώσει μια ιστοσελίδα. Ένας τρόπος με τον οποίο μπορείτε να μειώσετε το μέγεθος μια εικόνας είναι να χρησιμοποιήσετε την επιλογή Save for Web στο Adobe Photoshop. Αν δεν έχετε αυτό το εργαλείο στον υπολογιστή σας υπάρχουν αρκετά διαδικτυακά εργαλεία που μπορείτε να χρησιμοποιήσετε για την επεξεργασία εικόνων. Η Adobe προσφέρει και μια δωρεάν εφαρμογή επεξεργασίας εικόνας για smartphones και tablets, το Photoshop Express.
5. Τέλος, να βελτιστοποιήσετε τις μικρογραφίες εφόσον έχετε ηλεκτρονικό κατάστημα και ειδικά αν έχετε σελίδες κατηγοριών. Πολλές φορές οι μικρογραφίες επηρεάζουν την ταχύτητα φόρτωσης της ιστοσελίδας. Για αυτό τον λόγο, να κάνετε τα μεγέθη των αρχείων των μικρογραφιών όσο το δυνατόν μικρότερα.