Πορτρέτο του Ξενοφών Απάκη
Ξενοφών Απάκης
Web designer και developer από το 1997

interlinking

interlinking

· Με δύο λόγια

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

Interlinking: πώς σχεδιάζουμε τη συνολική εσωτερική αρχιτεκτονική συνδέσεων

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

Ξεκινάμε από τις θεματικές ενότητες και όχι από τα κουμπιά

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

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

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

Καθορίζουμε κατεύθυνση και προτεραιότητα

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

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

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

Η πλοήγηση και οι σύνδεσμοι κειμένου έχουν διαφορετικούς ρόλους

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

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

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

Τι κάνουμε με επικαλύψεις, φίλτρα και κανονικές διευθύνσεις

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

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

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

Χάρτης βελτίωσης χωρίς αυθαίρετες ποσοστώσεις

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

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

Συντήρηση όταν μεγαλώνει ο ιστότοπος

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

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

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

Πρακτικό υπόδειγμα θεματικού χάρτη

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