5 διαφορετικές δομές σχεδιασμού ιστοσελίδας

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

Κεφαλίδα σελίδας

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

Εργαλεία πλοήγησης

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

Πλευρές στήλες

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

Πρωτογενές περιεχόμενο

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

Υποσέλιδο σελίδας

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