Z pewnością, jeśli korzystasz z WordPressa, zobaczysz dziwne tagi w linkach, jeśli spojrzysz na kod.
Na początku jest to przerażające, ponieważ wiesz, że sam tego nie dodałeś i myślisz, skąd to się wzięło? Nie martw się, nic złego się nie stało, to sam WordPress to dodał.
Czemu on to robi? Aby cię chronić, wyjaśniam bardziej szczegółowo.
Jest to atrybut HTML, który pomaga nam chronić się przed wszelkimi lukami, które pojawiają się podczas umieszczania zewnętrznego linku na naszej stronie internetowej.
Za każdym razem tworzymy link do otwarcia w nowym oknie z target=”_blank”. W ten sposób zostaliśmy narażeni na złośliwych hakerów, którzy za pomocą selektora window.opener mogli modyfikować rzeczy dzięki językowi programowania JavaScript.
Takie rzeczy jak przeniesienie nas na fałszywą stronę i poproszenie nas o podanie naszych danych.
Z tego powodu, począwszy od wersji 4.7.4 WordPressa, każdy link wygenerowany do nowej zakładki z target=”_blank” będzie połączony z rel=”noreferrer noopener” w ten sposób unikając jakiejkolwiek podatności na jakikolwiek link zewnętrzny.
Jak mogę sprawdzić, czy mam rel=»noreferrer noopener»?
Tutaj pokażę wam mój edytor WordPressa i zrobimy przykład.
Tworzymy post i dodajemy testowy link zewnętrzny.
Teraz zobaczymy wpis w formacie HTML, w tym celu klikamy trzy kropki pojawiające się w nagłówku bloku po prawej stronie i wybieramy „Edytuj jako HTML”
Teraz zobaczymy, jak zbudowany jest mój link. Możemy zauważyć, że domyślnie WordPress wywołuje kod rel=”noreferrer noopener”
Zastanawiasz się, czym jest Noreferrer?
Jest to kolejny atrybut, który towarzyszy Noopenerowi, aby uniknąć przekazywania naszych danych osobowych do nowej karty, do której się wybieramy.
Czy dodanie noopener noreferrer wpływa na SEO?
Oczywiście nie, nie ma to wpływu na pozycjonowanie linków.
Możesz się również zastanawiać, czy wpłynie to na linki, które mają atrybut nofollow.
Zobaczmy to, gdybyśmy na przykład mieli taki link:
<a rel="nofollow" href="https://misitio.es/mi-enlace/">Texto de mi enlace</a>
A teraz powinno wyglądać następująco:
<a rel="nofollow noopener noreferrer" href="https://misitio.es/mi-enlace/">Texto de mi enlace</a>
Powiem ci, że to też nie wpłynie na SEO.
I nie mówię tego, mówi tak samo Google.
Jak odpowiedział Google, dodanie noopenera do naszych linków nie ma wpływu na pozycjonowanie.
A dla moich linków afiliacyjnych? Jeśli atrybut Noreferrer nie pozwala mi na przekazywanie danych osobowych, czy zostanie mi krzywda?
Ponadto większość programów partnerskich nie zapewnia unikalnego adresu URL, który zawiera identyfikator partnera.
Czy mogę zamienić Noopener i Noreferrer?
Tak, nie ma to wpływu na ochronę łącza.
Zobaczmy następujący przykład, wewnątrz mojego wejścia testowego umieściłem kody od tyłu
Zapisuję wpis i klikam Podgląd. Gdy przeglądam, zobaczę kod źródłowy, klikając Ctrl+U (jeśli pracujesz w Chrome)
Możemy zdać sobie sprawę, że atrybuty są nadal obecne, pełniąc funkcję ochronną.
Czy mogę wyłączyć tę funkcję?
Możesz to zrobić, ale zostaniesz ponownie zdemaskowany, więc nie ma sensu tego robić.
Podobnie, jeśli chcesz go wyłączyć, musisz przejść do pliku functions.php aktywnego motywu potomnego i dodać następujący kod:
// Esto desactiva voluntariamente una funcionalidad de seguridad de tinyMCE.
// NO ES RECOMENDABLE usar este código.
add_filter('tiny_mce_before_init','tinymce_allow_unsafe_link_target');
function tinymce_allow_unsafe_link_target( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}
Mam nadzieję, że ten artykuł pomógł ci zrozumieć, jak działa atrybut noopener na linkach zewnętrznych.
Zalecamy nie modyfikować niczego, ponieważ w ten sposób będziesz chroniony i bezpieczny.
Do następnego samouczka 😉