Τι είναι rel = noopener στο WordPress & πώς να το αφαιρέσετε

Εάν έχετε αναβαθμίστηκε σε έκδοση WordPress 4.7.4 ή νεότερη έκδοση, τότε πρέπει να έχετε παρατηρήσει μια νέα ετικέτα rel = "noopener" μαζί με το target = "_ blank" tag στον επεξεργαστή HTML. Η ετικέτα είναι προστίθεται αυτόματα σε όλους τους εσωτερικούς και εξωτερικούς συνδέσμους όταν τα ανοίγετε σε μια νέα καρτέλα.

Όπως κάθε άλλος ενδιαφερόμενος προγραμματιστής ιστού, πρέπει να αναρωτιέστε τι κάνει αυτή η ετικέτα και εάν επηρεάζει αρνητικά με οποιονδήποτε τρόπο τους ιστοτόπους σας?

Λοιπόν, σε αυτή τη θέση θα σας πω τι είναι rel = "noopener" στο WordPress και πώς μπορείτε να το αφαιρέσετε αν χρειαστεί.

Τι είναι rel =”noopener”?

Όπως είναι ενοχλητικό όσο μπορεί να ακούγεται, είναι στην πραγματικότητα μια λύση ασφαλείας για να αποτρέψετε τον έλεγχο κακόβουλων συνδέσεων σε μια ανοικτή καρτέλα. Συνήθως, μπορεί να χρησιμοποιηθεί το αντικείμενο Javascript window.opener ελέγχει ένα γονικό παράθυρο (η τρέχουσα καρτέλα σας) χρησιμοποιώντας ένα παιδικό παράθυρο (η καρτέλα που ανοίχθηκε πρόσφατα).

Οι χάκερ μπορούν να χρησιμοποιήσουν αυτό το χαρακτηριστικό να αλλάξετε τον ιστότοπο που ανοίγει ο χρήστης με ένα ψεύτικο και κλέβουν πληροφορίες, όπως στοιχεία σύνδεσης. Ακολουθεί μια ιστοσελίδα που δείχνει πώς το window.opener μπορεί να καταλάβει την καρτέλα σας.

Για να αποφευχθεί αυτό, rel = "noopener" είναι η ετικέτα που αποκλείει τη χρήση του αντικειμένου Javascript window.opener. Αν το window.opener δε λειτουργεί, τότε μια καρτέλα δεν μπορεί να ελέγξει άλλη καρτέλα.

Αυτή η ενημέρωση κώδικα ασφαλείας προστέθηκε στο πρόσθετο TinyMCE στις 23 Νοεμβρίου 2016. Καθώς το WordPress χρησιμοποιεί το TinyMCE ως κειμενογράφο, ενημερώθηκε με αυτήν την δυνατότητα στο WordPress έκδοση 4.7.4.

Είναι κακό για την ιστοσελίδα σας?

Εν συντομία, όχι.

Πολλοί χρήστες του WordPress ανησυχούν για αυτό rel = "noopener" μπορεί να κάνει όλες τις εσωτερικές και εξωτερικές συνδέσεις "nofollow", που είναι πραγματικά κακό για SEO. Στην πραγματικότητα, rel = "noopener" είναι απλά μια οδηγία για το πρόγραμμα περιήγησης του χρήστη να διακόψει τη χρήση του αντικειμένου Javascript window.opener.

Η ιστοσελίδα SEO επηρεάζεται από μηχανές αναζήτησης και δεν αλληλεπιδρούν με rel = "noopener" ετικέτα. Το ίδιο ισχύει λογισμικό ανάλυσης που αγνοεί εντελώς αυτήν την ετικέτα.

Αυτό μπορεί να ήταν λίγο πρόβλημα όταν το WordPress προστέθηκε για πρώτη φορά rel = "noopener noreferrer" ετικέτα πριν απελευθερωθεί το fix με την έκδοση WordPress 4.7.4. Στην προηγούμενη έκδοση, το "noreferrer" απέτρεψε τη σύνδεση από το να γνωρίζει από πού προέρχεται.

Παρόλο που δεν επηρέασε το SEO, επηρεάστηκαν ορισμένα από τα εργαλεία ανάλυσης και τα προγράμματα θυγατρικών. Ωστόσο, φαίνεται Το WordPress έχει πλέον αφαιρέσει την ετικέτα "noreferrer" και δεν θα πρέπει να έχετε κανένα πρόβλημα με rel = "noopener" ετικέτα. Απλά βεβαιωθείτε ότι είστε ενημερώστε την τελευταία έκδοση του WordPress.

Πώς να αφαιρέσετε rel =”noopener”

Δεν βλέπω κανέναν καλό λόγο να καταργήσω rel = "noopener" από τις αναρτήσεις σας. Δεν επηρεάζει το SEO, καμία επίδραση στα εργαλεία ανάλυσης και οι συνδέσεις θυγατρικών δεν θα σπάσουν. Το προστατεύει απλώς τους χρήστες σας από πιθανές κακόβουλες συνδέσεις που θα μπορούσαν να καταλάβουν τις καρτέλες τους.

Δεδομένου ότι σταματά μόνο τη χρήση του αντικειμένου window.opener Javascript, πιστεύω ότι θα το θελήσετε μόνο αφαιρέστε το όταν θέλετε να επωφεληθείτε από τη λειτουργία window.opener για οποιονδήποτε σκοπό.

Αφαίρεση rel = "noopener" μπορεί να είναι λίγο δύσκολο καθώς ενσωματώνεται στον επεξεργαστή κειμένου WordPress. Ακόμη και αν το αφαιρέσετε με μη αυτόματο τρόπο από τον κώδικα HTML, θα είναι προστέθηκε ξανά όταν θα αποθηκεύσετε το έγγραφο. Επομένως, το καλύτερο στοίχημά σας είναι να απενεργοποιήσετε αυτό το χαρακτηριστικό από το ίδιο το TinyMCE plugin.

Για να το κάνετε αυτό, θα πρέπει να το κάνετε προσθέστε μερικές γραμμές κώδικα στο functions.php αρχείο του WordPress θέμα σας.

Στο functions.php αρχείο, αντιγράψτε και επικολλήστε τον παρακάτω κώδικα και να το αποθηκεύσετε:

 // Σημειώστε ότι αυτό απενεργοποιεί σκόπιμα ένα χαρακτηριστικό ασφαλείας tinyMCE. // Η χρήση αυτού του κώδικα δεν συνιστάται.add_filter ('tiny_mce_before_init', 'tinymce_allow_unsafe_link_target'); συνάρτηση tinymce_allow_unsafe_link_target ($ mceInit) $ mceInit ['allow_unsafe_link_target'] = true; επιστροφή $ mceInit; 

αυτό θα σταματήστε το WordPress από την αυτόματη προσθήκη rel = "noopener" ετικέτα στις αναρτήσεις σας. Ωστόσο, αυτό δεν θα καταργήσει ήδη προστιθέμενες ετικέτες, γι 'αυτό θα πρέπει να κάνετε να τα αφαιρέσετε με μη αυτόματο τρόπο από τις θέσεις που αποθηκεύθηκαν μετά την ενημέρωση του WordPress 4.7.4.

Για να ολοκληρώσω

Δεν υπάρχει λόγος να φοβάσαι rel = "noopener" ετικέτα ως είναι ένα βήμα προς την ασφάλεια των επισκεπτών του ιστοτόπου σας. Εάν δεν θέλετε να χρησιμοποιήσετε τη δυνατότητα window.opener, θα πρέπει να αγκαλιάσετε αυτή τη νέα έκδοση της δυνατότητας ασφαλείας.

Εάν υπάρχει άλλος λόγος για τον οποίο θέλετε να καταργήσετε rel = "noopener" ετικέτα, στη συνέχεια να μας διαφωτίσει στα παρακάτω σχόλια.