Υποστήριξη
Web Development

Το site μου δεν εμφανίζει πράσινο λουκέτο - Μη ασφαλής σύνδεση
Πως να κάνω την σελίδα μου να παίζει με ασφαλή σύνδεση - https


Το SSL είναι εγκατεστημένο αλλά η σελίδα εμφανίζεται ως "Μη ασφαλής"!

Όταν μια σελίδα λειτουργεί με ασφαλή σύνδεση https, για να εμφανίσει πράσινο λουκέτο και την ένδειξη "Ασφαλής σύνδεση" πρέπει όλοι οι πόροι που καλεί (εικόνες, βίντεο, αρχεία css, js κ.ά.) να φορτώνονται αποκλειστικά μέσω ασφαλούς σύνδεσης https.

Κατά την μετάβαση (μετατροπή) μιας ιστοσελίδας από μη ασφαλή σύνδεση http σε ασφαλή σύνδεση https, είναι πιθανό κάποιοι από τους πόρους της σελίδας να παραμεληθούν και να μην μετατραπούν, με αποτέλεσμα να συνεχίσουν να καλούνται με μη ασφαλή τρόπο (http calls αντί για https calls). Αυτό επισημαίνεται κατά την πλοήγηση του χρήστη στον φυλλομετρητή (browser) με την χρήση ενός γκρί ή κίτρινου λουκέτου (ανάλογα με τον browser) και το λεκτικό "Σελίδα μη ασφαλής".

Το λεκτικό "Σελίδα μη ασφαλής" δεν σημαίνει ότι η σελίδα είναι παραβιασμένη ή ότι έχει κάποιο σημαντικό κενό ασφαλείας, παρά μόνο ότι κάποιοι από τους "πόρους" (resources) της σελίδας καλούνται με μη ασφαλή σύνδεση http. Είναι σημαντικό λοιπόν να εντοπιστούν οι μη ασφαλείς κλήσεις σε πόρους και να αντικατασταθούν με αντίστοιχες ασφαλείς (χρήση https στη θέση του http).

Για να εντοπίσετε τους πόρους που φορτώνονται με http, διαβάστε τις ακόλουθες οδηγίες:

  1. Ανοίξτε τη σελίδα σας σε μια νέα καρτέλα του φυλλομετρητή σας (Chrome, Firefox, Safari, Opera κλπ.).
  2. Πατήστε το κουμπί F12 στο πληκτρολόγιο σας ή κάντε δεξί κλικ -> Inspect Element (Έλεγχος)
  3. Στο παράθυρο που εμφανίζεται, κάντε κλικ στην καρτέλα Console (Κονσόλα)
  4. Εάν κάποιος από τους πόρους της σελίδας σας δεν φορτώνεται μέσω https, τότε θα βρείτε ένα Warning σαν το παρακάτω:
  5. Mixed Content: The page at 'https://example.com/' was loaded over HTTPS,
    but requested an insecure image
    'http://example.com/wp-content/uploads/2019/05/my_image.png'.
    This content should also be served over HTTPS.

    Το παραπάνω μήνυμα μας ενημερώνει ότι η εικόνα my_image.png που βρίσκεται στον φάκελο 'wp-content/uploads/2019/05' φορτώνεται στην σελίδα με μη ασφαλή σύνδεση http.

    Ένα αντίστοιχο μήνυμα θα εμφανίζεται για κάθε πόρο που φορτώνεται στην σελίδα με http.

  6. Εντοπίστε το σημείο της σελίδας σας στο οποίο "καλούνται" οι πόροι οι οποίοι δημιουργούν το πρόβλημα.
    Ανάλογα με την εφαρμογή, αυτό μπορεί να βρίσκεται σε σημεία όπως:
    • Μέσα στις ρυθμίσεις του θέματος που χρησιμοποιείται.
    • Στα αρχεία της εφαρμογής, του θέματος ή των προσθέτων (Plugins / Components / Modules) που χρησιμοποιούνται.
    • Σε κάποιο στοιχείο (element) html που φορτώνεται κατά το άνοιγμα της σελίδας.
  7. Διορθώστε όλους τους συνδέσμους που παρουσιάζουν πρόβλημα αντικαθιστώντας το λεκτικό "http" με "https".
  8. Κάνετε refresh την σελίδα σας πατώντας το κουμπί F5. Αν έχετε διορθώσει όλους τους προβληματικούς πόρους, τότε η σελίδα σας θα πρέπει να εμφανίζει πράσινο λουκέτο και το λεκτικό "Ασφαλής σύνδεση".
IPGLOBAL IKE   |  IP.GR   Web Hosting and Domain Name registration services in Greece