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

Εδώ βρίσκεται η ουσία του τεχνικού SEO. Δεν είναι μια σειρά από ρυθμίσεις που εφαρμόζονται μετά την ολοκλήρωση μιας ιστοσελίδας, ούτε ένα εργαλείο που υπόσχεται ότι θα "κάνει SEO" αυτόματα. Είναι ο τρόπος με τον οποίο η ίδια η αρχιτεκτονική επιτρέπει στις μηχανές αναζήτησης να ανακαλύπτουν, να επεξεργάζονται και να κατανοούν σωστά το περιεχόμενο. Από τα URLs και τα metadata μέχρι το semantic HTML, τα canonical URLs, τα redirects, τα structured data, την ταχύτητα και την εσωτερική διασύνδεση, κάθε τεχνική απόφαση επηρεάζει τη συνολική εικόνα. Το SEO επομένως δεν ξεκινά όταν μια ιστοσελίδα δημοσιευτεί. Πρέπει να αποτελεί μέρος του σχεδιασμού της από την πρώτη ημέρα.

Τι πραγματικά χρειάζεται να καταλάβει η Google;

Για να εμφανιστεί μια σελίδα στα οργανικά αποτελέσματα, δεν αρκεί απλώς να υπάρχει online. Η μηχανή αναζήτησης πρέπει αρχικά να μπορεί να την ανακαλύψει και να αποκτήσει πρόσβαση σε αυτή, στη συνέχεια να επεξεργαστεί το περιεχόμενό της και τελικά να αποφασίσει αν θα την ευρετηριάσει. Παράλληλα, χρειάζεται αρκετά καθαρά στοιχεία ώστε να κατανοήσει τι πραγματεύεται η σελίδα, πώς συνδέεται με το υπόλοιπο website και ποια είναι η σχέση της με άλλες παρόμοιες διευθύνσεις. Ένα σωστό heading hierarchy, περιγραφικοί τίτλοι, καθαρά URLs, πραγματικοί εσωτερικοί σύνδεσμοι και semantic HTML δημιουργούν ένα περιβάλλον στο οποίο αυτές οι σχέσεις γίνονται σαφέστερες. Το καλό τεχνικό SEO δεν προσπαθεί να ξεγελάσει μια μηχανή αναζήτησης. Προσπαθεί να αφαιρέσει την ασάφεια και τα τεχνικά εμπόδια που δυσκολεύουν την κατανόηση του πραγματικού περιεχομένου.

Crawlable δεν σημαίνει απαραίτητα Indexable

Οι δύο έννοιες συχνά αντιμετωπίζονται σαν να σημαίνουν το ίδιο πράγμα, όμως η διαφορά τους είναι σημαντική. Μια σελίδα είναι crawlable όταν ένα crawler μπορεί να την επισκεφθεί και να διαβάσει το περιεχόμενό της. Αυτό δεν σημαίνει αυτομάτως ότι η σελίδα θα προστεθεί στο index της Google. Οδηγίες noindex, canonicalization, redirects, προβλήματα ποιότητας, διπλότυπο ή πολύ παρόμοιο περιεχόμενο και άλλες τεχνικές ή ποιοτικές παράμετροι μπορούν να επηρεάσουν την ευρετηρίαση. Αντίστοιχα, ένα sitemap μπορεί να βοηθήσει μια μηχανή αναζήτησης να ανακαλύψει σημαντικά URLs, αλλά δεν αποτελεί εντολή ότι όλες οι καταχωρίσεις του πρέπει να ευρετηριαστούν. Για μια επιχείρηση αυτή η διάκριση είναι κρίσιμη: το γεγονός ότι μια σελίδα ανοίγει κανονικά στον browser δεν αποδεικνύει από μόνο του ότι η τεχνική της κατάσταση απέναντι στις μηχανές αναζήτησης είναι σωστή.

Το SEO δεν είναι plugin

Ένας από τους πιο επίμονους μύθους γύρω από το SEO είναι ότι μπορεί να προστεθεί σε μια ιστοσελίδα μέσω ενός plugin, ενός score ή μιας λίστας που γίνεται πράσινη όταν συμπληρωθούν αρκετά πεδία. Τέτοια εργαλεία μπορούν να είναι χρήσιμα ως βοηθήματα, αλλά δεν μπορούν να αντικαταστήσουν την αρχιτεκτονική. Δεν αποφασίζουν από μόνα τους ποια URLs πρέπει να υπάρχουν, πώς πρέπει να οργανωθεί η πληροφορία, ποια σελίδα αποτελεί την canonical εκδοχή ενός περιεχομένου ή πώς πρέπει να συνδέονται διαφορετικές θεματικές ενότητες μεταξύ τους. Δεν μπορούν επίσης να μετατρέψουν αυτομάτως μια βαριά εφαρμογή σε γρήγορη ούτε να διορθώσουν μια προβληματική στρατηγική rendering. Η πραγματική βελτιστοποίηση προκύπτει από εκατοντάδες μικρές αλλά συνδεδεμένες τεχνικές αποφάσεις. Αυτός είναι και ο λόγος που στη Liberty Studio αντιμετωπίζουμε το SEO ως μέρος της μηχανικής του έργου και όχι ως υπηρεσία που τοποθετείται πάνω από μια ήδη ολοκληρωμένη ιστοσελίδα.

Metadata, Canonicals και σωστή αρχιτεκτονική URLs

Κάθε σημαντική σελίδα πρέπει να έχει έναν ξεκάθαρο σκοπό και μια σταθερή θέση μέσα στην αρχιτεκτονική του website. Περιγραφικά URLs, σωστά page titles και κατάλληλα metadata βοηθούν τόσο τον επισκέπτη όσο και τη μηχανή αναζήτησης να κατανοήσει το περιεχόμενο. Τα canonical URLs αποκτούν ιδιαίτερη σημασία όταν το ίδιο ή πολύ παρόμοιο περιεχόμενο μπορεί να είναι διαθέσιμο μέσα από περισσότερες διευθύνσεις, καθώς βοηθούν να δηλωθεί η προτιμώμενη εκδοχή. Αντίστοιχα, τα redirects πρέπει να χρησιμοποιούνται με ακρίβεια όταν μια σελίδα μετακινείται ή αντικαθίσταται, ιδιαίτερα σε ένα website redesign όπου λανθασμένη διαχείριση παλαιών URLs μπορεί να δημιουργήσει προβλήματα για χρήστες και μηχανές αναζήτησης. Αυτά τα στοιχεία είναι σχεδόν αόρατα στον τελικό επισκέπτη, αλλά αποτελούν μέρος της υποδομής που διατηρεί μια μεγάλη ιστοσελίδα καθαρή και διαχειρίσιμη.

Τα Internal Links δημιουργούν σχέσεις μεταξύ των σελίδων

Η εσωτερική διασύνδεση δεν υπάρχει μόνο για να μεταφέρει τον επισκέπτη από ένα άρθρο σε ένα άλλο. Βοηθά στη δημιουργία μιας πραγματικής αρχιτεκτονικής περιεχομένου. Μια σελίδα για την κατασκευή εταιρικών ιστοσελίδων μπορεί να συνδέεται με πιο εξειδικευμένο περιεχόμενο γύρω από το Core Web Vitals και SEO, το Structured Data και τα Rich Results ή το σύγχρονο Responsive Design. Με αυτόν τον τρόπο, ο αναγνώστης μπορεί να εμβαθύνει σε ένα θέμα, ενώ παράλληλα δημιουργούνται λογικές σχέσεις μεταξύ των διαφορετικών σελίδων του website. Σε μεγαλύτερα sites, η σωστή εσωτερική αρχιτεκτονική βοηθά επίσης να αποφεύγονται orphan pages που υπάρχουν τεχνικά αλλά είναι δύσκολο να ανακαλυφθούν μέσω της κανονικής πλοήγησης.

Structured Data: όταν η πληροφορία αποκτά σημασιολογική δομή

Το HTML περιγράφει τη δομή μιας σελίδας, όμως σε αρκετές περιπτώσεις μπορούμε να δώσουμε στις μηχανές αναζήτησης ακόμη πιο συγκεκριμένες πληροφορίες σχετικά με το τι αντιπροσωπεύουν τα δεδομένα της. Όπως αναλύσαμε στο άρθρο για τα Structured Data και Rich Results, το Schema.org και η σωστή χρήση JSON-LD μπορούν να περιγράψουν οργανισμούς, άρθρα, breadcrumbs και άλλες υποστηριζόμενες οντότητες με τυποποιημένο τρόπο. Αυτό δεν αποτελεί shortcut προς την πρώτη θέση ούτε εγγυάται ότι η Google θα εμφανίσει ένα εμπλουτισμένο αποτέλεσμα. Αποτελεί όμως έναν καθαρό τρόπο να περιγράψουμε τη σημασία και τις σχέσεις της πληροφορίας. Όταν τα structured data παράγονται από την ίδια αξιόπιστη πηγή με το πραγματικό περιεχόμενο και παραμένουν συνεπή καθώς εξελίσσεται το website, γίνονται μέρος μιας πολύ ισχυρότερης τεχνικής υποδομής.

SSR και Τεχνικό SEO

Στο Liberty Studio αναπτύσσουμε τις ιστοσελίδες μας με server-side rendered αρχιτεκτονική. Αυτό σημαίνει ότι το βασικό περιεχόμενο μπορεί να παραδίδεται ως έτοιμο HTML από τον server, αντί να εξαρτάται αποκλειστικά από client-side JavaScript για να δημιουργηθεί αρχικά στον browser. Για το τεχνικό SEO αυτό μας δίνει μια εξαιρετικά καθαρή βάση πάνω στην οποία μπορούμε να ελέγξουμε rendering, routes, metadata, structured data και performance με ακρίβεια. Δεν σημαίνει ότι το SSR αποτελεί από μόνο του παράγοντα κατάταξης ούτε ότι μια SSR ιστοσελίδα θα ξεπεράσει αυτόματα μια άλλη. Σημαίνει όμως ότι, όταν υλοποιείται σωστά, αποτελεί μια ισχυρή αρχιτεκτονική επιλογή για γρήγορη παράδοση περιεχομένου και σύγχρονες εφαρμογές με απαιτήσεις SEO. Η διαφορά αυτή απαιτεί σημαντικά βαθύτερη γνώση development, server rendering, caching, deployment και application architecture από την απλή συναρμολόγηση μιας ιστοσελίδας με έτοιμα components. Όπως εξηγήσαμε και στην ανάλυσή μας για το γιατί η ταχύτητα μιας ιστοσελίδας αποτελεί επιχειρηματικό πλεονέκτημα, η ποιότητα που δεν βλέπει ο επισκέπτης είναι συχνά αυτή που καθορίζει πόσο καλά λειτουργεί τελικά το έργο.

Performance και Technical SEO δεν μπορούν να διαχωριστούν

Μια τεχνικά οργανωμένη ιστοσελίδα πρέπει παράλληλα να προσφέρει πραγματικά καλή εμπειρία στους ανθρώπους που τη χρησιμοποιούν. Μεγάλα JavaScript bundles, μη βελτιστοποιημένες εικόνες, blocking resources, ασταθής διάταξη και καθυστερημένες αλληλεπιδράσεις μπορούν να υποβαθμίσουν μια κατά τα άλλα σωστή υλοποίηση. Τα Core Web Vitals είναι ένας τρόπος μέτρησης σημαντικών πτυχών αυτής της εμπειρίας, όμως ο πραγματικός στόχος δεν είναι απλώς να περάσει μια ιστοσελίδα ένα test. Είναι να παραμένει γρήγορη και σταθερή για πραγματικούς χρήστες, σε διαφορετικές συσκευές και συνθήκες σύνδεσης. Αυτό απαιτεί βελτιστοποίηση εικόνων, προσεκτική φόρτωση scripts και fonts, σωστή caching στρατηγική και κυρίως αρχιτεκτονική που δεν δημιουργεί περιττό βάρος εξαρχής. Το performance δεν είναι το τελευταίο στάδιο του SEO. Είναι μέρος της ίδιας τεχνικής φιλοσοφίας.

Το Τεχνικό SEO ξεκινά πριν γραφτεί η πρώτη σελίδα

Η σημαντικότερη διαφορά βρίσκεται τελικά στη σειρά με την οποία λαμβάνονται οι αποφάσεις. Αν πρώτα κατασκευαστεί μια ιστοσελίδα και μετά επιχειρήσουμε να προσθέσουμε SEO, πολλές βασικές επιλογές έχουν ήδη γίνει: η αρχιτεκτονική των URLs, το rendering, η δομή του περιεχομένου, η πλοήγηση, το component model και ο τρόπος με τον οποίο παράγονται οι σελίδες. Η σωστή προσέγγιση λειτουργεί αντίστροφα. Κατανοούμε πρώτα την επιχείρηση και το περιεχόμενό της, σχεδιάζουμε την information architecture, καθορίζουμε τις σχέσεις μεταξύ των σελίδων και στη συνέχεια αναπτύσσουμε το σύστημα που θα τις υποστηρίξει. Έτσι, SEO, accessibility, performance και scalability δεν ανταγωνίζονται μεταξύ τους στο τέλος του project αλλά αποτελούν κοινές απαιτήσεις από την αρχή.

Η προσέγγιση του Liberty Studio

Στο Liberty Studio μια σύγχρονη ιστοσελίδα δεν αντιμετωπίζεται ως ένα όμορφο σύνολο σελίδων που απλώς πρέπει να εμφανίζεται σωστά στο διαδίκτυο. Αντιμετωπίζεται ως πληροφοριακή και επιχειρηματική υποδομή. Server-side rendering, semantic HTML, metadata, canonical URLs, structured data, σωστή εσωτερική διασύνδεση, προσβασιμότητα, ταχύτητα και επεκτασιμότητα σχεδιάζονται ως μέρη του ίδιου συστήματος. Αυτή η προσέγγιση απαιτεί περισσότερη τεχνική εξειδίκευση και αρχιτεκτονική σκέψη, αλλά δημιουργεί κάτι πολύ πιο σημαντικό από ένα καλό αποτέλεσμα την ημέρα του launch: μια καθαρή και σύγχρονη τεχνική βάση πάνω στην οποία η ψηφιακή παρουσία της επιχείρησης μπορεί να συνεχίσει να αναπτύσσεται. Γιατί η Google μπορεί να μη βλέπει μια ιστοσελίδα όπως ακριβώς τη βλέπει ένας πελάτης, όμως και οι δύο χρειάζονται τελικά το ίδιο πράγμα: περιεχόμενο που είναι γρήγορο, ξεκάθαρο, προσβάσιμο και σωστά οργανωμένο.