Αν κοιτάξεις μια επαγγελματική ιστοσελίδα που χάνει ενεργά πελάτες, θα βρεις συχνά το ίδιο μοτίβο. Η σελίδα χτίστηκε για μια προηγούμενη εκδοχή της επιχείρησης, πριν αλλάξουν οι υπηρεσίες, πριν η κίνηση από κινητά ξεπεράσει εκείνη των υπολογιστών ή πριν αλλάξει ο πελάτης-στόχος. Ο ανασχεδιασμός ιστοσελίδας υπάρχει για να κλείσει το κενό ανάμεσα σε αυτό που είναι η σελίδα και σε αυτό που χρειάζεται να είναι για την επιχείρηση.
Ο ανασχεδιασμός ιστοσελίδας είναι μια σημαντική ανοικοδόμηση μιας υπάρχουσας ιστοσελίδας που αφορά τη δομή, το σχεδιασμό, το περιεχόμενο και μερικές φορές την πλατφόρμα, ώστε να εξυπηρετεί καλύτερα τους τρέχοντες στόχους της επιχείρησης. Ο ανασχεδιασμός δεν είναι το ίδιο με τις οπτικές ενημερώσεις σε μια υπάρχουσα σελίδα. Περιλαμβάνει επανεξέταση των σελίδων, της πλοήγησης, των ροών χρήστη και συχνά της υποκείμενης τεχνολογίας, με βάση το πώς έχουν αλλάξει η επιχείρηση και το κοινό της από την αρχική κατασκευή.
Ποια είναι η διαφορά ανάμεσα στον ανασχεδιασμό και την ανανέωση ιστοσελίδας;
Η ανανέωση ιστοσελίδας ενημερώνει το οπτικό επίπεδο μιας υπάρχουσας σελίδας χωρίς να αλλάζει τη δομή της. Νέα χρώματα, ενημερωμένες γραμματοσειρές, ανανεωμένες εικόνες και εκσυγχρονισμένα στυλ κουμπιών είναι αλλαγές επιπέδου ανανέωσης. Η πλοήγηση μένει ίδια. Η δομή των σελίδων μένει ίδια. Η ιεραρχία του περιεχομένου μένει ίδια. Η ανανέωση αντιμετωπίζει το πώς φαίνεται η σελίδα.
Ο ανασχεδιασμός αντιμετωπίζει το πώς δουλεύει η σελίδα. Μπορεί να περιλαμβάνει αναδόμηση της πλοήγησης, συγχώνευση ή επέκταση του συνόλου των σελίδων, ανακατασκευή βασικών ροών χρήστη, αναδιατύπωση του περιεχομένου ώστε να αντικατοπτρίζει νέα τοποθέτηση ή μετάβαση σε άλλη πλατφόρμα. Το οπτικό αποτέλεσμα ενός ανασχεδιασμού μπορεί να μοιάζει εξωτερικά με ανανέωση, αλλά η δουλειά από κάτω είναι θεμελιωδώς διαφορετική.
Η επιλογή ανάμεσα στα δύο εξαρτάται από το τι έχει χαλάσει. Αν η σελίδα φαίνεται ξεπερασμένη αλλά εξακολουθεί να μετατρέπει αποτελεσματικά τους επισκέπτες, μια ανανέωση μπορεί να αρκεί. Αν η δομή της σελίδας δεν αντικατοπτρίζει πια το πώς λειτουργεί η επιχείρηση ή το πώς περιμένουν οι επισκέπτες να πλοηγούνται, χρειάζεται ανασχεδιασμός. Το άρθρο τι είναι το web design καλύπτει ολόκληρο το φάσμα των αποφάσεων που μπαίνουν στο χτίσιμο και στο ξαναχτίσιμο μιας ιστοσελίδας.
Τι πρέπει να ορίσεις πριν ξεκινήσεις έναν ανασχεδιασμό;
Ένας ανασχεδιασμός χωρίς καθαρούς στόχους παράγει μια σελίδα που φαίνεται διαφορετική αλλά αποδίδει το ίδιο. Πριν ξεκινήσει οποιαδήποτε δουλειά σχεδιασμού ή ανάπτυξης, όρισε τι προσπαθεί να πετύχει ο ανασχεδιασμός με μετρήσιμους όρους. Περισσότερα αιτήματα από τη σελίδα επικοινωνίας. Χαμηλότερο ποσοστό εγκατάλειψης στην αρχική. Καλύτερη μετατροπή από τη σελίδα υπηρεσίας στην κράτηση. Αόριστοι στόχοι όπως «πιο μοντέρνο» ή «πιο όμορφο» δεν μετριούνται και δεν σου λένε αν πέτυχε ο ανασχεδιασμός.
Παράλληλα με τον ορισμό στόχων, εξέτασε πώς βρίσκουν και χρησιμοποιούν τη σελίδα οι τωρινοί επισκέπτες. Σε ποιες σελίδες φτάνουν από τις αναζητήσεις; Ποιες σελίδες έχουν τα υψηλότερα ποσοστά εξόδου; Ποιες διαδρομές χρηστών οδηγούν σε μετατροπές και ποιες καταλήγουν σε αδιέξοδο; Αυτά τα δεδομένα διαμορφώνουν τις προτεραιότητες του ανασχεδιασμού. Ένας ανασχεδιασμός που αγνοεί το πώς συμπεριφέρονται ήδη οι επισκέπτες στη σελίδα παίρνει δομικές αποφάσεις με βάση εικασίες.
Αξίζει επίσης μια σύντομη εξέταση του ανταγωνισμού πριν ξεκινήσει ο σχεδιασμός. Το να καταλάβεις πώς παρουσιάζονται online παρόμοιες επιχειρήσεις βοηθά να εντοπίσεις κενά στην τωρινή σου τοποθέτηση και μοτίβα σχεδιασμού που το κοινό σου ήδη αναγνωρίζει και εμπιστεύεται.
Ποια είναι τα σημάδια ότι χρειάζεσαι ανασχεδιασμό;
Η πιο αξιόπιστη ένδειξη είναι ένα κενό ανάμεσα σε αυτό που εκφράζει η σελίδα και σε αυτό που κάνει πραγματικά η επιχείρηση. Αν οι επισκέπτες ρωτούν τακτικά για υπηρεσίες που δεν προσφέρεις πια, δεν μπορούν να βρουν τις υπηρεσίες που προσφέρεις ή παρεξηγούν τον σκοπό της επιχείρησης μετά την ανάγνωση της αρχικής, η σελίδα δουλεύει εναντίον σου.
Η απόδοση στα κινητά είναι ένα άλλο καθαρό σήμα. Μια σελίδα που χτίστηκε πριν γίνει κανόνας το mobile-first design έχει συχνά διατάξεις που δεν προσαρμόζονται καλά σε μικρές οθόνες, κείμενο πολύ μικρό για να διαβαστεί χωρίς zoom και στόχους πατήματος πολύ κοντά μεταξύ τους για αξιόπιστη χρήση. Μια σελίδα που δίνει κακή εμπειρία στην πλειονότητα των επισκεπτών της, που πλέον φτάνουν από κινητά, είναι υποψήφια για ανασχεδιασμό. Το άρθρο πώς να κάνεις την ιστοσελίδα σου φιλική προς τα κινητά καλύπτει τι απαιτεί μια σωστή εμπειρία στο κινητό.
Τα προβλήματα στο ποσοστό μετατροπής που δεν διορθώνονται με στοχευμένες βελτιώσεις δείχνουν συχνά δομικά ζητήματα που μόνο ένας ανασχεδιασμός μπορεί να αντιμετωπίσει. Αν η πλοήγηση μπερδεύει σε δομικό επίπεδο, αν η ιεραρχία των σελίδων είναι σπασμένη σε ολόκληρη τη σελίδα ή αν η ροή περιεχομένου από την landing page ως το σημείο μετατροπής είναι θεμελιωδώς παράλογη, το μπάλωμα μεμονωμένων σελίδων δεν θα λύσει το βασικό πρόβλημα.
Οι περιορισμοί της πλατφόρμας είναι πρακτικό έναυσμα. Αν η τωρινή πλατφόρμα δεν μπορεί να υποστηρίξει τις λειτουργίες που χρειάζεται η επιχείρηση, δεν μπορεί να ενημερωθεί ώστε να πληροί τα σημερινά πρότυπα απόδοσης ή ασφάλειας ή κοστίζει περισσότερο να συντηρηθεί απ' ό,τι θα κόστιζε να ξαναχτιστεί σε μια σύγχρονη εναλλακτική, ο ίδιος ο περιορισμός της πλατφόρμας δικαιολογεί έναν ανασχεδιασμό.
Τι περιλαμβάνει ένας ανασχεδιασμός ιστοσελίδας;
Ένας ανασχεδιασμός ξεκινά συνήθως με έλεγχο της υπάρχουσας σελίδας. Εντοπίζονται οι σελίδες που αποδίδουν καλά και πρέπει να διατηρηθούν, οι σελίδες που πρέπει να ξαναγραφτούν ή να αναδομηθούν και οι σελίδες που πρέπει να αφαιρεθούν, πριν ξεκινήσει οποιαδήποτε νέα δουλειά σχεδιασμού. Ο έλεγχος ορίζει επίσης τη βάση: την τρέχουσα κίνηση, τις τρέχουσες κατατάξεις και τα τρέχοντα ποσοστά μετατροπής που πρέπει να διατηρήσει ή να βελτιώσει ο ανασχεδιασμός.
Το επόμενο στάδιο είναι η δομή. Πόσες σελίδες χρειάζεται η νέα σελίδα; Πώς πρέπει να οργανωθούν; Ποιες είναι οι κύριες διαδρομές χρηστών από την άφιξη ως τη μετατροπή; Αυτές οι αποφάσεις διαμορφώνουν την πλοήγηση και την ιεραρχία των σελίδων πριν αρχίσει οποιοσδήποτε οπτικός σχεδιασμός. Το άρθρο τι είναι ο σχεδιασμός UX καλύπτει πώς οι αποφάσεις δομής επηρεάζουν τη συμπεριφορά των επισκεπτών και τα επιχειρηματικά αποτελέσματα.
Το περιεχόμενο και ο σχεδιασμός ακολουθούν τη δομή. Το υπάρχον περιεχόμενο που εξακολουθεί να είναι ακριβές και χρήσιμο προσαρμόζεται. Το περιεχόμενο που είναι ξεπερασμένο, εκτός μηνύματος ή λείπει γράφεται από την αρχή. Ο οπτικός σχεδιασμός εφαρμόζεται στη νέα δομή και δεν αντιγράφεται από την παλιά σελίδα.
Οι δοκιμές πριν το λανσάρισμα καλύπτουν τα ίδια πεδία με κάθε νέα ιστοσελίδα: διάταξη στο κινητό, χρόνο φόρτωσης, λειτουργικότητα φορμών, διαδρομές πλοήγησης και προσβασιμότητα. Το άρθρο τύποι διάταξης ιστοσελίδας καλύπτει τις δομικές επιλογές που διαμορφώνουν το πώς οργανώνεται το περιεχόμενο και πώς προσαρμόζεται η σελίδα σε διάφορα μεγέθη οθόνης.
Πώς προστατεύεις το SEO κατά τον ανασχεδιασμό;
Ένας ανασχεδιασμός που αλλάζει URL χωρίς ανακατευθύνσεις θα χάσει τις κατατάξεις που έχουν χτίσει αυτά τα URL. Κάθε σελίδα που αλλάζει URL χρειάζεται μόνιμη ανακατεύθυνση από την παλιά διεύθυνση στη νέα. Χωρίς ανακατευθύνσεις, οι μηχανές αναζήτησης αντιμετωπίζουν τις νέες σελίδες ως νέο περιεχόμενο χωρίς ιστορικό και οι παλιές κατατάξεις χάνονται.
Ο έλεγχος πριν τον ανασχεδιασμό πρέπει να περιλαμβάνει πλήρη λίστα με τις σελίδες που κατατάσσονται αυτή τη στιγμή για οτιδήποτε, τις σελίδες με εισερχόμενους συνδέσμους από άλλες ιστοσελίδες και τις σελίδες που φέρνουν κίνηση από αναζητήσεις. Αυτές οι σελίδες χρειάζονται τον πιο προσεκτικό χειρισμό στον ανασχεδιασμό. Η δομή των URL τους πρέπει να διατηρηθεί όπου είναι δυνατό και, όπου η αλλαγή URL είναι αναπόφευκτη, πρέπει να υπάρχει ανακατεύθυνση πριν το λανσάρισμα.
Το περιεχόμενο σελίδων που έχει κερδίσει κατατάξεις δεν πρέπει να πετιέται επιπόλαια. Αν μια σελίδα κατατάσσεται για μια λέξη-κλειδί που η επιχείρηση θέλει να κρατήσει, το περιεχόμενο αυτής της σελίδας πρέπει να περάσει στον ανασχεδιασμό και όχι να αντικατασταθεί με κάτι πιο σύντομο ή διαφορετικό. Το άρθρο τι είναι το SEO καλύπτει πώς χτίζονται οι κατατάξεις στις αναζητήσεις και τι χρειάζεται για να διατηρηθούν μέσα από μεγάλες αλλαγές στη σελίδα.
Πόσο διαρκεί ένας ανασχεδιασμός ιστοσελίδας;
Ο ανασχεδιασμός μιας ιστοσελίδας μικρής επιχείρησης που καλύπτει πέντε με δέκα σελίδες παίρνει συνήθως τέσσερις με οκτώ εβδομάδες από το brief ως το λανσάρισμα, με την προϋπόθεση ότι το περιεχόμενο είναι έτοιμο εκ των προτέρων και οι αποφάσεις παίρνονται αποτελεσματικά. Οι μεγαλύτερες ιστοσελίδες με περισσότερες σελίδες, πιο σύνθετη λειτουργικότητα ή περιεχόμενο που πρέπει να γραφτεί από την αρχή παίρνουν περισσότερο.
Η πιο συνηθισμένη αιτία καθυστέρησης ενός ανασχεδιασμού είναι το περιεχόμενο. Οι πελάτες υποτιμούν πόσο χρόνο παίρνει να γραφτεί, να ελεγχθεί και να εγκριθεί το νέο κείμενο των σελίδων. Ένας ανασχεδιασμός μπορεί να σχεδιαστεί και να χτιστεί σε προβλέψιμο χρονικό πλαίσιο. Η προετοιμασία περιεχομένου είναι η μεταβλητή που επεκτείνει πιο συχνά το χρονοδιάγραμμα.
Τι πρέπει να παρακολουθείς αφού βγει live ο ανασχεδιασμός;
Το λανσάρισμα δεν είναι το τέλος του ανασχεδιασμού. Οι πρώτες τέσσερις εβδομάδες μετά το λανσάρισμα είναι η πιο σημαντική περίοδος για να πιάσεις προβλήματα πριν γίνουν μόνιμα. Παρακολούθησε τους δείκτες που ο ανασχεδιασμός σχεδιάστηκε να βελτιώσει. Αν τα ποσοστά εγκατάλειψης είναι υψηλότερα από πριν ή τα ποσοστά μετατροπής σε βασικές σελίδες έχουν πέσει, η αιτία πρέπει να εντοπιστεί γρήγορα. Κατατάξεις που πέφτουν σημαντικά μετά το λανσάρισμα δείχνουν προβλήματα ανακατεύθυνσης ή αλλαγές περιεχομένου που αφαίρεσαν υλικό που εκτιμούσαν οι μηχανές αναζήτησης.
Παρακολούθησε τις κατατάξεις για τις σελίδες που ήταν πιο σημαντικές πριν τον ανασχεδιασμό. Έλεγξε ότι όλες οι ανακατευθύνσεις δουλεύουν. Επιβεβαίωσε ότι λαμβάνονται οι υποβολές φορμών. Δες την εμπειρία στο κινητό σε πραγματικές συσκευές και όχι σε προσομοιωτές. Τα περισσότερα προβλήματα μετά το λανσάρισμα εντοπίζονται μέσα στις πρώτες δύο εβδομάδες, αν τα ψάχνεις.
Πώς χειρίζεται το WEMASY τους ανασχεδιασμούς ιστοσελίδας
Ο δημιουργός ιστοσελίδων του WEMASY επιτρέπει να αναδομούνται οι υπάρχουσες σελίδες, να εφαρμόζονται νέα πρότυπα και να ξαναχτίζεται η πλοήγηση χωρίς να ξεκινάς νέα ιστοσελίδα από το μηδέν. Το περιεχόμενο μπορεί να ενημερώνεται σελίδα προς σελίδα ενώ η υπάρχουσα ιστοσελίδα παραμένει live. Οι ανακατευθύνσεις μπορούν να ρυθμιστούν πριν βγουν live τα νέα URL. Ο οπτικός επεξεργαστής δείχνει τις αλλαγές πριν δημοσιευτούν, κάτι που μειώνει τον κίνδυνο να περάσουν απαρατήρητα δομικά λάθη μέχρι μετά το λανσάρισμα.
Δες τι περιλαμβάνεται στον δημιουργό ιστοσελίδων του WEMASY ή δες τα πακέτα στη σελίδα τιμών.
Συχνές ερωτήσεις
Κάθε πότε πρέπει να ανασχεδιάζεται μια ιστοσελίδα;
Δεν υπάρχει σταθερό πρόγραμμα. Μια ιστοσελίδα πρέπει να ανασχεδιάζεται όταν δεν εξυπηρετεί πια αποτελεσματικά την επιχείρηση, όχι σε προκαθορισμένο χρονοδιάγραμμα. Κάποιες επιχειρήσεις ανασχεδιάζουν κάθε τρία με τέσσερα χρόνια, επειδή έχει αλλάξει ο κλάδος ή η αγορά. Άλλες κρατούν την ίδια σελίδα περισσότερο, αν συνεχίζει να αποδίδει. Η ερώτηση που αξίζει να κάνεις είναι αν η σελίδα εξακολουθεί να αντικατοπτρίζει με ακρίβεια την επιχείρηση και αν εξακολουθεί να μετατρέπει τους επισκέπτες με αποδεκτό ποσοστό. Αν η απάντηση σε οποιοδήποτε από τα δύο είναι όχι, αξίζει να σκεφτείς ανασχεδιασμό, όσο παλιά κι αν είναι η σελίδα. Με τον δημιουργό ιστοσελίδων του WEMASY, μπορείς να το ρυθμίσεις απευθείας στην ιστοσελίδα σου.
Θα βλάψει ο ανασχεδιασμός την κατάταξή μου στις αναζητήσεις;
Μπορεί, αν γίνει λάθος. Οι πιο συνηθισμένες αιτίες απώλειας κατάταξης μετά από ανασχεδιασμό είναι οι αλλαγές URL χωρίς ανακατευθύνσεις, η αφαίρεση περιεχομένου που κατατασσόταν και η πτώση στην ταχύτητα φόρτωσης από τον νέο σχεδιασμό. Και τα τρία μπορούν να αποφευχθούν. Ένας έλεγχος πριν τον ανασχεδιασμό που εντοπίζει ποιες σελίδες κατατάσσονται και τι περιεχόμενο έχουν, σε συνδυασμό με σωστές ανακατευθύνσεις και δοκιμές απόδοσης πριν το λανσάρισμα, επιτρέπει να βγει live ένας ανασχεδιασμός χωρίς σημαντική απώλεια κατάταξης. Πολλές επιχειρήσεις βλέπουν τις κατατάξεις τους να βελτιώνονται μετά από ανασχεδιασμό, αν η νέα σελίδα είναι πιο γρήγορη, καλύτερα δομημένη και πιο καθαρά οργανωμένη γύρω από τα θέματα για τα οποία θέλουν να κατατάσσονται.
Πρέπει να κρατήσεις το υπάρχον περιεχόμενο σε έναν ανασχεδιασμό;
Κράτα το περιεχόμενο που είναι ακριβές, χρήσιμο και αποδίδει καλά στις αναζητήσεις. Ξανάγραψε το περιεχόμενο που είναι ξεπερασμένο, εκτός μηνύματος ή πολύ φτωχό για να κατατάσσεται. Αφαίρεσε σελίδες που δεν εξυπηρετούν κανέναν σκοπό και δεν δέχονται κίνηση. Η απόφαση πρέπει να βασίζεται στο αν κάθε κομμάτι περιεχομένου εξυπηρετεί την τωρινή επιχείρηση και τον τωρινό επισκέπτη, όχι στο πόση προσπάθεια έγινε αρχικά για να δημιουργηθεί. Το πιο συνηθισμένο λάθος είναι να πετάξεις περιεχόμενο που έφερνε αθόρυβα κίνηση και να ανακαλύψεις την απώλεια κατάταξης αφού βγει live ο ανασχεδιασμός.
Χρειάζεσαι νέο domain όταν ανασχεδιάζεις μια ιστοσελίδα;
Όχι. Ο ανασχεδιασμός είναι ανακατασκευή της σελίδας στο ίδιο domain. Η αλλαγή domain είναι ξεχωριστή, πολύ πιο ενοχλητική διαδικασία, που περιλαμβάνει μεταφορά όλης της αυθεντίας αναζήτησης από το ένα domain στο άλλο και έχει μεγαλύτερο κίνδυνο μόνιμης απώλειας κατάταξης. Οι ανασχεδιασμοί γίνονται στο υπάρχον domain. Το μόνο σενάριο όπου μια αλλαγή domain μπορεί να συνοδεύει έναν ανασχεδιασμό είναι ένα πλήρες rebrand, όπου αλλάζει το όνομα της επιχείρησης και το παλιό domain δεν ταιριάζει πια. Ακόμα και τότε, η μεταφορά πρέπει να γίνει προσεκτικά, με σωστές ανακατευθύνσεις και πλάνο παρακολούθησης.
Ποια είναι η διαφορά ανάμεσα σε ανασχεδιασμό και μεταφορά (migration);
Ο ανασχεδιασμός αλλάζει τη δομή, το σχεδιασμό και το περιεχόμενο μιας σελίδας. Η μεταφορά μετακινεί μια σελίδα από μια πλατφόρμα ή περιβάλλον φιλοξενίας σε άλλο. Τα δύο συμβαίνουν συχνά ταυτόχρονα, γιατί ένας περιορισμός της πλατφόρμας πυροδοτεί συχνά την απόφαση για ανασχεδιασμό. Όταν συμβαίνουν μαζί, ισχύουν και οι δύο σειρές κινδύνων: οι κίνδυνοι του ανασχεδιασμού, δηλαδή χαμένο περιεχόμενο και αλλαγμένα URL, και οι κίνδυνοι της μεταφοράς, δηλαδή σπασμένες ρυθμίσεις, χαμένα analytics και τεχνικά λάθη στο στήσιμο. Το να τα κάνεις ταυτόχρονα απαιτεί πιο προσεκτικό σχεδιασμό και δοκιμές από όσο θα απαιτούσε το καθένα μόνο του.