Què significa l'etiqueta noopener? atribut noreferrer/efecte nofollow

etiqueta d'hiperenllaç <a>El codi s'utilitza normalment amb els atributs noopener, noreferrer i nofollow, aquest article compartirà com utilitzar els atributs de codi noopener, noreferrer i nofollow.

Què significa l'etiqueta noopener?

voluntat target="_blank" Quan s'afegeix a un enllaç, la pàgina de destinació s'obrirà en una pestanya nova.

A la pàgina recentment oberta, podeu obtenir l'objecte finestra de la pàgina d'origen a través de window.opener, enterrant els possibles riscos de seguretat.

• Concretament, l'enllaç A de la vostra pàgina web, hi ha un enllaç B de la pàgina web que pot obrir una altra adreça de tercers.
• La pàgina web B obté l'objecte finestra de la pàgina web A mitjançant window.opener;
• A continuació, podeu utilitzar la pàgina A per saltar a la pàgina de pesca window.opener.location.href="abc.com", l'usuari no s'adona
• L'adreça va saltar i, després d'introduir el nom d'usuari i la contrasenya en aquesta pàgina, es va produir una fuga d'informació.
• Per tal d'evitar els problemes anteriors, s'introdueix rel i s'estableix l'atribut ="noopener", de manera que la pàgina recentment oberta no pot obtenir l'objecte finestra de la pàgina font.
• En aquest moment, el valor de window.opener és nul.

Per tant, si voleu obrir una adreça de tercers en una pestanya nova, el millor és afegir el codi d'etiqueta. rel="noopener"Atributs.

El paper de l'atribut noreferrer

Similar a noopener.

Configuraciórel="noreferrer"Després d'això, la pàgina recentment oberta no pot fer que la finestra de la pàgina d'origen ataci.

Al mateix temps, la informació del document.referrer no es pot obtenir des de la pàgina recent oberta.Aquesta informació conté l'adreça de la pàgina d'origen.

Normalment, noopener i noreferrer s'estableixen al mateix temps,rel="noopener noreferrer".

Com que aquest últim té la funció anterior de restringir l'accés a window.opener alhora, per què s'hauria de configurar al mateix temps?

Per compatibilitat, perquè alguns navegadors antics no admeten noopener.

El paper de nofollow

El càlcul del pes de la pàgina per part dels motors de cerca inclou el nombre de referències de pàgina (backlinks), és a dir, si la pàgina està enllaçada per moltes altres pàgines web, la pàgina es valorarà com una pàgina d'alta qualitat.

La classificació als resultats de la cerca augmentarà.

Quan configureu rel="nofollow", vol dir dir al motor de cerca que l'enllaç no contribueix a la classificació anterior.

• S'utilitza generalment per enllaçar senseSEOLes adreces internes classificades (com ara enllaços de pàgines de registre o d'inici de sessió), no volen perdre pes d'exportació o algunes pàgines de mala qualitat.