Πώς να διαλέξεις θέμα για την ιστοσελίδα σου

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

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

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

Αυτός ο οδηγός περνά από τις αποφάσεις που μετράνε πραγματικά όταν διαλέγεις θέμα, με τη σειρά που πρέπει να παίρνονται.

Τι πρέπει πραγματικά να κάνει η ιστοσελίδα σου;

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

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

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

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

Ταιριάζει το θέμα με το είδος της ιστοσελίδας σου;

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

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

Αυτά δεν είναι τυχαία μοτίβα. Δουλεύουν επειδή η διάταξη ταιριάζει με αυτό που ψάχνει το κοινό όταν προσγειώνεται στη σελίδα.

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

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

Δουλεύει το θέμα σε κινητό;

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

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

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

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

Ταιριάζει η διάταξη με το περιεχόμενο που έχεις πραγματικά;

Πάρε οποιοδήποτε demo θέματος και αντικατάστησε τις φωτογραφίες αρχείου και το κείμενο-παράδειγμα με αυτά που θα έχεις πραγματικά. Αντέχει ακόμα;

Εδώ καταρρέουν πολλές επιλογές θέματος. Το demo φαίνεται εκπληκτικό επειδή χρησιμοποιεί δώδεκα επαγγελματικές φωτογραφίες lifestyle, προσεγμένα τοποθετημένες μαρτυρίες από πέντε ικανοποιημένους πελάτες και σύντομους δυνατούς τίτλους γραμμένους από copywriter. Η δική σου πραγματική κατάσταση μπορεί να είναι τρεις αξιοπρεπείς φωτογραφίες προϊόντων, μία μαρτυρία μέχρι τώρα και μια περιγραφή υπηρεσίας που είναι μεγαλύτερη απ' όσο περιμένει το θέμα.

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

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

Πρόσεξε πώς χειρίζεται το θέμα αυτές τις συγκεκριμένες περιοχές

• Πόσες εικόνες βασίζεται να έχει και σε ποιο επίπεδο ποιότητας;
• Πού βρίσκεται η πλοήγηση και πόσες σελίδες μπορεί να χωρέσει;
• Έχει η διάταξη χώρο για μακρύτερη περιγραφή υπηρεσίας ή περιμένει μια περίληψη δύο γραμμών;
• Υπάρχει φυσικό σημείο για μαρτυρίες και χρειάζεται τρεις ή δέκα για να φαίνεται ισορροπημένο;

Πόσα μπορείς πραγματικά να αλλάξεις;

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

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

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

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

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

Είναι το θέμα φτιαγμένο με το SEO στο μυαλό;

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

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

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

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

Ταιριάζουν πραγματικά το χρώμα και το στυλ με τη μάρκα σου;

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

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

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

Διάλεξε με βάση τον χαρακτήρα του θέματος, όχι μόνο τα τωρινά του χρώματα.

Τι γίνεται όταν μεγαλώσει η επιχείρησή σου;

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

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

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

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

Το βλέπεις με τα δικά σου μάτια ή με τα μάτια των πελατών σου;

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

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

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

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

Πώς χειρίζεται το WEMASY τα θέματα;

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

Συχνές ερωτήσεις για την επιλογή θέματος ιστοσελίδας