Το πρόβλημα SEO και το πλαίσιο NextJS

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

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

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

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

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

Πώς ακριβώς γίνεται αυτό, θα μελετήσουμε στο πλαίσιο αυτού του σεμιναρίου.

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

Λοιπόν, πάμε:)