Co oznacza tag noopener? atrybut noreferrer/efekt nofollow

etykieta hiperłącza <a>Kod jest zwykle używany z atrybutami noopener, noreferrer i nofollow. W tym artykule dowiesz się, jak używać atrybutów kodu noopener, noreferrer i nofollow.

Co oznacza tag noopener?

będzie target="_blank" Po dodaniu do linku strona docelowa otworzy się w nowej karcie.

Na nowo otwartej stronie możesz uzyskać obiekt okna strony źródłowej poprzez window.opener, ukrywając potencjalne zagrożenia bezpieczeństwa.

• Konkretnie, twoja własna strona internetowa łącze A, istnieje łącze do strony internetowej B, które może otworzyć inny adres strony trzeciej.
• Strona internetowa B uzyskuje obiekt window strony internetowej A poprzez window.opener;
• Następnie możesz użyć strony A, aby przejść do strony phishingowej window.opener.location.href=”abc.com”, użytkownik nie zauważy
• Adres skoczył, a po wpisaniu na tej stronie nazwy użytkownika i hasła nastąpił wyciek informacji.
• Aby uniknąć powyższych problemów, wprowadza się rel i ustawia atrybut ="noopener", aby nowo otwarta strona nie mogła uzyskać obiektu okna strony źródłowej.
• W tej chwili wartość window.opener jest równa null.

Jeśli więc chcesz otworzyć adres innej firmy w nowej karcie, najlepiej dodać kod tagu rel="noopener"Atrybuty.

Rola atrybutu noreferrer

Podobny do noopenera.

Ustawiaćrel="noreferrer"Następnie nowo otwarta strona nie może zostać zaatakowana przez okno strony źródłowej.

Jednocześnie z nowo otwartej strony nie można uzyskać informacji document.referrer.Ta informacja zawiera adres strony źródłowej.

Zazwyczaj noopener i noreferrer są ustawione jednocześnie,rel="noopener noreferrer".

Skoro ten ostatni ma poprzednią funkcję jednoczesnego ograniczania dostępu do window.opener, dlaczego miałby być ustawiany w tym samym czasie?

Dla kompatybilności, ponieważ niektóre stare przeglądarki nie obsługują noopenera.

Rola nofollow

Obliczenie wagi strony przez wyszukiwarki obejmuje liczbę odniesień do strony (linki zwrotne), co oznacza, że ​​jeśli strona jest połączona z wieloma innymi stronami internetowymi, strona zostanie oceniona jako strona wysokiej jakości.

Pozycje w wynikach wyszukiwania będą rosły.

Ustawienie rel=”nofollow” oznacza poinformowanie wyszukiwarki, że link nie wpływa na powyższy ranking.

• Zwykle używany do łączenia bezSEORankingowe adresy wewnętrzne (takie jak linki do rejestracji lub strony logowania), nie chcą marnować wagi eksportu lub niektóre strony o niskiej jakości.