Να βγάλεις μια ιστοσελίδα πριν είναι έτοιμη κοστίζει περισσότερο από το να περιμένεις. Όχι σε χρήματα. Σε επισκέπτες που έρχονται, βλέπουν κάτι ημιτελές και δεν ξαναγυρίζουν ποτέ. Αν ξέρεις τι να ελέγξεις πριν βγάλεις live την ιστοσελίδα σου, βγαίνεις με σιγουριά και δεν περνάς την επόμενη εβδομάδα κάνοντας μπαλώματα.
Σε κάθε λανσάρισμα ιστοσελίδας θα βρεις τους ίδιους δύο τρόπους αποτυχίας. Ή ο ιδιοκτήτης βιάστηκε και ανακάλυψε τη χαλασμένη φόρμα ή τη σελίδα που λείπει αφού παραπονέθηκε ένας πελάτης. Ή το καθυστέρησε επ' αόριστον, περιμένοντας μια τελειότητα που δεν ήρθε ποτέ. Η σωστή προσέγγιση βρίσκεται ανάμεσα. Ένα καθαρό σύνολο ελέγχων που πρέπει να περάσουν πριν βγεις live και η πειθαρχία να μην προσθέτεις πράγματα που δεν έχουν σημασία ακόμη.
Αυτό το άρθρο περνά από όσα χρειάζεται πραγματικά να υπάρχουν πριν δημοσιεύσεις. Όχι μια τεχνική λίστα εξήντα σημείων. Ένα πρακτικό σύνολο ελέγχων που μπορεί να κάνει ένας ιδιοκτήτης επιχείρησης χωρίς προγραμματιστή.
Έχει η ιστοσελίδα σου σαφή σκοπό;
Πριν κάνεις οποιονδήποτε τεχνικό έλεγχο, απάντησε σε μία ερώτηση. Τι πρέπει να κάνει η ιστοσελίδα σου; Όχι έναν αόριστο στόχο όπως «να χτίσω διαδικτυακή παρουσία». Ένα συγκεκριμένο αποτέλεσμα. Να σε καλούν οι επισκέπτες. Να κλείνουν ραντεβού. Να αγοράζουν ένα προϊόν. Να συμπληρώνουν μια φόρμα.
Κάθε σελίδα, κάθε κουμπί και κάθε κείμενο πρέπει να οδηγεί σε αυτό το αποτέλεσμα. Αν δεν μπορείς να πεις τον σκοπό σε μία πρόταση, η ιστοσελίδα δεν είναι έτοιμη, όσο προσεγμένη κι αν φαίνεται. Οι επισκέπτες που φτάνουν σε μια ιστοσελίδα χωρίς καθαρή κατεύθυνση συνήθως φεύγουν χωρίς να κάνουν τίποτα. Ο σχεδιασμός μπορεί να είναι εξαιρετικός και οι φωτογραφίες επαγγελματικές. Χωρίς σκοπό πίσω από τη δομή, τίποτα από αυτά δεν φέρνει αποτέλεσμα.
Αν δεν το έχεις χαρτογραφήσει ακόμη, το άρθρο για το πώς να σχεδιάσεις μια ιστοσελίδα πριν τη χτίσεις καλύπτει αυτό το βήμα αναλυτικά πριν ξεκινήσεις το χτίσιμο.
Φτάνει το περιεχόμενό σου για να κερδίσει εμπιστοσύνη;
Το περιεχόμενο είναι το κομμάτι που οι περισσότεροι υποτιμούν. Μια ιστοσελίδα που είναι οπτικά ολοκληρωμένη αλλά φτωχή σε περιεχόμενο φαίνεται ημιτελής σε έναν πραγματικό επισκέπτη, ακόμη κι αν το πρότυπο είναι προσεγμένο. Πριν βγεις live, έλεγξε ότι κάθε βασική σελίδα λέει πραγματικά ό,τι πρέπει.
Η αρχική σου πρέπει να απαντά σε τρία πράγματα με το πρώτο scroll. Τι κάνεις; Για ποιον είναι; Τι πρέπει να κάνει ο επισκέπτης στη συνέχεια; Η σελίδα «Σχετικά με εμάς» χρειάζεται αρκετές πραγματικές πληροφορίες για τους ανθρώπους ή την εταιρεία πίσω από την επιχείρηση, ώστε να φαίνεται αξιόπιστη. Η σελίδα υπηρεσιών ή προϊόντων χρειάζεται αρκετή λεπτομέρεια, ώστε ο επισκέπτης να αποφασίσει αν του ταιριάζεις χωρίς να χρειαστεί να επικοινωνήσει μαζί σου μόνο για τα βασικά.
Τα δοκιμαστικά κείμενα είναι το πιο φανερό σημάδι μιας ιστοσελίδας που δεν ήταν έτοιμη να βγει. Ψάξε κάθε σελίδα για κείμενο που έχει μείνει από το πρότυπο πριν βγεις live. Έλεγξε επίσης ότι τα στοιχεία επικοινωνίας είναι σωστά σε κάθε σελίδα όπου εμφανίζονται. Ένας λάθος αριθμός τηλεφώνου ή ένα email με τυπογραφικό λάθος είναι το είδος του σφάλματος που είναι άβολο να το μάθεις από έναν πελάτη.
Έχεις δοκιμάσει κάθε σελίδα στο κινητό;
Πάνω από το 60 τοις εκατό της κίνησης στο web έρχεται πλέον από κινητές συσκευές. Μια ιστοσελίδα που χαλάει στο τηλέφωνο διώχνει την πλειονότητα των πιθανών επισκεπτών πριν διαβάσουν λέξη. Η δοκιμή στο κινητό δεν είναι προαιρετική.
Πέρασε κάθε σελίδα σε ένα πραγματικό τηλέφωνο, όχι μόνο στην προεπισκόπηση για κινητά ενός browser. Έλεγξε ότι το μενού ανοίγει σωστά. Έλεγξε ότι το κείμενο διαβάζεται χωρίς zoom. Έλεγξε ότι τα κουμπιά είναι αρκετά μεγάλα για να πατιούνται χωρίς να πατήσεις κατά λάθος κάποιο άλλο. Έλεγξε ότι οι εικόνες φορτώνουν σωστά και δεν σπρώχνουν το περιεχόμενο εκτός οθόνης.
Πρόσεξε ιδιαίτερα τη φόρμα επικοινωνίας και κάθε άλλη φόρμα της ιστοσελίδας. Οι φόρμες είναι συχνό σημείο αποτυχίας στο κινητό, γιατί τα πεδία, τα αναπτυσσόμενα μενού και τα κουμπιά υποβολής συμπεριφέρονται διαφορετικά στις οθόνες αφής απ' ό,τι σε υπολογιστή. Υπόβαλε μια δοκιμαστική εγγραφή από το τηλέφωνό σου για να βεβαιωθείς ότι όλη η ροή δουλεύει από την αρχή ως το τέλος. Το άρθρο για το τι είναι το responsive design εξηγεί πώς λειτουργούν τεχνικά οι διατάξεις για κινητά και τι να προσέχεις όταν αξιολογείς οποιοδήποτε πρότυπο.
Έχεις ελέγξει κάθε σύνδεσμο και κάθε φόρμα;
Κάνε κλικ σε κάθε σύνδεσμο σε κάθε σελίδα. Οι εσωτερικοί σύνδεσμοι πρέπει να πηγαίνουν εκεί που πρέπει. Οι εξωτερικοί να ανοίγουν σωστά. Κανένας σύνδεσμος δεν πρέπει να οδηγεί σε χαλασμένο URL ή σε σελίδα που δεν υπάρχει ακόμη.
Δοκίμασε κάθε φόρμα της ιστοσελίδας. Όχι μόνο τη φόρμα επικοινωνίας. Αν έχεις εγγραφή σε newsletter, φόρμα κράτησης, αίτημα προσφοράς ή οτιδήποτε άλλο στέλνει δεδομένα, δοκίμασέ το. Συμπλήρωσέ το ολόκληρο και υπόβαλέ το. Μετά έλεγξε ότι η υποβολή φτάνει στο σωστό email και ότι ενεργοποιεί όποιο email επιβεβαίωσης ή αυτόματη απάντηση πρέπει να ακολουθεί. Μια χαλασμένη φόρμα επικοινωνίας είναι από τις πιο ακριβές αποτυχίες πριν το λανσάρισμα, γιατί συχνά το καταλαβαίνεις μόνο όταν συνειδητοποιήσεις ότι κανείς δεν έχει επικοινωνήσει μαζί σου.
Έλεγξε και τη σελίδα 404. Πληκτρολόγησε ένα URL που δεν υπάρχει στο domain σου και δες τι εμφανίζεται. Μια προεπιλεγμένη οθόνη 404 χωρίς πλοήγηση ή σύνδεσμο προς την αρχική στέλνει τους επισκέπτες σε αδιέξοδο. Μια απλή δική σου σελίδα 404 με σύνδεσμο πίσω στην αρχική τους κρατά στην ιστοσελίδα σου.
Είναι στη θέση του το βασικό SEO;
Δεν χρειάζεσαι ολόκληρη στρατηγική SEO πριν βγεις live. Χρειάζεσαι όμως τα θεμέλια. Στήνονται σε λίγα λεπτά και κάνουν μετρήσιμη διαφορά στον τρόπο που οι μηχανές αναζήτησης καταλαβαίνουν την ιστοσελίδα σου από την πρώτη μέρα.
Έλεγξε ότι κάθε σελίδα έχει μοναδικό title tag. Το title tag είναι αυτό που εμφανίζεται στην καρτέλα του browser και στα αποτελέσματα αναζήτησης. Πρέπει να περιγράφει καθαρά τη σελίδα και να περιλαμβάνει τον βασικό όρο που θα έψαχνε κάποιος για να τη βρει. Έλεγξε ότι κάθε σελίδα έχει και meta description, μια σύντομη πρόταση που εμφανίζεται κάτω από τον τίτλο στα αποτελέσματα αναζήτησης και βοηθά τον κόσμο να αποφασίσει αν θα κάνει κλικ.
Έλεγξε ότι η δομή των επικεφαλίδων είναι λογική. Ένα H1 ανά σελίδα, με H2 και H3 από κάτω σε καθαρή ιεραρχία. Έλεγξε ότι οι εικόνες έχουν περιγραφικό alt text. Έλεγξε ότι τα URL είναι καθαρά και ευανάγνωστα. Ένα URL όπως το /services/web-design είναι πιο χρήσιμο από το /page?id=3847, τόσο για τις μηχανές αναζήτησης όσο και για τους ανθρώπους.
Για πιο πλήρη εικόνα του τι περιλαμβάνει το SEO και γιατί μετράει για μια νέα ιστοσελίδα, το άρθρο για το τι είναι το SEO καλύπτει ολόκληρο το θέμα.
Είναι έτοιμες οι νομικές σελίδες σου;
Οι νομικές σελίδες είναι αυτές που οι περισσότεροι επισκέπτες δεν διαβάζουν ποτέ. Δεν είναι προαιρετικές. Κάθε ιστοσελίδα που συλλέγει οποιαδήποτε δεδομένα χρηστών, συμπεριλαμβανομένων των υποβολών φόρμας επικοινωνίας ή της παρακολούθησης στατιστικών, χρειάζεται πολιτική απορρήτου. Είναι νομική απαίτηση στις περισσότερες χώρες και βασική προσδοκία για όποιον επισκέπτεται μια επαγγελματική ιστοσελίδα.
Τουλάχιστον, έλεγξε ότι έχεις πολιτική απορρήτου που εξηγεί ποια δεδομένα συλλέγεις και πώς χρησιμοποιούνται. Αν πουλάς προϊόντα ή υπηρεσίες online, αναμένονται και όροι και προϋποθέσεις. Αν λειτουργείς στην ΕΕ ή εξυπηρετείς επισκέπτες από την ΕΕ, απαιτείται ειδοποίηση συναίνεσης για cookies βάσει GDPR για κάθε ιστοσελίδα που χρησιμοποιεί cookies παρακολούθησης ή στατιστικών.
Το πιστοποιητικό SSL πρέπει επίσης να είναι ενεργό πριν βγεις live. Χωρίς αυτό, οι browsers εμφανίζουν προειδοποίηση «μη ασφαλές» πριν οι επισκέπτες δουν το περιεχόμενό σου. Στους περισσότερους δημιουργούς ιστοσελίδων και παρόχους φιλοξενίας, το SSL περιλαμβάνεται και ενεργοποιείται αυτόματα. Επιβεβαίωσε ότι το εικονίδιο με το λουκέτο εμφανίζεται στη γραμμή διευθύνσεων του browser όταν επισκέπτεσαι τη δική σου ιστοσελίδα. Το άρθρο για το τι είναι το SSL και γιατί το χρειάζεται η ιστοσελίδα σου εξηγεί πώς λειτουργεί και πώς θα επιβεβαιώσεις ότι είναι ενεργό.
Είναι στημένα τα στατιστικά πριν βγεις live;
Αν στήσεις τα στατιστικά μετά το λανσάρισμα, ξεκινάς στα τυφλά. Κάθε επισκέπτης που φτάνει τις ώρες ή τις μέρες πριν ενεργοποιηθεί η παρακολούθηση είναι αόρατα δεδομένα που δεν θα ανακτήσεις ποτέ. Στήσε τα στατιστικά πριν δημοσιεύσεις και επιβεβαίωσε ότι δουλεύουν από την πρώτη μέρα.
Τουλάχιστον, σύνδεσε ένα εργαλείο στατιστικών ιστοσελίδας. Οι περισσότεροι δημιουργοί ιστοσελίδων έχουν ενσωματωμένα στατιστικά ή κάνουν απλή τη σύνδεση ενός. Έλεγξε ότι καταγράφει συνεδρίες και ότι τουλάχιστον μία δοκιμαστική επίσκεψη εμφανίζεται στον πίνακα ελέγχου. Αν σκοπεύεις να τρέξεις διαφημίσεις, στήσε ταυτόχρονα και την παρακολούθηση μετατροπών. Μια διαφημιστική καμπάνια χωρίς δεδομένα μετατροπών είναι χρήματα που ξοδεύονται χωρίς ανατροφοδότηση.
Έχεις ελέγξει πώς φαίνονται οι σελίδες σου όταν μοιράζονται στα social media;
Όταν κάποιος μοιράζεται έναν σύνδεσμο της ιστοσελίδας σου στα social media, οι περισσότερες πλατφόρμες παίρνουν εικόνα προεπισκόπησης και περιγραφή από τη σελίδα σου. Αυτά ελέγχονται από τα meta tags Open Graph. Αν δεν έχουν οριστεί, η πλατφόρμα μαντεύει και το αποτέλεσμα συχνά είναι λάθος. Μια εικόνα που λείπει, το URL αντί για τίτλο ή μια τυχαία παράγραφος της σελίδας αντί για καθαρή περιγραφή.
Έλεγξε τις ρυθμίσεις Open Graph στις ρυθμίσεις SEO ή στις ρυθμίσεις σελίδας του δημιουργού ιστοσελίδων σου. Όρισε τίτλο, περιγραφή και εικόνα προεπισκόπησης για την αρχική και τις βασικές σελίδες. Μετά χρησιμοποίησε ένα εργαλείο προεπισκόπησης συνδέσμων για να δεις ακριβώς πώς θα εμφανίζονται, πριν μοιραστείς οτιδήποτε δημόσια.
Τι να κάνεις την πρώτη εβδομάδα μετά το λανσάρισμα;
Το λανσάρισμα δεν είναι το τέλος της διαδικασίας. Η πρώτη εβδομάδα είναι η στιγμή που βρίσκεις όσα ξέφυγαν από τις δοκιμές πριν το λανσάρισμα, γιατί οι πραγματικοί επισκέπτες συμπεριφέρονται διαφορετικά από ό,τι περιμένεις.
Έλεγχε τα στατιστικά καθημερινά την πρώτη εβδομάδα. Δες ποιες σελίδες επισκέπτονται οι άνθρωποι, πόση ώρα μένουν και πού φεύγουν. Ένα υψηλό ποσοστό εξόδου στη σελίδα υπηρεσιών μπορεί να σημαίνει ότι το περιεχόμενο δεν απαντά στις ερωτήσεις των επισκεπτών. Ένα υψηλό ποσοστό εξόδου στη σελίδα επικοινωνίας μπορεί να σημαίνει ότι η φόρμα δεν δουλεύει σε κάποιες συσκευές.
Υπόβαλε το sitemap σου στις μηχανές αναζήτησης μέσω του Google Search Console. Έτσι οι μηχανές αναζήτησης μαθαίνουν ότι η ιστοσελίδα σου υπάρχει και παίρνουν έναν χάρτη των σελίδων σου για crawl. Δεν εγγυάται άμεση κατάταξη, αλλά ξεκινά τη διαδικασία ευρετηρίασης. Έλεγξε ξανά μετά από μια εβδομάδα για να δεις ποιες σελίδες έχουν ευρετηριαστεί και αν υπάρχουν σφάλματα να λύσεις.
Για μια πλήρη περιγραφή όσων χρειάζονται για να χτίσεις ολόκληρη την ιστοσελίδα πριν φτάσεις εδώ, το άρθρο για το πώς να φτιάξεις ιστοσελίδα για την επιχείρησή σου καλύπτει κάθε στάδιο, από τον σχεδιασμό ως το λανσάρισμα.
Πώς βοηθά το WEMASY στους ελέγχους πριν το λανσάρισμα;
Ο δημιουργός ιστοσελίδων του WEMASY περιλαμβάνει ενσωματωμένες ρυθμίσεις SEO σε κάθε σελίδα, εργαλείο σύνδεσης domain, SSL σε κάθε πακέτο, φόρμες επικοινωνίας και στατιστικά. Τα εργαλεία που χρειάζεσαι για να περάσεις μια λίστα ελέγχου πριν το λανσάρισμα βρίσκονται στον ίδιο πίνακα ελέγχου που χρησιμοποιείς για να χτίσεις την ιστοσελίδα. Δες τι περιλαμβάνεται στον δημιουργό ιστοσελίδων του WEMASY ή δες τα πακέτα στη σελίδα τιμών.
Συχνές ερωτήσεις
Πόσο καιρό πριν το λανσάρισμα να ξεκινήσω τη λίστα ελέγχου;
Ξεκίνα τη λίστα ελέγχου τουλάχιστον μία εβδομάδα πριν την ημερομηνία που έχεις στόχο. Έτσι έχεις χρόνο να διορθώσεις ό,τι βρεις χωρίς πίεση. Ο έλεγχος περιεχομένου, η δοκιμή στο κινητό και ο έλεγχος συνδέσμων μπορεί να πάρουν ο καθένας περισσότερο απ' ό,τι περιμένεις όταν περνάς προσεκτικά κάθε σελίδα. Αν ανακαλύψεις μια χαλασμένη φόρμα ή μια σελίδα που λείπει, ένα περιθώριο μιας εβδομάδας σημαίνει ότι δεν θα αναβάλεις το λανσάρισμα για να τη διορθώσεις. Με τον δημιουργό ιστοσελίδων του WEMASY, μπορείς να το στήσεις κατευθείαν στην ιστοσελίδα σου.
Χρειάζομαι πολιτική απορρήτου ακόμη κι αν έχω μόνο φόρμα επικοινωνίας;
Ναι. Μια φόρμα επικοινωνίας συλλέγει προσωπικά δεδομένα, κάτι που ενεργοποιεί τις απαιτήσεις της νομοθεσίας για την ιδιωτικότητα στις περισσότερες χώρες. Η πολιτική απορρήτου σου πρέπει να εξηγεί ποιες πληροφορίες συλλέγονται, πώς αποθηκεύονται, πώς χρησιμοποιούνται και πώς μπορεί κάποιος να ζητήσει τη διαγραφή τους. Αυτό ισχύει για κάθε ιστοσελίδα που δέχεται υποβολές φορμών, χρησιμοποιεί στατιστικά ή ορίζει cookies, δηλαδή σχεδόν κάθε επαγγελματική ιστοσελίδα.
Είναι καλύτερα να βγω με λιγότερες σελίδες ή να περιμένω μέχρι να είναι όλα έτοιμα;
Βγες με λιγότερες, ολοκληρωμένες σελίδες και όχι με περισσότερες ημιτελείς. Μια ιστοσελίδα με πέντε προσεγμένες σελίδες κερδίζει περισσότερη εμπιστοσύνη από μία με δέκα σελίδες που ακόμη γράφονται. Οι επισκέπτες σχηματίζουν εικόνα μέσα σε δευτερόλεπτα. Μια λιτή αλλά ολοκληρωμένη ιστοσελίδα φαίνεται συνειδητή επιλογή. Μια ιστοσελίδα με δοκιμαστικό περιεχόμενο ή κενές ενότητες φαίνεται εγκαταλελειμμένη. Πρόσθεσε σελίδες όταν είναι έτοιμες, όχι νωρίτερα.
Ποιο είναι το πιο συνηθισμένο λάθος που κάνουν οι ιδιοκτήτες επιχειρήσεων πριν το λανσάρισμα;
Να παραλείπουν τη δοκιμή στο κινητό. Μια ιστοσελίδα που φαίνεται σωστή σε υπολογιστή μπορεί να χαλάσει εντελώς σε τηλέφωνο. Αφού η περισσότερη κίνηση στο web έρχεται από κινητά, μια ιστοσελίδα που αποτυγχάνει στο κινητό αποτυγχάνει στους περισσότερους επισκέπτες της πριν διαβάσουν οτιδήποτε. Η δοκιμή σε πραγματική συσκευή, όχι μόνο σε προεπισκόπηση browser, πιάνει προβλήματα που ξεφεύγουν από τη δοκιμή σε υπολογιστή.
Πώς θα καταλάβω αν η ιστοσελίδα μου έχει ευρετηριαστεί από τις μηχανές αναζήτησης μετά το λανσάρισμα;
Σύνδεσε την ιστοσελίδα σου με το Google Search Console και υπόβαλε το sitemap σου. Το Google Search Console δείχνει ποιες σελίδες έχουν ευρετηριαστεί και επισημαίνει τυχόν σφάλματα crawl. Μπορείς επίσης να αναζητήσεις απευθείας το domain σου στο Google για να δεις αν εμφανίζεται. Οι νέες ιστοσελίδες συνήθως χρειάζονται από μερικές μέρες έως μερικές εβδομάδες για να αρχίσουν να εμφανίζονται στα αποτελέσματα αναζήτησης, ανάλογα με το πόσο συχνά κάνει crawl η Google την ιστοσελίδα.