Λεξικό όρων για την κατασκευή ιστοσελίδων: οι βασικές έννοιες με απλά λόγια

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

Πώς να χρησιμοποιήσετε αυτό το λεξικό

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

Domain

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

Φιλοξενία ιστοσελίδας

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

HTML

Η HTML (Γλώσσα Σήμανσης Υπερκειμένου, HyperText Markup Language) περιγράφει τη βασική σημασιολογική δομή μιας σελίδας: τίτλους, παραγράφους, λίστες, συνδέσμους, φόρμες και άλλες περιοχές περιεχομένου. Δεν είναι «ο σχεδιασμός». Είναι ο σκελετός που δίνει νόημα στα στοιχεία. Μια καλή δομή βοηθά τόσο τη συντήρηση όσο και την προσβασιμότητα.

CSS

Η CSS (Διαδοχικά Φύλλα Ύφους, Cascading Style Sheets) ελέγχει κυρίως την εμφάνιση: χρώματα, γραμματοσειρές, αποστάσεις, πλάτη, διατάξεις και προσαρμογή σε διαφορετικά μεγέθη οθόνης. Το πρακτικό ερώτημα δεν είναι αν «έχει CSS», γιατί σχεδόν κάθε σύγχρονη ιστοσελίδα χρησιμοποιεί, αλλά αν η παρουσίαση έχει οργανωθεί με συνεπείς κανόνες που μπορούν να αλλάξουν χωρίς χάος.

JavaScript

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

CMS

Το CMS (Σύστημα Διαχείρισης Περιεχομένου, Content Management System) είναι εφαρμογή που επιτρέπει σε εξουσιοδοτημένους χρήστες να αλλάζουν περιεχόμενο χωρίς να επεξεργάζονται απευθείας τον κώδικα. Χρησιμοποιείται για άρθρα, σελίδες, προϊόντα, εικόνες και άλλες οργανωμένες πληροφορίες. Πριν επιλεγεί, πρέπει να ξέρουμε ποιος θα κάνει ενημερώσεις, πόσο συχνά και ποια δικαιώματα χρειάζεται.

Προσαρμοστικός σχεδιασμός (responsive design)

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

UI και UX

Το UI (Διεπαφή Χρήστη, User Interface) αφορά τα ορατά και διαδραστικά στοιχεία με τα οποία ο άνθρωπος χειρίζεται την ιστοσελίδα: κουμπιά, φόρμες, μενού, κάρτες και οπτική ιεράρχηση. Το UX (Εμπειρία Χρήστη, User Experience) αφορά ευρύτερα το πόσο εύκολα ο χρήστης καταλαβαίνει, βρίσκει, αποφασίζει και ολοκληρώνει μια ενέργεια. Ένα όμορφο UI δεν εγγυάται από μόνο του καλό UX.

SEO

Το SEO (Βελτιστοποίηση για Μηχανές Αναζήτησης, Search Engine Optimization) είναι το σύνολο ενεργειών που βοηθούν τις μηχανές αναζήτησης να καταλάβουν, να ανιχνεύσουν και να παρουσιάσουν κατάλληλα μια ιστοσελίδα, ενώ ταυτόχρονα το περιεχόμενο εξυπηρετεί πραγματικούς χρήστες. Περιλαμβάνει τεχνική δομή, σαφές περιεχόμενο, εσωτερικές συνδέσεις, τίτλους και συνεπή πληροφοριακή αρχιτεκτονική. Δεν είναι επανάληψη λέξεων-κλειδιών.

URL

Το URL (Ενιαίος Εντοπιστής Πόρου, Uniform Resource Locator) είναι η πλήρης διεύθυνση μιας συγκεκριμένης σελίδας ή πόρου στο διαδίκτυο. Το domain είναι μέρος του URL, αλλά δεν είναι το ίδιο πράγμα. Για παράδειγμα, μια σελίδα υπηρεσίας έχει δική της διαδρομή κάτω από το βασικό domain. Οι διευθύνσεις πρέπει να είναι σταθερές και λογικές, ειδικά όταν μια ιστοσελίδα αλλάζει δομή.

SSL/TLS και ασφαλής σύνδεση

Τα SSL/TLS είναι τεχνολογίες κρυπτογράφησης για ασφαλή σύνδεση ανάμεσα στον περιηγητή και τον διακομιστή. Το TLS (Ασφάλεια Επιπέδου Μεταφοράς, Transport Layer Security) είναι ο σύγχρονος μηχανισμός που χρησιμοποιείται για την προστασία της μεταφοράς δεδομένων, ενώ ο όρος SSL (Επίπεδο Ασφαλών Υποδοχών, Secure Sockets Layer) παραμένει συχνός στην καθημερινή ορολογία. Για τον πελάτη το πρακτικό ζητούμενο είναι να ενεργοποιείται ασφαλής σύνδεση και να υπάρχει υπεύθυνος για τη σωστή τεχνική ρύθμιση.

Βάση δεδομένων

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

API

Το API (Διεπαφή Προγραμματισμού Εφαρμογών, Application Programming Interface) είναι ένας συμφωνημένος τρόπος επικοινωνίας ανάμεσα σε διαφορετικά συστήματα. Μια ιστοσελίδα μπορεί, για παράδειγμα, να λαμβάνει δεδομένα από εξωτερική υπηρεσία ή να στέλνει μια ενέργεια σε άλλο σύστημα μέσω API. Πριν προστεθεί μια τέτοια σύνδεση, πρέπει να είναι σαφές ποιος ελέγχει την εξωτερική υπηρεσία, τι συμβαίνει όταν δεν είναι διαθέσιμη και ποια δεδομένα ανταλλάσσονται.

Προσωρινή μνήμη (cache)

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

Αντίγραφο ασφαλείας (backup)

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

Προδημοσιευμένο περιβάλλον (staging)

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

Πρόσκληση για ενέργεια (call to action)

Call to action, δηλαδή πρόσκληση για ενέργεια, είναι το σημείο που λέει στον χρήστη ποιο είναι το επόμενο βήμα: να επικοινωνήσει, να ζητήσει προσφορά, να κλείσει ραντεβού, να αγοράσει ή να διαβάσει σχετική πληροφορία. Η πρόσκληση πρέπει να έχει νόημα στο συγκεκριμένο σημείο της σελίδας και να μην ανταγωνίζεται δέκα άλλες ενέργειες.

Σελίδα προορισμού (landing page)

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

Εσωτερική διασύνδεση (internal linking)

Internal linking, δηλαδή εσωτερική διασύνδεση, είναι η σύνδεση σχετικών σελίδων του ίδιου ιστοτόπου. Χρησιμεύει πρώτα στον αναγνώστη: από μια γενική έννοια μπορεί να πάει σε πιο συγκεκριμένο θέμα. Για παράδειγμα, ένας γενικός οδηγός μπορεί να συνδέεται με προγράμματα για κατασκευή ιστοσελίδων ή με ειδικότερη σελίδα για κατασκευή ιστοσελίδας ξενοδοχείου, όταν αυτό είναι πραγματικά σχετικό.

Πίνακας: ποιοι όροι χρειάζονται διευκρίνιση σε μια προσφορά

Το λεξικό είναι εργαλείο καλύτερης συνεργασίας

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