Ανανεώνεις την αρχική σου σελίδα ένα βράδυ της Τρίτης. Ο τίτλος είναι καλός, οι φωτογραφίες είναι καλές, κι όμως οι επισκέπτες φεύγουν μέσα σε δευτερόλεπτα. Αρχίζεις να αναρωτιέσαι αν οι εικόνες ιστοσελίδας είναι αυτό που έχεις παραβλέψει. Συχνά είναι. Οι μικρές οπτικές αποφάσεις διαμορφώνουν τις πρώτες εντυπώσεις πιο γρήγορα απ' όσο περιμένουν οι περισσότεροι επιχειρηματίες.
Οι εικόνες μιας ιστοσελίδας πρέπει να στηρίζουν το μήνυμά σου, να ταιριάζουν με τον τόνο της επωνυμίας και να φαίνονται αυθεντικές. Εδώ θα δεις τι σημαίνει αυτό με απλά λόγια, γιατί επηρεάζει την ιστοσελίδα και το μάρκετινγκ σου και πώς να τις εφαρμόσεις χωρίς ορολογία. Θα δεις επίσης πού ταιριάζει η φωτογραφία με αρνητικό χώρο. Πάμε βήμα βήμα.
Τι σημαίνουν στην πράξη οι εικόνες ιστοσελίδας
Οι εικόνες μιας ιστοσελίδας πρέπει να στηρίζουν το μήνυμά σου, να ταιριάζουν με τον τόνο της επωνυμίας και να φαίνονται αυθεντικές.
Οι γενικές στοκ φωτογραφίες μπορούν να βλάψουν την εμπιστοσύνη, αν φαίνονται προφανώς σκηνοθετημένες.
Οι εικόνες φόντου ιστοσελίδας πρέπει να μένουν διακριτικές, ώστε το κείμενο να παραμένει ευανάγνωστο.
Πώς εφαρμόζεις τις εικόνες ιστοσελίδας στο site σου
Προτίμησε, όταν γίνεται, πραγματικές φωτογραφίες της ομάδας ή του προϊόντος αντί για αφηρημένες στοκ φωτογραφίες.
Ξεκίνα από μία σελίδα, όπως η αρχική ή η κύρια landing page. Διόρθωσε πρώτα το μεγαλύτερο πρόβλημα και μετά πέρασε το ίδιο μοτίβο στα υπόλοιπα πρότυπα.
Διάβασε αυτό το κεφάλαιο μαζί με τη φωτογραφία με αρνητικό χώρο για τα θεμέλια και με τις στοκ φωτογραφίες για ιστοσελίδες για το επόμενο βήμα αυτής της ενότητας.
Πρακτική λίστα ελέγχου για σήμερα
Προτίμησε, όταν γίνεται, πραγματικές φωτογραφίες της ομάδας ή του προϊόντος αντί για αφηρημένες στοκ φωτογραφίες.
Όταν ελέγχεις μια σελίδα, ρώτα αν οι εικόνες ιστοσελίδας φαίνονται μέσα στο πρώτο scroll στο κινητό. Αν όχι, άλλαξε τη σειρά των ενοτήτων πριν γυαλίσεις τις λεπτομέρειες.
Κράτα στιγμιότυπα πριν και μετά τις αλλαγές, για να μάθεις τι έκανε τη διαφορά στις εικόνες ιστοσελίδας του site σου.
Μοιράσου αυτή τη λίστα με όποιον ενημερώνει το site σου, ώστε οι εικόνες ιστοσελίδας να μένουν συνεπείς στις νέες σελίδες.
Διάλεξε έναν δείκτη να παρακολουθείς αυτό τον μήνα, όπως τον χρόνο στη σελίδα ή τις έναρξεις φόρμας, ώστε οι αλλαγές σχεδιασμού να συνδέονται με επιχειρηματικά αποτελέσματα και όχι μόνο με γούστο.
Πώς συνδέεται το θέμα με την ευρύτερη επωνυμία σου
Οι οπτικές επιλογές σπάνια ζουν μόνο σε μία σελίδα. Οι γενικές στοκ φωτογραφίες μπορούν να βλάψουν την εμπιστοσύνη, αν φαίνονται προφανώς σκηνοθετημένες.
Οι αναρτήσεις σου στα social, τα email και τα έντυπα πρέπει να επαναλαμβάνουν την ίδια ιεραρχία, τα ίδια χρώματα και τους ίδιους κανόνες γραμματοσειράς που χρησιμοποιείς στο web.
Όταν τα οπτικά της επωνυμίας ξεφεύγουν, οι πελάτες νιώθουν μια διακριτική ασυμφωνία, ακόμη κι αν δεν μπορούν να την εξηγήσουν.
Χρησιμοποίησε τις στοκ φωτογραφίες για ιστοσελίδες για να συγκρίνεις σημειώσεις με ένα συγγενικό κεφάλαιο αυτής της ενότητας.
Οι γενικές στοκ φωτογραφίες μπορούν να βλάψουν την εμπιστοσύνη, αν φαίνονται προφανώς σκηνοθετημένες.
Ερωτήσεις που συχνά ξεχνιούνται
Δευτερεύοντες όροι, όπως η hero εικόνα και οι εικόνες φόντου ιστοσελίδας, σε βοηθούν να ψάξεις βαθύτερα παραδείγματα και να συγκρίνεις τη δουλειά σου με τα συνηθισμένα πρότυπα.
Οι εικόνες φόντου ιστοσελίδας πρέπει να μένουν διακριτικές, ώστε το κείμενο να παραμένει ευανάγνωστο.
Γράψε μία αλλαγή «πριν και μετά» που θα δοκιμάσεις σε μια ζωντανή σελίδα αυτή την εβδομάδα. Οι μικρές, μετρημένες αλλαγές κερδίζουν τα αόριστα σχέδια.
Όταν μαθαίνεις στην ομάδα σου ένα κοινό λεξιλόγιο γύρω από τις εικόνες ιστοσελίδας, μειώνονται οι γύροι διορθώσεων με σχεδιαστές και agencies.
Εργαλεία που κάνουν τις οπτικές αλλαγές πιο εύκολες
Δεν χρειάζεσαι custom κώδικα για να διορθώσεις πολλά προβλήματα διάταξης και στυλ. Ένας οπτικός επεξεργαστής σου επιτρέπει να ρυθμίσεις αποστάσεις, χρώματα και γραμματοσειρές, ενώ βλέπεις προεπισκόπηση σε κινητό και σε υπολογιστή.
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων όταν είσαι έτοιμος να εφαρμόσεις όσα έμαθες.
Όταν δημοσιεύεις αλλαγές, ξαναδές τη φωτογραφία με αρνητικό χώρο και τις εικόνες φόντου ιστοσελίδας, ώστε η ενότητα να μένει συνδεδεμένη στο μυαλό σου.
Τώρα έχεις έναν πρακτικό φακό για τις εικόνες ιστοσελίδας. Χρησιμοποίησέ τον όταν ελέγχεις το site σου, εγκρίνεις υλικό μάρκετινγκ ή δίνεις οδηγίες σε σχεδιαστή. Συνέχισε με τις εικόνες φόντου ιστοσελίδας και τις στοκ φωτογραφίες για ιστοσελίδες, για να κρατήσεις τον ρυθμό σε αυτή την ενότητα.
Το να μαθαίνεις να διαλέγεις εικόνες ιστοσελίδας είναι δεξιότητα που χτίζεται σταδιακά. Ξαναδιάβασε αυτό το κεφάλαιο αφού υλοποιήσεις μία βελτίωση, ώστε οι ιδέες να περάσουν από την ανάγνωση στη συνήθεια. Οι μικροί, επαναλαμβανόμενοι έλεγχοι κερδίζουν την εξαντλητική απομνημόνευση όλων των κανόνων μονομιάς. Κράτα σημειώσεις για το τι δούλεψε στο κοινό σου, ώστε η επόμενη ενημέρωση να γίνει πιο γρήγορα.
Συχνές ερωτήσεις
Πόσο χρόνο παίρνει να βελτιώσεις τις εικόνες ιστοσελίδας;
Οι περισσότερες μικρές επιχειρήσεις βλέπουν πιο καθαρές σελίδες μέσα σε λίγες συγκεντρωμένες συνεδρίες, μόλις εφαρμόσουν τα βασικά αυτού του κεφαλαίου. Ξεκίνα από την αρχική σελίδα και μετά πέρασε τους ίδιους κανόνες στις σελίδες υπηρεσιών και επικοινωνίας.
Χρειάζεσαι σχεδιαστή για τις εικόνες ιστοσελίδας;
Ένας σχεδιαστής βοηθά σε σύνθετα rebranding, αλλά πολλές διορθώσεις γύρω από των εικόνων ιστοσελίδας τις κάνεις και μόνος σου, μόλις ξέρεις τι να κοιτάξεις. Διάβασε μαζί με αυτό το κεφάλαιο τη φωτογραφία με αρνητικό χώρο για συγγενική καθοδήγηση.
Μπορεί η WEMASY να σε βοηθήσει με τις εικόνες ιστοσελίδας στην ιστοσελίδα σου;
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων για να ξεκινήσεις.
Ποιο είναι το πιο συνηθισμένο λάθος με τις εικόνες ιστοσελίδας;
Ο κόσμος προσπαθεί να διορθώσει τα πάντα μονομιάς, αντί για μία σελίδα τη φορά. Διάλεξε μία προτεραιότητα, όπως την αναγνωσιμότητα ή την αντίθεση, και μετά δες τις εικόνες φόντου ιστοσελίδας για την επόμενη βελτίωση.
Πώς σχετίζονται οι εικόνες ιστοσελίδας με το SEO;
Μια καθαρή οπτική ιεραρχία και μια ευανάγνωστη γραμματοσειρά κρατούν τους επισκέπτες περισσότερο στη σελίδα, κάτι που στηρίζει τα σήματα αλληλεπίδρασης που παρακολουθούν οι μηχανές αναζήτησης. Για το καλύτερο αποτέλεσμα, συνδύασε τις διορθώσεις σχεδιασμού με σωστή δομή περιεχομένου.
Τι να μάθεις μετά τις εικόνες ιστοσελίδας;
Συνέχισε με τη φωτογραφία με αρνητικό χώρο και τις εικόνες φόντου ιστοσελίδας σε αυτό το βιβλίο, για να χτίσεις ένα πλήρες οπτικό σύστημα για την επωνυμία σου στο διαδίκτυο.