Πώς να φτιάξεις μια ιστοσελίδα βήμα βήμα

Το να ξέρεις πώς να φτιάξεις μια ιστοσελίδα είναι από τις πιο πρακτικές δεξιότητες που μπορείς να έχεις σήμερα ως ιδιοκτήτης επιχείρησης. Αυτός ο οδηγός σε πηγαίνει σε κάθε βήμα, από την επιλογή ονόματος domain μέχρι τη δημοσίευση της πρώτης σου σελίδας, χωρίς να υποθέτει καμία τεχνική γνώση.

Τι χρειάζεσαι πριν ξεκινήσεις;

Πριν ανοίξεις έναν δημιουργό ιστοσελίδων ή καταχωρίσεις domain, αξίζει να κάνεις λίγη προετοιμασία. Οι επιχειρήσεις που δυσκολεύονται μετά την έναρξη σχεδόν πάντα παρέλειψαν αυτό το κομμάτι.

Τρία πράγματα αξίζει να ξέρεις πριν ανοίξεις οποιοδήποτε εργαλείο.

• Τι πρέπει να κάνει η ιστοσελίδα
• Ποιο είναι το συγκεκριμένο κοινό σου
• Τι θέλεις να κάνει ένας επισκέπτης όταν φτάνει σε αυτήν

Αυτές οι απαντήσεις διαμορφώνουν κάθε απόφαση που ακολουθεί, από το όνομα του domain μέχρι τη δομή των σελίδων σου. Μια ιστοσελίδα που φτιάχτηκε χωρίς καθαρό σκοπό τείνει να γίνει ένα ακατάστατο σύνολο σελίδων που δεν μετατρέπει επισκέπτες σε πελάτες.

Αν ακόμα ξεκαθαρίζεις το κομμάτι της δομής, το άρθρο πώς να σχεδιάσεις μια ιστοσελίδα πριν τη φτιάξεις το καλύπτει σε βάθος. Γύρνα εδώ όταν έχεις ξεκαθαρίσει τους στόχους σου.

Βήμα 1. Διάλεξε το όνομα του domain σου

Το όνομα του domain σου είναι η διεύθυνσή σου στο web. Είναι αυτό που πληκτρολογούν οι άνθρωποι για να σε βρουν και εμφανίζεται σε κάθε σύνδεσμο που μοιράζεσαι. Έχει σημασία να το κάνεις σωστά.

Ένα καλό όνομα domain είναι σύντομο, εύκολο στην ορθογραφία και εύκολο να το πεις φωναχτά. Αν πρέπει να το συλλαβίζεις κάθε φορά που κάποιος ζητά την ιστοσελίδα σου, δουλεύει εναντίον σου. Απέφυγε παύλες, αριθμούς και οτιδήποτε ακούγεται σαν άλλη λέξη όταν το λες.

Μετράει και η κατάληξη που θα διαλέξεις. Το .com παραμένει η πιο αξιόπιστη επιλογή για επαγγελματικές ιστοσελίδες. Αν το .com που θέλεις είναι πιασμένο, σκέψου μια κατάληξη ανά χώρα αν δραστηριοποιείσαι τοπικά, ή δες αν ταιριάζει καλύτερα ένα ελαφρώς διαφορετικό όνομα.

Μερικά πράγματα να έχεις στον νου σου.

• Το όνομα της επιχείρησής σου είναι το αυτονόητο σημείο εκκίνησης, αλλά έλεγξε πρώτα για συγκρούσεις με εμπορικά σήματα
• Αν το ακριβές όνομα είναι πιασμένο, δοκίμασε να προσθέσεις την πόλη σου, την υπηρεσία σου ή μια σύντομη περιγραφή
• Απέφυγε τις γενικές λέξεις του λεξικού μόνες τους. Είναι σχεδόν πάντα πιασμένες και δύσκολο να κατατάξεις
• Καταχώρισε το domain σου για τουλάχιστον δύο χρόνια αν σκοπεύεις να χτίσεις κάτι μακροπρόθεσμο

Για να καταλάβεις περισσότερα για το τι είναι τα domains και γιατί μετράνε, διάβασε τι είναι το domain και γιατί είναι σημαντικό.

Βήμα 2. Διάλεξε πώς θα φτιάξεις την ιστοσελίδα σου

Αυτή είναι μία από τις μεγαλύτερες αποφάσεις σε όλη τη διαδικασία. Υπάρχουν μερικοί δρόμοι που μπορείς να ακολουθήσεις, και ο σωστός εξαρτάται από τις τεχνικές σου δυνατότητες, τον προϋπολογισμό σου και πόσο έλεγχο θέλεις.

Δημιουργός ιστοσελίδων

Ένας δημιουργός ιστοσελίδων σου δίνει έναν οπτικό επεξεργαστή όπου σχεδιάζεις σελίδες προσθέτοντας και τακτοποιώντας στοιχεία. Δεν χρειάζεται κώδικας. Οι περισσότεροι δημιουργοί περιλαμβάνουν φιλοξενία, πρότυπα και εργαλεία όπως φόρμες επικοινωνίας και στατιστικά από την αρχή. Συνήθως μπορείς να πας από το μηδέν σε δημοσιευμένη ιστοσελίδα μέσα σε μία μέρα.

Είναι η σωστή επιλογή αν θέλεις να φτιάξεις και να διαχειρίζεσαι μόνος σου την ιστοσελίδα χωρίς να μάθεις κώδικα. Είναι επίσης ο πιο γρήγορος δρόμος για κάτι που φαίνεται επαγγελματικό.

Αν ζυγίζεις τις επιλογές σου, ο οδηγός τι είναι ο δημιουργός ιστοσελίδων και πώς λειτουργεί εξηγεί τον μηχανισμό, και το πώς να διαλέξεις τον σωστό δημιουργό ιστοσελίδων σε βοηθά να συγκρίνεις ό,τι μετράει.

Σύστημα διαχείρισης περιεχομένου

Ένα CMS σου δίνει περισσότερη ευελιξία από έναν βασικό δημιουργό. Μπορείς να εγκαταστήσεις plugins, να προσαρμόσεις θέματα και να επεκτείνεις σημαντικά τη λειτουργικότητα. Το αντίτιμο είναι πιο απότομη καμπύλη εκμάθησης και περισσότερη ευθύνη συντήρησης, μαζί με ενημερώσεις, ασφάλεια και ρύθμιση φιλοξενίας.

Πρόσληψη προγραμματιστή

Αν οι απαιτήσεις σου είναι σύνθετες, ή αν προτιμάς να μη διαχειριστείς μόνος σου την κατασκευή, η πρόσληψη προγραμματιστή είναι έγκυρος δρόμος. Παίρνεις κάτι πλήρως προσαρμοσμένο, αλλά το κόστος και ο χρόνος είναι σημαντικά μεγαλύτερα. Το άρθρο ιστοσελίδα με DIY ή πρόσληψη σχεδιαστή δείχνει ακριβώς πότε ταιριάζει η κάθε προσέγγιση.

Βήμα 3. Στήσε τη φιλοξενία

Η ιστοσελίδα σου πρέπει να ζει κάπου. Αυτό το κάπου είναι ένας διακομιστής, και η υπηρεσία που τον παρέχει λέγεται φιλοξενία ιστοσελίδας. Όταν κάποιος επισκέπτεται την ιστοσελίδα σου, ο browser του συνδέεται με αυτόν τον διακομιστή και φέρνει τις σελίδες σου.

Αν χρησιμοποιείς δημιουργό ιστοσελίδων, η φιλοξενία συνήθως περιλαμβάνεται. Δεν χρειάζεται να τη σκεφτείς ξεχωριστά. Αν ακολουθείς τον δρόμο του CMS ή της προσαρμοσμένης κατασκευής, θα χρειαστεί να διαλέξεις πάροχο και πακέτο φιλοξενίας.

Η καλή φιλοξενία καλύπτει μερικά βασικά πράγματα.

• Υψηλή διαθεσιμότητα, 99,9% ή καλύτερη. Η εκτός λειτουργίας ιστοσελίδα σημαίνει χαμένους επισκέπτες
• Γρήγορες ταχύτητες φόρτωσης. Οι αργοί διακομιστές βλάπτουν και την εμπειρία χρήστη και την κατάταξη στην αναζήτηση
• Να περιλαμβάνεται SSL. Αυτό πλέον είναι τυπικό και αναμενόμενο
• Καθαρές επιλογές υποστήριξης αν πάει κάτι στραβά

Το άρθρο τι είναι η φιλοξενία ιστοσελίδας καλύπτει τους διαφορετικούς τύπους και τι να ψάχνεις με περισσότερη λεπτομέρεια.

Βήμα 4. Εξασφάλισε το πιστοποιητικό SSL

Κοίτα σχεδόν οποιαδήποτε ιστοσελίδα στη γραμμή διευθύνσεων του browser σου και θα δεις ένα εικονίδιο λουκέτου δίπλα στο URL. Αυτό το λουκέτο σημαίνει ότι η ιστοσελίδα έχει SSL, που κρυπτογραφεί τη σύνδεση ανάμεσα στην ιστοσελίδα σου και στον browser του επισκέπτη.

Χωρίς SSL, οι browsers επισημαίνουν την ιστοσελίδα σου ως «μη ασφαλή» πριν καν δουν οι επισκέπτες το περιεχόμενό σου. Αυτός είναι γρήγορος τρόπος να χάσεις εμπιστοσύνη. Επηρεάζει επίσης την κατάταξή σου στην αναζήτηση. Οι μηχανές αναζήτησης θεωρούν τις ασφαλείς ιστοσελίδες πιο αξιόπιστες.

Οι περισσότεροι πάροχοι φιλοξενίας και δημιουργοί ιστοσελίδων περιλαμβάνουν SSL αυτόματα. Αν ο δικός σου δεν το κάνει, είναι λόγος να τον αποκλείσεις. Διάβασε περισσότερα για το τι είναι το SSL και γιατί το χρειάζεται η ιστοσελίδα σου.

Βήμα 5. Σχεδίασε τις σελίδες και τη δομή σου

Πριν αρχίσεις να σχεδιάζεις οτιδήποτε, χαρτογράφησε ποιες σελίδες χρειάζεται η ιστοσελίδα σου. Μια καθαρή δομή κάνει την πλοήγηση προφανή για τους επισκέπτες και βοηθά τις μηχανές αναζήτησης να καταλάβουν περί τίνος πρόκειται η ιστοσελίδα σου.

Οι περισσότερες επαγγελματικές ιστοσελίδες χρειάζονται τουλάχιστον:

• Μια αρχική σελίδα που λέει μέσα σε δευτερόλεπτα τι κάνεις και σε ποιον απευθύνεσαι
• Μια σελίδα υπηρεσιών ή προϊόντων που εξηγεί τι προσφέρεις
• Μια σελίδα «σχετικά με εμάς» που δίνει πλαίσιο και χτίζει εμπιστοσύνη
• Μια σελίδα επικοινωνίας με τα στοιχεία σου και μια απλή φόρμα

Ανάλογα με το είδος της επιχείρησής σου, μπορεί να προσθέσεις και blog, portfolio, σύστημα κρατήσεων ή e-shop. Μη φτιάχνεις σελίδες που δεν θα συντηρείς. Μια λιτή ιστοσελίδα με καθαρό, επίκαιρο περιεχόμενο νικά πάντα μια φουσκωμένη ιστοσελίδα με μισοτελειωμένες σελίδες.

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

Βήμα 6. Διάλεξε και προσάρμοσε τον σχεδιασμό σου

Οι περισσότεροι δημιουργοί ιστοσελίδων και πλατφόρμες CMS προσφέρουν πρότυπα που μπορείς να προσαρμόσεις. Αν διαλέξεις το σωστό σημείο εκκίνησης, γλιτώνεις πολύ χρόνο.

Όταν διαλέγεις πρότυπο, ψάξε για ένα που ταιριάζει στη δομή του περιεχομένου σου και όχι μόνο στο οπτικό στυλ. Ένα πρότυπο φτιαγμένο για portfolio φωτογραφίας δουλεύει διαφορετικά από ένα φτιαγμένο για επιχείρηση υπηρεσιών, ακόμα κι αν και τα δύο φαίνονται καθαρά και μοντέρνα.

Βασικές σχεδιαστικές αποφάσεις:

• Η παλέτα χρωμάτων σου. Μείνε σε δύο ή τρία χρώματα το πολύ και χρησιμοποίησε τα χρώματα του brand σου αν έχεις
• Οι γραμματοσειρές σου. Μία για τους τίτλους, μία για το κείμενο, και οι δύο ευανάγνωστες στο κινητό
• Το λογότυπο και το favicon σου. Το μικρό εικονίδιο που εμφανίζεται στις καρτέλες του browser
• Οι εικόνες σου. Χρησιμοποίησε πραγματικές φωτογραφίες της επιχείρησής σου όπου γίνεται, και stock φωτογραφίες όπου όχι

Σχεδίασε με το κινητό στον νου από την αρχή. Πάνω από τη μισή κίνηση στο web έρχεται από κινητά. Ένας σχεδιασμός που φαίνεται καλός σε υπολογιστή αλλά χαλάει σε κινητό είναι μισοτελειωμένος. Δες το πρότυπό σου σε οθόνη κινητού πριν προχωρήσεις παραπέρα. Για περισσότερα σχετικά, το άρθρο τι είναι ο responsive σχεδιασμός εξηγεί πώς λειτουργεί και γιατί μετράει.

Βήμα 7. Γράψε και πρόσθεσε το περιεχόμενό σου

Το περιεχόμενο είναι αυτό που κάνει πραγματικά τη δουλειά στην ιστοσελίδα σου. Ο σχεδιασμός κάνει τους επισκέπτες να μείνουν. Το περιεχόμενο τους κάνει να δράσουν.

Ξεκίνα από την αρχική σου. Πρέπει να απαντά αμέσως σε τρεις ερωτήσεις, χωρίς κύλιση:

• Τι κάνεις;
• Για ποιον είναι;
• Τι πρέπει να κάνει μετά ο επισκέπτης;

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

Κάθε σελίδα χρειάζεται ένα καθαρό επόμενο βήμα για τον επισκέπτη. Μπορεί να είναι ένας αριθμός τηλεφώνου, ένα κουμπί κράτησης, μια φόρμα επικοινωνίας ή ένας σύνδεσμος προς τις τιμές σου. Μην αφήνεις τους επισκέπτες να διαβάζουν μια σελίδα χωρίς προφανές σημείο για να πάνε παρακάτω.

Στις εικόνες, χρησιμοποίησε δικές σου φωτογραφίες όπου μπορείς. Οι πραγματικές φωτογραφίες της ομάδας, του χώρου ή του προϊόντος σου χτίζουν εμπιστοσύνη με τρόπο που οι stock εικόνες απλώς δεν μπορούν. Αν χρησιμοποιήσεις stock φωτογραφίες, διάλεξε αυτές που φαίνονται φυσικές και όχι σκηνοθετημένες.

Βήμα 8. Στήσε τα τεχνικά βασικά

Μερικά τεχνικά κομμάτια πρέπει να είναι στη θέση τους πριν βγεις στον αέρα. Κανένα δεν είναι πολύπλοκο, αλλά αν τα παραλείψεις δημιουργούν προβλήματα αργότερα.

Σύνδεσε το domain σου

Αν καταχώρισες το domain ξεχωριστά από τη φιλοξενία ή τον δημιουργό, θα χρειαστεί να το δείξεις στην ιστοσελίδα σου. Αυτό περιλαμβάνει την ενημέρωση των εγγραφών DNS, συγκεκριμένα των nameservers ή της εγγραφής A. Ο πάροχος φιλοξενίας σου θα σου δώσει τις ακριβείς τιμές. Το άρθρο τι είναι το DNS εξηγεί πώς λειτουργεί αυτό αν θέλεις να το καταλάβεις πριν βουτήξεις.

Πρόσθεσε στατιστικά

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

Στήσε μια φόρμα επικοινωνίας

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

Έλεγξε την ταχύτητα των σελίδων σου

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

Βήμα 9. Βελτιστοποίησε για τις μηχανές αναζήτησης

Το να φτιάξεις μια ιστοσελίδα που κανείς δεν μπορεί να βρει είναι συνηθισμένο και εκνευριστικό αποτέλεσμα. Μια βασική ρύθμιση SEO από την αρχή δίνει στην ιστοσελίδα σου πολύ περισσότερες πιθανότητες να εμφανίζεται όταν οι άνθρωποι ψάχνουν αυτό που προσφέρεις.

Ξεκίνα με τα βασικά:

• Κάθε σελίδα πρέπει να έχει μοναδικό title tag που περιλαμβάνει την κύρια λέξη-κλειδί αυτής της σελίδας
• Κάθε σελίδα χρειάζεται meta description. Είναι μια σύντομη πρόταση που εμφανίζεται στα αποτελέσματα αναζήτησης και εξηγεί περί τίνος πρόκειται η σελίδα
• Οι επικεφαλίδες σου πρέπει να έχουν λογική δομή. Ένα H1 ανά σελίδα, με H2 και H3 από κάτω
• Οι εικόνες σου χρειάζονται περιγραφικό alt text. Βοηθά τις μηχανές αναζήτησης και τους χρήστες με προγράμματα ανάγνωσης οθόνης
• Τα URL σου πρέπει να είναι καθαρά και ευανάγνωστα, όχι μια σειρά τυχαίων χαρακτήρων

Κοίτα τις σελίδες σου με την ερώτηση «αν κάποιος έψαχνε αυτό το θέμα, θα του έδινε αυτή η σελίδα χρήσιμη απάντηση;». Αυτό είναι το κριτήριο που προσπαθούν να εφαρμόσουν οι μηχανές αναζήτησης. Αν η απάντηση είναι ναι, είσαι σε καλό δρόμο.

Για πιο βαθιά ματιά στο πώς λειτουργούν οι μηχανές αναζήτησης και πώς να βελτιστοποιείς γι' αυτές, το άρθρο τι είναι το SEO είναι καλό σημείο εκκίνησης.

Βήμα 10. Δοκίμασε πριν βγεις στον αέρα

Η δοκιμή είναι το βήμα που οι περισσότεροι βιάζονται να τελειώσουν. Μην το κάνεις. Λίγες ώρες προσεκτικού ελέγχου αποτρέπουν ντροπιαστικές διορθώσεις μετά την έναρξη.

Πέρασε από αυτά πριν δημοσιεύσεις:

• Κάνε κλικ σε κάθε σύνδεσμο σε κάθε σελίδα και βρες τους χαλασμένους συνδέσμους ή τους λάθος προορισμούς
• Δοκίμασε τη φόρμα επικοινωνίας και κάθε άλλη φόρμα
• Έλεγξε κάθε σελίδα σε κινητό, tablet και υπολογιστή
• Άνοιξε την ιστοσελίδα σε τουλάχιστον δύο διαφορετικούς browsers
• Διάβασε κάθε κείμενο για ορθογραφικά λάθη, λανθασμένες πληροφορίες και οτιδήποτε δεν βγάζει νόημα
• Έλεγξε ότι το domain σου ανοίγει σωστά και ότι εμφανίζεται το λουκέτο
• Βεβαιώσου ότι τα στατιστικά σου καταγράφουν

Βοηθά επίσης να έχεις ένα φρέσκο ζευγάρι μάτια. Μοιράσου την ιστοσελίδα με κάποιον που δεν ξέρει την επιχείρησή σου και ζήτησέ του να σου πει τι κάνεις και τι θα έκανε μετά. Αν δεν μπορεί να απαντήσει γρήγορα σε αυτές τις ερωτήσεις, η αρχική σου θέλει δουλειά.

Βήμα 11. Βγες στον αέρα και συνέχισε

Η δημοσίευση δεν είναι η γραμμή του τερματισμού. Είναι το πιστόλι της εκκίνησης.

Μόλις η ιστοσελίδα σου βγει στον αέρα, η δουλειά μετατοπίζεται στη συντήρηση και στην ανάπτυξη της απήχησής της. Μερικές συνήθειες που κάνουν τη διαφορά:

• Έλεγχε τα στατιστικά σου εβδομαδιαία στην αρχή, για να καταλάβεις τι δουλεύει και πού χάνονται οι άνθρωποι
• Ενημέρωνε το περιεχόμενό σου τακτικά. Οι παλιές πληροφορίες διαβρώνουν την εμπιστοσύνη
• Πρόσθετε νέες σελίδες με τον καιρό καθώς μεγαλώνει η επιχείρησή σου ή καθώς εντοπίζεις κενά
• Έχε το βλέμμα σου στην ταχύτητα της ιστοσελίδας, ειδικά αφού προσθέσεις νέο περιεχόμενο ή εικόνες

Μια ιστοσελίδα είναι ζωντανό περιουσιακό στοιχείο. Οι επιχειρήσεις που παίρνουν τα περισσότερα από τη δική τους την αντιμετωπίζουν έτσι.

Τι περιλαμβάνει το WEMASY;

Το WEMASY είναι δημιουργός ιστοσελίδων που περιλαμβάνει φιλοξενία, SSL, εργαλείο σύνδεσης domain, επεξεργαστή με μεταφορά και απόθεση, ενσωματωμένα στατιστικά και ρυθμίσεις SEO σε κάθε σελίδα. Μπορείς να φτιάξεις και να διαχειρίζεσαι την ιστοσελίδα σου σε ένα μέρος, χωρίς να χρειάζεσαι ξεχωριστούς λογαριασμούς για φιλοξενία, στατιστικά ή εργαλεία ασφαλείας.

Μπορείς να δεις τι περιλαμβάνεται στη σελίδα του δημιουργού ιστοσελίδων και να δεις τις επιλογές πακέτων στη σελίδα τιμών.

Συχνές ερωτήσεις