Τι σημαίνει το a tag noopener; χαρακτηριστικό noreferrer/φαινόμενο nofollow

ετικέτα υπερσύνδεσης <a>Ο κώδικας χρησιμοποιείται συνήθως με χαρακτηριστικά noopener, noreferrer και nofollow. Αυτό το άρθρο θα μοιραστεί πώς να χρησιμοποιήσετε τα χαρακτηριστικά noopener, noreferrer και nofollow code.

Τι σημαίνει το a tag noopener;

θα target="_blank" Όταν προστεθεί σε έναν σύνδεσμο, η σελίδα προορισμού θα ανοίξει σε μια νέα καρτέλα.

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

• Συγκεκριμένα, ο σύνδεσμος της δικής σας ιστοσελίδας Α, υπάρχει ένας σύνδεσμος ιστοσελίδας Β που μπορεί να ανοίξει άλλη διεύθυνση τρίτου μέρους.
• Η ιστοσελίδα Β αποκτά το αντικείμενο παραθύρου της ιστοσελίδας Α μέσω του window.opener.
• Στη συνέχεια, μπορείτε να χρησιμοποιήσετε τη σελίδα Α για να μεταβείτε στη σελίδα phishing window.opener.location.href="abc.com", ο χρήστης δεν το παρατηρεί
• Η διεύθυνση μεταπήδησε και μετά την εισαγωγή του ονόματος χρήστη και του κωδικού πρόσβασης σε αυτήν τη σελίδα, σημειώθηκε διαρροή πληροφοριών.
• Προκειμένου να αποφευχθούν τα παραπάνω προβλήματα, εισάγεται το rel και ορίζεται το χαρακτηριστικό "noopener", έτσι ώστε η σελίδα που ανοίγει πρόσφατα να μην μπορεί να αποκτήσει το αντικείμενο παραθύρου της αρχικής σελίδας.
• Αυτή τη στιγμή, η τιμή του window.opener είναι μηδενική.

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

Ο ρόλος του χαρακτηριστικού noreferrer

Παρόμοιο με το noopener.

Στήνωrel="noreferrer"Μετά από αυτό, η σελίδα που άνοιξε πρόσφατα δεν μπορεί να κάνει επίθεση στο παράθυρο της αρχικής σελίδας.

Ταυτόχρονα, οι πληροφορίες document.referrer δεν μπορούν να ληφθούν από τη σελίδα που άνοιξε πρόσφατα.Αυτές οι πληροφορίες περιέχουν τη διεύθυνση της αρχικής σελίδας.

Συνήθως το noopener και το noreferrer ρυθμίζονται ταυτόχρονα,rel="noopener noreferrer".

Εφόσον το δεύτερο έχει την πρώτη λειτουργία περιορισμού της πρόσβασης στο window.opener ταυτόχρονα, γιατί να ρυθμιστεί ταυτόχρονα;

Για συμβατότητα, επειδή ορισμένα παλιά προγράμματα περιήγησης δεν υποστηρίζουν noopener.

Ο ρόλος του nofollow

Ο υπολογισμός του βάρους της σελίδας από τις μηχανές αναζήτησης περιλαμβάνει τον αριθμό των αναφορών σελίδας (backlinks), δηλαδή εάν η σελίδα συνδέεται με πολλές άλλες ιστοσελίδες, η σελίδα θα κριθεί ως σελίδα υψηλής ποιότητας.

Οι κατατάξεις στα αποτελέσματα αναζήτησης θα αυξηθούν.

Όταν ορίζετε rel=”nofollow”, σημαίνει να πείτε στη μηχανή αναζήτησης ότι ο σύνδεσμος δεν συμβάλλει στην παραπάνω κατάταξη.

• Γενικά χρησιμοποιείται για σύνδεση χωρίςSEOΟι εσωτερικές διευθύνσεις κατάταξης (όπως οι σύνδεσμοι σελίδων εγγραφής ή σύνδεσης), δεν θέλω να χάσετε βάρος εξαγωγής ή ορισμένες σελίδες κακής ποιότητας.