Δοκιμές μετά τη δημοσίευση

Ενότητα 5: Δημοσίευση και το δικό σας domain · Χρόνος ανάγνωσης: 9 λεπτά

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

Βασικές έννοιες: γύρος δοκιμών, ιδιωτικό παράθυρο, browser cache, σκληρή ανανέωση, νεκρός σύνδεσμος, έλεγχος ασφαλείας, Έλεγχος τώρα, σελίδα σφάλματος, δοκιμαστικό μήνυμα

Γιατί δοκιμάζετε στο πραγματικό site

Η προεπισκόπηση στον builder δεν είναι ακριβώς το site σας. Ορισμένα πράγματα λειτουργούν μόνο στη δημοσιευμένη έκδοση:

• η φόρμα επικοινωνίας σας στέλνει email μόνο στο πραγματικό site, και μόνο αν το site σας ανήκει σε ένα πακέτο·
• ο δικός σας κώδικας από Ρυθμίσεις > Ενσωματώσεις δεν εκτελείται στην προεπισκόπηση, ενώ στο πραγματικό site σας εκτελείται·
• το banner για τα cookies και τις υπηρεσίες που φορτώνουν μόνο μετά από συγκατάθεση τα βλέπετε να λειτουργούν πραγματικά μόνο στο site σας·
• το https, η ανακατεύθυνση από http σε https και από www στην κύρια διεύθυνση (μάθημα 5.2) υπάρχουν μόνο στο πραγματικό σας domain.

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

Πρώτα: βλέπετε όντως τη νεότερη έκδοση;

Ο browser σας κρατά για κάποιο διάστημα σελίδες, φωτογραφίες και τη μορφοποίηση, στη λεγόμενη browser cache. Αυτό κάνει το site σας γρήγορο, αλλά μετά τη Δημοσίευση αλλαγών μπορεί να βλέπετε ακόμη την παλιά έκδοση. Γι' αυτό δοκιμάζετε ως εξής:

• ανοίξτε το site σας σε ένα ιδιωτικό παράθυρο (incognito)· αυτό ξεκινά χωρίς αποθηκευμένες σελίδες·
• ή κάντε μια σκληρή ανανέωση: Ctrl+F5 στα Windows, Cmd+Shift+R σε Mac·
• δοκιμάστε και στο κινητό σας, κατά προτίμηση με δεδομένα κινητής και όχι μέσω wifi.

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

Ο γύρος δοκιμών, βήμα προς βήμα

Η Schildersbedrijf Example δοκιμάζει ως εξής, σε ένα ιδιωτικό παράθυρο:

1. Όλες οι σελίδες μέσω του μενού. Κάντε κλικ σε κάθε επιλογή του μενού, και στα στοιχεία ενός υπομενού. Ανοίγει κάθε σελίδα, με τον σωστό τίτλο στο πάνω μέρος;
2. Όλα τα κουμπιά και οι σύνδεσμοι. Κάντε κλικ σε κάθε κουμπί: "Ζητήστε προσφορά", "Καλέστε μας", τους συνδέσμους στο υποσέλιδο. Οδηγεί κάθε κουμπί στη σωστή σελίδα ή ενότητα; Οι σύνδεσμοι προς τον αριθμό τηλεφώνου και τη διεύθυνση email σας ανοίγουν το τηλέφωνο ή το πρόγραμμα email.
3. Σύνδεσμοι προς άλλα sites. Η σελίδα σας στο Facebook, ένα σήμα ποιότητας, οδηγίες διαδρομής: λειτουργούν και ανοίγουν τη σωστή σελίδα;
4. Εικόνες. Φορτώνει κάθε φωτογραφία, και πιο κάτω σε μεγάλες σελίδες; Αν λείπει κάποια, βλέπετε ένα κενό πλαίσιο.
5. Η φόρμα, στην πράξη. Συμπληρώστε τη φόρμα επικοινωνίας με μια άλλη δική σας διεύθυνση. Φτάνει το μήνυμα στη διεύθυνση στο πεδίο Αποστολή μηνυμάτων σε, και εμφανίζεται το κείμενο ή η σελίδα ευχαριστίας; Δείτε το μάθημα 5.3 για τις λεπτομέρειες.
6. Κινητό. Ανοίξτε το site στο κινητό σας. Ανοίγει το μενού, είναι τα κουμπιά αρκετά μεγάλα για να τα πατήσετε, δεν βγαίνει κείμενο εκτός οθόνης; Στον builder μπορείτε να το δείτε από πριν με το Κινητό στην πάνω γραμμή, αλλά το δικό σας κινητό είναι η πραγματική δοκιμή.
7. Το https και η διεύθυνση. Πληκτρολογήστε http://example.com και www.example.com. Καταλήγετε και στις δύο περιπτώσεις στην ίδια διεύθυνση με https και ένα λουκέτο;
8. Μια σελίδα που δεν υπάρχει. Πληκτρολογήστε μια διεύθυνση όπως https://example.com/bestaat-niet. Έτσι βλέπετε τι εμφανίζεται σε έναν επισκέπτη που ακολουθεί έναν παλιό ή λάθος σύνδεσμο. Αν υπάρχει ακόμη σύνδεσμος προς μια τέτοια διεύθυνση στο δικό σας site, διορθώστε τον.
9. Banner για τα cookies και widgets. Αν χρησιμοποιείτε υπηρεσίες τρίτων (έναν χάρτη, βίντεο ή στατιστικά), εμφανίζεται το banner και φορτώνει ο χάρτης μόνο μετά από συγκατάθεση (μάθημα 7.2);
10. Δεύτερη γλώσσα. Αν έχετε δεύτερη γλώσσα, λειτουργεί η επιλογή γλώσσας και υπάρχουν τα νέα κείμενα και σε αυτή τη γλώσσα;

Σημειώστε ό,τι βρίσκετε. Διορθώστε το στον builder, δημοσιεύστε το με Δημοσίευση αλλαγών και στη συνέχεια δοκιμάστε ξανά μόνο αυτό το σημείο.

Ο έλεγχος ασφαλείας στον builder

Ο builder έχει δικό του έλεγχο, στο πάνελ Ασφάλεια στην εργαλειοθήκη αριστερά. Κάντε κλικ στο Έλεγχος τώρα. Σε περίπου μισό λεπτό ο builder εξετάζει ό,τι έρχεται απ' έξω: τους συνδέσμους στο site σας, widgets και ενσωματώσεις, τον δικό σας κώδικα και το banner για τα cookies. Επισκέπτεται πραγματικά τους συνδέσμους.

Λαμβάνετε μια λίστα Προς έλεγχο, για παράδειγμα:

• "Ο σύνδεσμος δεν λειτουργεί πια (404): ...": ένας νεκρός σύνδεσμος, συχνά προς μια σελίδα άλλου site που έχει μετακινηθεί·
• "Μη ασφαλής σύνδεσμος χωρίς https: ...": ένας σύνδεσμος που ξεκινά με http://· αντικαταστήστε τον με την έκδοση https·
• "Ο σύνδεσμος δεν ήταν δυνατό να ελεγχθεί αυτόματα (το site το μπλοκάρει): ...": αυτό δεν είναι σφάλμα· ορισμένα sites αποκλείουν τους αυτόματους ελέγχους· ανοίξτε έναν τέτοιο σύνδεσμο μόνοι σας·
• "Τα μηνύματα της φόρμας σας πηγαίνουν στο ..., όχι στη διεύθυνση email του λογαριασμού σας. Είναι σωστό;": μια ερώτηση, όχι σφάλμα.

Δίπλα σε ένα σημείο υπάρχει συχνά ένα κουμπί, όπως Ρωτήστε το AI ή Επεξεργασία widget. Ο έλεγχος είναι δωρεάν και μπορείτε να τον κάνετε έως 3 φορές την ώρα. Δεν αντικαθιστά τον δικό σας γύρο δοκιμών: δεν ελέγχει αν οι φωτογραφίες σας φαίνονται ωραίες ή αν φτάνουν τα μηνύματα της φόρμας σας.

Παγίδες

• Δοκιμές στην προεπισκόπηση αντί για το πραγματικό site σας. Εκεί δεν βλέπετε τη φόρμα και τον δικό σας κώδικα να λειτουργούν πραγματικά.
• Δοκιμές μόνο στον δικό σας υπολογιστή. Εκεί ο browser σας έχει συνηθίσει την παλιά έκδοση και συχνά είστε ακόμη συνδεδεμένοι σε υπηρεσίες. Ένα ιδιωτικό παράθυρο και το κινητό σας δίνουν πιο αντικειμενική εικόνα.
• Έλεγχος ενός εξωτερικού συνδέσμου μία φορά και ποτέ ξανά. Τα άλλα sites αλλάζουν. Εκτελείτε ξανά τον έλεγχο ασφαλείας κατά διαστήματα.
• Ξεχασμένα δοκιμαστικά μηνύματα. Ενημερώστε τους συνεργάτες που διαβάζουν επίσης το γραμματοκιβώτιο ότι θα φτάσουν δοκιμαστικά μηνύματα.
• Βιαστικά συμπεράσματα μετά από αλλαγή στο DNS. Αν σε μία συσκευή βλέπετε το νέο site και σε άλλη το παλιό, αυτό οφείλεται συχνά ακόμη στο DNS (μάθημα 5.2), όχι σε σφάλμα του builder.

Στον builder: πώς το κάνετε

1. Δημοσιεύστε την τελευταία σας έκδοση με Δημοσίευση αλλαγών.
2. Ανοίξτε το site σας σε ιδιωτικό παράθυρο και περάστε τα δέκα βήματα παραπάνω.
3. Ανοίξτε στον builder το πάνελ Ασφάλεια και κάντε κλικ στο Έλεγχος τώρα.
4. Διορθώστε κάθε σημείο ή αποφασίστε συνειδητά ότι είναι εντάξει.
5. Δημοσιεύστε τις διορθώσεις και δοκιμάστε ξανά τα στοιχεία που αλλάξατε.

Σύνοψη

• Δοκιμάζετε στο πραγματικό site σας: η φόρμα, ο δικός σας κώδικας, το https και το banner για τα cookies λειτουργούν πραγματικά μόνο εκεί.
• Χρησιμοποιείτε ιδιωτικό παράθυρο ή σκληρή ανανέωση, ώστε να είστε σίγουροι ότι βλέπετε τη νεότερη έκδοση.
• Ελέγχετε μενού, κουμπιά, συνδέσμους, εικόνες, φόρμα, κινητό, https, σελίδα σφάλματος, banner για τα cookies και δεύτερη γλώσσα.
• Το πάνελ Ασφάλεια με το Έλεγχος τώρα εντοπίζει νεκρούς και μη ασφαλείς συνδέσμους και εξετάζει widgets και τον δικό σας κώδικα, δωρεάν και έως 3 φορές την ώρα.
• Μετά από κάθε διόρθωση: δημοσίευση και νέα δοκιμή αυτού του σημείου.

Κουίζ

Άσκηση

Άσκηση A5.4: Όλοι οι σύνδεσμοι και οι εικόνες λειτουργούν; Συμπληρώστε τη διεύθυνση του site σας στον AI Builder, τη δωρεάν διεύθυνση ή το δικό σας domain. Το πρόγραμμα διαβάζει το sitemap του site σας, επισκέπτεται όλες τις σελίδες που περιέχει όπως θα έκανε ένας επισκέπτης, και ελέγχει:

• αν κάθε σελίδα είναι προσβάσιμη·
• αν λειτουργούν όλοι οι σύνδεσμοι προς άλλες σελίδες του δικού σας site·
• αν φορτώνουν όλες οι εικόνες σε αυτές τις σελίδες·
• αν το http:// ανακατευθύνει στο https://.

Για κάθε γραμμή βλέπετε πράσινο, πορτοκαλί ή κόκκινο, μαζί με τη σελίδα και τον σύνδεσμο ή την εικόνα που δεν λειτουργεί. Το πρόγραμμα κάνει έως 25 αιτήματα ανά έλεγχο, οπότε σε ένα μεγάλο site δεν ελέγχει τα πάντα· ο δικός σας γύρος δοκιμών παραμένει απαραίτητος. Αν δείτε κόκκινο, διορθώστε το στον builder, δημοσιεύστε το με Δημοσίευση αλλαγών και ελέγξτε ξανά.

Περαιτέρω ανάγνωση

• Δωρεάν μάθημα Ορατότητα στο διαδίκτυο 5.3: Έλεγχος, συντήρηση και τι δεν επιτρέπεται
• Δωρεάν μάθημα Ορατότητα στο διαδίκτυο 4.1: https και σωστή ανακατεύθυνση
• Υποχρεωτική ανακατεύθυνση επισκεπτών σε https
• Δωρεάν μάθημα DNS 6.2: «Διάδοση»: γιατί κάποιοι το βλέπουν ήδη και άλλοι όχι