Uwaga: Poniższy artykuł pomoże Ci w: Optymalizacja linków WordPress: wewnętrzna, zewnętrzna, nofollow i więcej
Linki są podstawą Internetu; w końcu nazywa się to „światową siecią” ze względu na sieć linków.
Linki mogą znacznie poprawić Twoje rankingi lub zaszkodzić wydajności Twojej witryny.
To ma sens, że zarządzanie linkami jest kluczem do ogólnej strategii rozwoju witryny.
Zamierzam zagłębić się w optymalizację linków, różne atrybuty i flagi, które mogą mieć, oraz najlepsze praktyki, które powinieneś rozważyć w przypadku linków w swojej witrynie.
Zapiąć pasy; może to być trochę techniczne.
Szybki przegląd: cztery rodzaje linków
Możesz myśleć o linkach w czterech formach w ogólnych pociągnięciach.
Każdy typ jest określany na podstawie tego, gdzie zaczyna się i kończy link.
Oni są:
- Linki na stronie. To są linki podobne do tych w moim spisie treści powyżej; przenoszą Cię z jednego miejsca na stronie do drugiego na tej samej stronie, bez ładowania lub innych opóźnień.
Linki na stronie są również znane jako linki skokowe lub linki zakotwiczone.
- Linki wewnętrzne. Te linki pochodzą z jednej strony Twojej witryny i prowadzą do innej strony w Twojej witrynie WordPress.
Na przykład ten link prowadzi do innej strony w mojej witrynie.
- Linki zewnętrzne. Linki te pochodzą z Twojej strony i prowadzą do innej domeny.
Oto jeden w tej chwiliwskazując na dyskusję Moz.com na temat linków zewnętrznych.
- Linki zwrotne pochodzą z innej witryny i wskazują na Twoją witrynę. Na przykład, mój profil Forbesa ma link zwrotny do mojej strony internetowej.
Obaj łączymy się ze sobą zewnętrznie, ale oboje udostępniamy sobie również link zwrotny.
Wszystkie te rodzaje linków są ważne na różne sposoby.
Linki na stronie są nawigacyjne i odgrywają zasadniczą rolę w doświadczeniu użytkownika.
Linki wewnętrzne pomagają utrzymać ludzi w Twojej witrynie WordPress i krążą po Twoich treściach, a ponadto stanowią podstawę Twoich wezwań do działania.
Linki zewnętrzne pomagają w tworzeniu kopii zapasowych twierdzeń i dostarczają użytkownikom dalszych informacji na tematy, które nadal musisz omówić.
Pomagają również budować się jako część większej społeczności.
Linki zwrotne są istotnym źródłem wartości optymalizacji pod kątem wyszukiwarek i pomagają kierować ruch z innych witryn do Twojej.
Początki i miejsca docelowe linków to jednak tylko niektóre z krytycznych części.
Dołączone są do nich również wszystkie możliwe atrybuty linków, niektóre dodane przez WordPress, a niektóre przez zewnętrzne źródła.
Atrybuty linków (i jak mogą pomóc lub zaszkodzić)
W HTML link to znacznik „A” lub znacznik kotwicy z atrybutem href wskazującym miejsce docelowe, które może znajdować się w dowolnym miejscu, od niższej części strony do innej witryny internetowej lub innych aplikacji (np. .)
Tag kotwicy może dodawać różne dodatkowe atrybuty kodu.
Niektóre z nich są powszechne, niektóre rzadkie, a niektóre są przestarzałe.
Jest ich zbyt wiele, abym mógł je tutaj omówić, ale omówię te, które możesz zobaczyć.
- Cel: „_ja”: Spowoduje to otwarcie łącza w bieżącym oknie przeglądarki, zastępując wyrenderowaną stronę.
- Cel: “_blank”: Spowoduje to otwarcie łącza w nowej karcie lub oknie, w zależności od konfiguracji przeglądarki.
Te dwa atrybuty wykluczają się wzajemnie i określają zachowanie łącza po kliknięciu.
Jak często kliknąłeś link, otworzyłeś go w innej karcie, czytałeś dalej czytaną kartę, a kilka godzin później zdałeś sobie sprawę, że druga karta jest nadal otwarta i zamknąłeś ją bez zastanowienia? Trwa debata na temat tego, co jest lepsze, a opinie zmieniały się przez lata.
Uważam, że target=”_blank” lepiej skupia użytkowników na przeglądanych treściach.
Z drugiej strony, niektórzy uważają, że to lepsze zachowanie; zapobiegając zastąpieniu okna przez kliknięcie linku, zatrzymujesz ludzi w swojej witrynie, zamiast galopować do innych witryn.
Z tego powodu niektórzy ludzie uważają, że linki zewnętrzne powinny mieć _blank, a wewnętrzne _self.
Nie ma to aż takiego znaczenia, żeby robić z tego zamieszanie.
1.
Rel=”nofollow”
Nofollow to pierwszy z atrybutów „rel” (relacji), jeden z najbardziej znanych wśród specjalistów SEO.
Nofollow to atrybut istotny dla Google i innych wyszukiwarek, który mówi wyszukiwarkom, że nie zamierzasz przekazywać autorytetu linku ani ręczyć za ten link.
Gdy łączysz się ze stroną bez nofollow, część wartości Twojej witryny jest przekazywana do witryny docelowej.
Podobnie, gdy ktoś inny łączy się z Twoją witryną, niewielka część kapitału i autorytetu linków przechodzi na Twoją witrynę.
Ta praktyka jest istotną częścią sposobu, w jaki Google ocenia jakość i relacje między witrynami, i jest znaczącym graczem w rozwijaniu witryny.
Co się stanie, jeśli umieścisz link do witryny, której chcesz użyć jako przykładu lub demonstracji, ale niekoniecznie ręczysz za tę witrynę ani nie chcesz, aby ta witryna z niej skorzystała? Umieszczenie łącza jako zwykłego adresu URL bez hiperłącza może działać, ale odwiedzanie tej strony bez łącza jest uciążliwe i irytujące dla użytkowników.
Google wymyślił nofollow, aby rozwiązać ten problem.
Nofollow mówi robotom Google, aby nie podążały za linkiem ani nie przekazywały wartości wzdłuż łańcucha.
Zazwyczaj używasz tego w przypadku linków, które użytkownicy mogą tworzyć (np.
błędnie zinterpretowane jako nadmiernie promocyjne lub link, którego używasz jako złych przykładów.
Możesz swobodnie używać nofollow, ale nie chcesz używać nofollow na linku.
Na przykład nieobserwowanie linku do popularnej witryny nie ma większego sensu, jeśli jest to popularna nazwa.
Napisałem cały przewodnik o tym, kiedy i jak używać nofollow, więc sprawdź to.
2.
Rel=”sponsorowane” i Rel=”ugc”
Te dwa są wariacjami na temat nofollow.
W przeszłości właściciele witryn używali nofollow dla każdego linku zwrotnego, którego nie chcieli liczyć w SEO.
Google zdecydowało, że chce większego zróżnicowania, więc dodało te dwa.
Sponsorowane to oczywiście linki sponsorowane; rzeczy takie jak linki partnerskie i linki w treściach sponsorowanych.
Ma takie samo podstawowe zachowanie jak nofollow (przestaje przekazywać sok z linku), ale przekazuje Google więcej informacji o domenie .
Podobnie, UGC to kolejna odmiana, User Generated Content.
Tego tagu używasz do linków, które użytkownicy mogą tworzyć w Twojej witrynie, np.
linków w komentarzach.
Większość systemów komentarzy dodaje to automatycznie, jeśli w ogóle zezwalają na linki.
3.
Rel=”noopener” i Rel=”noreferrer”
Te dwa atrybuty to coś, z czym, jeśli masz szczęście, nigdy wcześniej nie miałeś do czynienia.
Jeśli nie masz szczęścia, mogą być uciążliwe, ponieważ niektóre programy automatycznie zawierają te tagi, na przykład Grammarly.
Noreferrer to tag, który usuwa informacje o skierowaniu z linku.
Tak więc, gdy ktoś łączy się z Tobą z innej witryny, a użytkownik klika ten link, pojawia się to w Google Analytics jako odesłanie.
Te informacje mogą być pomocne, więc wiesz, skąd pochodzi ruch i jak skuteczne są różne rodzaje linków.
Jeśli link ma dołączony „noreferrer”, ten ruch usuwa dane skierowania.
Pojawia się w Twoich statystykach jako ruch bezpośredni – tak jakby użytkownik wpisał Twój adres URL bezpośrednio w swoim pasku adresu.
Jako SEO, znaczna część naszej walki z analityką polega na przypisywaniu ruchu.
Dlatego między innymi tak często używamy parametrów UTM.
Tak więc atrybut, który usuwa to wszystko, jest denerwujący.
Co gorsza, ten tag może wpłynąć na Twoje dane analityczne, jeśli zostanie pozostawiony na linkach wewnętrznych.
Gdy ktoś kliknie link wewnętrzny, ale Google Analytics uzna, że pochodzi on z ruchu bezpośredniego, zniekształcisz statystyki ruchu.
Noopener jest trochę inny.
Wszystko, co robi, to zapobiega robieniu przez witrynę docelową dziwnych rzeczy w celu przejęcia strony, do której prowadzi link.
Możesz przeczytaj więcej na ten temat tutaj.
To cicha funkcja bezpieczeństwa.
Tego rodzaju ataki są obecnie rzadkością, ale ich obecność nie zaszkodzi.
Oto zła wiadomość.
Kiedy kopiujesz artykuł do WordPress (czy to z Worda, Dysku Google czy Grammarly), może on pobrać HTML i tagi linków, których niekoniecznie chciałeś w swojej treści.
Jeśli więc chcesz, aby Twoje linki były czyste, musisz powiedzieć WordPressowi, aby tego nie robił.
Grammarly robi to, jeśli używasz ich interfejsu internetowego.
Załóżmy, że kopiujesz post na blogu do Grammarly, aby go sprawdzić, edytować, a następnie skopiować z powrotem.
Powstałe linki będą miały dodane te atrybuty, ponieważ Grammarly nie chce być postrzegany jako źródło wyzyskujących linków zwrotnych, ilekroć ktoś kliknie je podczas edycji.
Grammarly nie jest jedyny; robią to również inne narzędzia używane w podobny sposób.
Zawsze powinieneś sprawdzić dwa razy.
Opublikowałem rozwiązanie tego problemu nieco później w tym artykule.
4.
Rel=”następny” i Rel=”poprzedni”
Te dwa są proste i pojawiają się rzadziej niż kiedyś.
Obecnie najczęściej można je znaleźć w archiwach blogów, wynikach wyszukiwania i listach produktów.
Są to znaczniki na linkach „następna strona” i „poprzednia strona”.
W praktyce informują Google, że strona indeksu 2 nie jest prawie kopią strony indeksu 1; jest to system podzielony na strony i nie powinien być karany za powielanie treści.
W WordPress są one zwykle dodawane automatycznie przez wtyczki SEO, takie jak Yoast.
Google wprowadził ten znacznik w 2011 roku, ale przestał go wspierać w 2019 roku.
Te tagi nikomu nie szkodzą, ale Google już na nie nie patrzy.
Jak odpowiednio zarządzać linkami
Zarządzanie linkami, wewnętrznymi i zewnętrznymi, jest zaskakująco ważne dla SEO.
Pomyłka nie zaszkodzi Twojej witrynie, ale może utrudnić jej rozwój.
Moje zalecenia to usunięcie wszelkich dodatkowych flag z linków wewnętrznych.
Mogą otwierać się w tym samym oknie; Jest w porządku.
Byłoby najlepiej, gdybyś nie ustawiał wewnętrznych linków jako nofollow ani nie robił na nich żadnych dziwnych atrybutów.
Tymczasem najlepiej byłoby odpowiednio otagować linki zewnętrzne.
Używanie tagu target=”_blank” umożliwia użytkownikom otwieranie przydatnych linków w nowej karcie bez opuszczania Twojej witryny na dobre, a użycie odpowiedniego tagu nofollow/sponsored/ugc jest niezbędne, aby Twoja witryna była wyświetlana przez Google.
Inne różne tagi są sytuacyjne.
Możesz użyć kilku różnych narzędzi i opcji do zarządzania linkami.
Oto kilka, które lubię.
Ten kod niestandardowy
Do swojego pliku functions.php dodajesz regułę przeformatowania adresów URL w szerokim zakresie.
Jeden z moich klientów napisał ten kod, aby rozwiązać ten problem (dzięki, Brett!).
Usuwa atrybuty z linków wewnętrznych i dodaje _blank do linków zewnętrznych bez ingerencji w inne atrybuty.
Ten kod dodaje również klasę CSS NO_MODIFY, którą możesz dodać do określonych linków, aby nakazać skryptowi ich ignorowanie.
Jest to wygodny sposób na zbiorcze zarządzanie linkami, zwłaszcza jeśli masz starszą witrynę z tysiącami linków, które musisz skontrolować ręcznie.
Załóżmy, że w pewnym momencie skopiowałeś zawartość z oprogramowania takiego jak Grammarly do WordPress.
W takim przypadku istnieje duże prawdopodobieństwo, że masz te irytujące tagi noopener i noreferrer na swoich linkach wewnętrznych, co negatywnie wpłynie na Twoje Analytics i raportowanie.
Ten mały fragment kodu rozwiązuje problem w całej witrynie!
/** * Modyfikuje łącza wewnętrzne/zewnętrzne.
Usuwa target i rel z linków wewnętrznych *, aby nie były otwierane w nowym oknie.
Dodaje target=”_blank” do zewnętrznych * linków, aby otwierały się w nowym oknie.
* * Jeśli takie zachowanie nie jest pożądane w łączu, dodaj do łącza * klasę CSS NO_MODIFY.
*/ funkcja modyfikujLinks(string $htmlString, array $internalDomains) { $html = new DOMDocument(); @$html->loadHTML($htmlString, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD); foreach($html->getElementsByTagName(‘a’) as $a) { // pomiń linki, które mają klasę CSS NO_MODIFY if (strpos($a->getAttribute(‘class’),’NO_MODIFY’) !== fałsz) { kontynuuj; } $url = parse_url($a->getAttribute(‘href’)); jeśli (puste ($url[‘host’]) || in_array($url[‘host’], $internalDomains)) { // Link wewnętrzny $a->removeAttribute(‘target’); $a->removeAttribute(‘rel’); } else { // Link zewnętrzny $a->setAttribute(‘target’,’_blank’); } } return $html->saveHTML($html->documentElement); } add_filter(‘the_content’, static function($content) { return modyfikujLinks($content, array(‘domena.com’,’subdomena.domena.com’)); },99);
Aktualizacja: Jeśli nie chcesz używać loadHTML, możesz użyć tej nowej wersji (jeszcze raz dziękuję, Brett!).
Problem polega na tym, że loadHTML nie tylko ładuje Twój HTML; analizuje go, a jeśli jest zniekształcony, próbuje go naprawić, co może powodować błędy.
Oto wersja wyrażenia regularnego:
funkcja zmodyfikujLinks(string $htmlString, array $internalDomains) { $pattern = ‘#]*)>#i’; preg_match_all($wzór, $htmlString, $dopasowania, PREG_OFFSET_CAPTURE); for($i=liczba($pasuje[0])-1; $i>0; $i–) { $originalTag = $pasuje[0][$i]; $beforeLink = $pasuje[1][$i]; $href = $pasuje[3][$i]; $afterLink = $pasuje[5][$i]; $urlComponents = parse_url($href[0]); // Pomiń, jeśli tag ma klasę NO_MODIFY if(strpos($originalTag,’NO_MODIFY’) !== false) { kontynuuj; } // Usuń target=”” z tagu $beforeLink[0] = preg_replace(‘#target=(\’|”).*?(\’|”)#i’,”, $beforeLink[0]); $poLink[0] = preg_replace(‘#target=(\’|”).*?(\’|”)#i’,”, $afterLink[0]); if (puste ($urlComponents[‘host’]) || in_array($urlComponents[‘host’]$internalDomains)) { // Link wewnętrzny // Usuń rel=”” z linków wewnętrznych $beforeLink[0] = preg_replace(‘#rel=(\’|”).*?(\’|”)#i’,”, $beforeLink[0]); $poLink[0] = preg_replace(‘#rel=(\’|”).*?(\’|”)#i’,”, $afterLink[0]); } else { // Link zewnętrzny $afterLink[0] .= ‘ target=”_blank”‘; } // Zastąp tag ze zmodyfikowanym. $htmlString = substr_replace($htmlString, ‘‘, $originalTag[1]mb_strlen($originalTag[0])); } zwróć $htmlString; } add_filter(‘the_content’, static function($content) { return modyfikujLinks($content, array(‘twojadomena.com’,’sub.twojadomena.com’)); },99);
Pamiętaj, aby zastąpić domain.com i subdomain.domain.com z Twoją nazwą domeny.
Możesz dodać tyle subdomen, ile chcesz, jeśli ich używasz, lub możesz usunąć część subdomeny z tablicy.
Gdy to zrobisz, umieść go na dole swojego pliku functions.php, a automatycznie wyczyści twoje linki! Najlepsze jest to, że możesz to cofnąć w dowolnym momencie, więc nie powoduje to trwałych zmian w treści lub bazie danych.
Linki zewnętrzne w nowym oknie / nowej karcie
Ta wtyczka ustawia regułę przepisywania adresu URL w Twojej witrynie, dzięki czemu WordPress ustawi dowolny link zewnętrzny na cel _blank, zamiast otwierać się sam.
Używa jQuery i jest ściśle zgodny z XHTML (chociaż obecnie tylko kilka osób dba o zgodność z XHTML).
To prosta wtyczka, która działa w całej witrynie, więc nawet linki społecznościowe w stopce otworzą się w nowej karcie.
Notatka: Jeśli używasz niestandardowego kodu powyżej, nie potrzebujesz tej wtyczki; robi to dla ciebie.
Narzędzie do sprawdzania uszkodzonych linków
Ta aktywna wtyczka monitorująca WordPress rutynowo indeksuje i sprawdza wszystkie linki w Twojej witrynie, aby sprawdzić, czy zostały rozwiązane.
Jeśli z jakiegoś powodu się zepsują, otrzymasz alert i możesz sprawdzić, czy witryna jest chwilowo niedostępna, czy jest to fałszywy alarm lub czy strona internetowa, do której prowadzi łącze, została rzeczywiście usunięta.
Zepsute linki (linki, które nie działają) są dość irytujące dla użytkowników i bardzo często pojawiają się w witrynach starszych niż kilka lat lub z obszerną listą artykułów, które prowadzą do różnych wtyczek i aplikacji.
Ta wtyczka może być błogosławieństwem w identyfikowaniu i naprawianiu uszkodzonych linków.
Notatka: Jedynym minusem jest to, że ta wtyczka wymaga trochę zasobów dla niektórych hostów internetowych.
Odkryłem, że niektórzy dostawcy hostingu współdzielonego, tacy jak Kinsta i WP Engine, zabraniają tej wtyczki, ponieważ nie chcą, aby spowalniała ona witryny innych klientów, a niektórzy z naszych klientów nie mogą jej używać z tego powodu.
Szeptacz linków
Linki wewnętrzne są niezwykle ważne dla doświadczenia użytkownika i procesu sprzedaży.
Mimo to czasami trudno jest wykorzystać wszystkie możliwe możliwości linkowania wewnętrznego.
Być może zapomniałeś, kiedy omówiłeś określone tematy lub starsze posty, które mogą być istotne, więc nie łączysz ich.
Ta wtyczka wykonuje zgrubny indeks Twojej witryny i jej zawartości.
Następnie, gdy piszesz i edytujesz posty w WordPress, identyfikuje, kiedy używasz odpowiednich słów kluczowych i może być w stanie połączyć się z postem w innym miejscu w Twojej witrynie.
Jest instrumentalny i gorąco polecam go każdemu, kto poważnie podchodzi do content marketingu i posiada witrynę internetową z wieloma świetnymi wpisami na blogu.
Notatka: Link Whisperer nie jest doskonały, a niektóre z jego rekomendacji mogą być zabawne.
Przeczytaj uważnie każdy z nich i dołącz tylko linki odnoszące się do zdania, które zostało wyróżnione.
Nie powinieneś przyjmować wszystkich jego zaleceń, a to powinno tylko wzmocnić istniejące praktyki linkowania wewnętrznego, a nie je zastępować.
Dzięki tym narzędziom zarządzanie linkami będzie znacznie łatwiejsze.
Stamtąd musisz dowiedzieć się, kiedy używać jakich atrybutów i ustanowić proces odpowiedniego oznaczania ich podczas tworzenia nowej treści.
