Από στατική σε δυναμική ιστοσελίδα: πότε αξίζει η αλλαγή

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

Στατική και δυναμική ιστοσελίδα με απλά λόγια

Σύμφωνα με τον οδηγό του MDN (Mozilla), στατική είναι η ιστοσελίδα που στέλνει από τον server το ίδιο, σταθερά γραμμένο περιεχόμενο κάθε φορά που ζητείται μια σελίδα. Αν προσθέσετε ένα νέο προϊόν, χρειάζεται και νέο αρχείο HTML, ενώ ο βασικός σκελετός της σελίδας επαναλαμβάνεται σε κάθε αρχείο.

Η δυναμική ιστοσελίδα, αντίθετα, φτιάχνει τη σελίδα τη στιγμή που τη ζητά ο επισκέπτης. Τα στοιχεία, δηλαδή κείμενα, τιμές και φωτογραφίες, φυλάσσονται σε βάση δεδομένων και μπαίνουν σε ένα πρότυπο (template) HTML. Έτσι, μια αλλαγή στη δομή γίνεται μία φορά, στο πρότυπο, και όχι ξεχωριστά σε κάθε σελίδα.

Πότε η στατική ιστοσελίδα αρχίζει να σας κοστίζει

Το MDN σημειώνει ότι τα στατικά sites είναι εξαιρετικά όταν έχετε λίγες σελίδες και θέλετε να δείχνετε το ίδιο περιεχόμενο σε όλους. Όσο όμως αυξάνονται οι σελίδες, το κόστος συντήρησης μπορεί να γίνει σημαντικό. Μια μικρή επιχείρηση το καταλαβαίνει συνήθως από μερικά σημάδια:

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

Όσο περισσότερα από αυτά ισχύουν, τόσο πιο πιθανό είναι η στατική σελίδα να σας περιορίζει αντί να σας εξυπηρετεί.

Τι κερδίζετε στην καθημερινή διαχείριση

Σε μια δυναμική ιστοσελίδα το περιεχόμενο αλλάζει από έναν πίνακα διαχείρισης, χωρίς επαφή με τον κώδικα. Σε συστήματα όπως το WordPress, η τεκμηρίωση του WordPress.org εξηγεί ότι οι ρόλοι χρηστών δίνουν στον ιδιοκτήτη τη δυνατότητα να ορίζει τι μπορεί και τι δεν μπορεί να κάνει κάθε χρήστης. Ο Editor, για παράδειγμα, δημοσιεύει και διαχειρίζεται άρθρα, ακόμη και άλλων χρηστών, ενώ ο Contributor γράφει τα δικά του κείμενα αλλά δεν μπορεί να τα δημοσιεύσει. Έτσι, ένας υπάλληλος μπορεί να ετοιμάζει μια ανακοίνωση και ο υπεύθυνος να την εγκρίνει πριν βγει στο site.

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

Η μετάβαση και οι θέσεις στη Google

Το μεγαλύτερο ρίσκο μιας τέτοιας αλλαγής δεν είναι το σχέδιο, αλλά οι διευθύνσεις των σελίδων. Η παλιά σελίδα «ypiresies.html» μπορεί να γίνει, για παράδειγμα, «/ypiresies/». Αν η παλιά διεύθυνση απλώς σβήσει, όσοι έρχονται από τη Google ή από συνδέσμους άλλων sites βρίσκουν σελίδα σφάλματος. Το Google Search Central δίνει σαφείς οδηγίες για τη μεταφορά ενός site με αλλαγή URL:

• Φτιάξτε πίνακα αντιστοίχισης, με κάθε παλιό URL δίπλα στο νέο του ισοδύναμο.
• Βάλτε μόνιμες ανακατευθύνσεις από τον server (301 ή 308). Για τη Google, η μόνιμη ανακατεύθυνση σημαίνει ότι η σελίδα μετακινήθηκε οριστικά και ότι η νέα διεύθυνση πρέπει να θεωρείται η κύρια (canonical).
• Αποφύγετε τις αλυσίδες: κάθε παλιό URL να οδηγεί κατευθείαν στον τελικό προορισμό.
• Μη στέλνετε πολλές παλιές σελίδες σε μία άσχετη σελίδα, γιατί αυτό μπερδεύει τους επισκέπτες και μπορεί να θεωρηθεί soft 404.
• Κρατήστε τις ανακατευθύνσεις όσο περισσότερο γίνεται, κατά κανόνα τουλάχιστον έναν χρόνο.
• Ενημερώστε τους εσωτερικούς συνδέσμους, το sitemap με τα νέα URL και το canonical κάθε σελίδας.

Η Google προειδοποιεί επίσης ότι κατά τη μεταφορά οι θέσεις μπορεί να αυξομειωθούν προσωρινά, μέχρι να ξαναδιαβαστούν και να ευρετηριαστούν οι σελίδες. Γι’ αυτό αξίζει να παρακολουθείτε στο Search Console τα παλιά και τα νέα URL μετά την αλλαγή.

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

Μια σύντομη λίστα ελέγχου

Πριν και μετά την αλλαγή, μερικοί απλοί έλεγχοι σας βοηθούν να αποφύγετε πολλά προβλήματα:

• Κρατήστε αντίγραφο της παλιάς ιστοσελίδας και λίστα με όλα τα URL της.
• Ζητήστε να δείτε τον πίνακα αντιστοίχισης πριν από τη μετάβαση.
• Μετά την αλλαγή, ανοίξτε μερικά παλιά URL και βεβαιωθείτε ότι οδηγούν στη σωστή νέα σελίδα.
• Υποβάλετε το νέο sitemap στο Search Console.
• Δείτε τη νέα ιστοσελίδα σε κινητό, tablet και υπολογιστή.
• Ορίστε από την αρχή ποιος θα έχει ποιον ρόλο στη διαχείριση.

Συμπέρασμα

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

Πηγές

• Mozilla (MDN), Client-server overview. https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Server-side/First_steps/Client-Server_overview
• Google Search Central, Site Moves and Migrations. https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes
• Google Search Central, Redirects and Google Search. https://developers.google.com/search/docs/crawling-indexing/301-redirects
• WordPress.org, Roles and Capabilities. https://wordpress.org/documentation/article/roles-and-capabilities/

Σχετικοί οδηγοί

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