Page Speed ​​i SEO: dlaczego ma to znaczenie i jak je poprawić w WordPressie

1. Dlaczego strona Speed ​​Matters
2. 1. Wyszukiwarki to firmy.
3. 2. Sprawy dotyczące doświadczenia użytkownika.
4. 3. Metryki zaangażowania Zarób różnicę.
5. 4. W przypadku e-commerce, zwłaszcza czas to pieniądz.
6. 5. Powolna prędkość strony wpływa na budżet indeksowania.
7. Jak poprawić szybkość strony w WordPressie
8. 1. Sprawdź swoją szybkość
9. 2. Optymalizuj obrazy
10. Studium przypadku
11. 3. Włącz buforowanie
12. Studium przypadku
13. Sieci dostarczania treści (CDN)
14. 4. Minimalizuj żądania HTTP
15. 5. Minify HTML, CSS i JavaScript
16. 6. Sprawdź swoje przekierowania
17. 7. Regularne sprzątanie

Ten wpis na blogu jest podsumowaniem prezentacji wykonanej w WordCamp Lancaster 2018. Slajdy prezentacyjne można znaleźć na dole tego posta.

Kiedy przewijasz zawartość telefonu lub szukasz czegoś na laptopie, jak długo chcesz czekać na załadowanie?

5 sekund lub więcej? Może jeśli jesteś szczególnie cierpliwy i desperacko chcesz zobaczyć tę treść.

Dla większości użytkowników jest to bardziej podobne 3 sekundy lub mniej zanim 53% z nich zacznie wyjeżdżać. Ankiety pokazują się wokół 47% konsumentów oczekiwać, że strona załaduje się w ciągu 2 sekund lub mniej. Aby być uczciwym, te informacje pochodzą z badania przeprowadzonego w 2011 r. Od tego czasu sieć stała się szybsza, bardziej zaawansowana i bardziej konkurencyjna.

Najważniejsze jest to, że im dłużej trwa ładowanie strony, tym bardziej prawdopodobne jest, że użytkownik opuści witrynę.

Dlaczego strona Speed ​​Matters

Jeśli chodzi o to, dlaczego szybkość stron ma znaczenie i jak odnosi się do SEO, możemy podzielić je na 5 głównych powodów lub kategorii:

1. Wyszukiwarki to firmy.
2. Liczy się doświadczenie użytkownika.
3. Wskaźniki zaangażowania robią różnicę.
4. W handlu elektronicznym szczególnie czas to pieniądz.
5. Mała szybkość strony wpływa na budżet indeksowania.

1. Wyszukiwarki to firmy.

Wyszukiwarki to także firmy. Są w interesie „trafności”. Wyszukiwarka, która jest znana z tego, że pokazuje najlepsze wyniki, jest wykorzystywana najbardziej - i uzyskuje największy udział w rynku. Jeśli zaczną pokazywać nieistotne wyniki, do tego stopnia, że ​​ludzie nie będą już chcieli ich używać, tracą.

Google ma teraz największy udział w rynku, ale nie zawsze tak było. Pamiętasz, kiedy Yahoo był dużym graczem? A co z Bing? Pamiętasz Ask Jeeves? Google zostało założone w 1998 roku. Wtedy Google był nowym dzieckiem, nieudolnym startupem, który próbował to zrobić. Teraz szukamy czegoś, „Google” go. Ich nazwa stała się czasownikiem.

A jeśli chcesz, aby Twoja witryna była wyświetlana, gdy ktoś używa hasła Googling związanego z Twoją firmą, Twoja witryna musi być odpowiednia. Prędkość strony jest częścią tych Najlepsze praktyki SEO .

2. Sprawy dotyczące doświadczenia użytkownika.

Jest wiele czynników, których Google używa do określenia trafności, a algorytmy zawsze się dostosowują. Ponadto musimy wziąć pod uwagę personalizację, wyszukiwanie głosowe, sztuczną inteligencję i uczenie maszynowe. Ale doświadczenie użytkownika jest zawsze dużą jego częścią.

Pomyśl o własnym doświadczeniu przeglądania. Chcesz stronę, która ładuje się jak samochód wyścigowy lub jak lenistwo? Lenistwa są z pewnością urocze, ale nie jeśli chodzi o szybkość strony.

Doświadczenie użytkownika, jakie oferuje Twoja strona internetowa, decyduje o tym, czy użytkownik pozostanie w celu zbadania wyników, czy też powróci do wyników.

3. Metryki zaangażowania Zarób różnicę.

Wskaźniki zaangażowania, takie jak współczynnik klikalności, współczynnik odrzuceń, czas w witrynie, liczba stron na wizytę i inne, są wskaźnikami tego, jakiego rodzaju doświadczenia użytkownika oferuje Twoja witryna.

Gdzie Twoja strona pojawia się na stronie wyników może mieć wpływ na liczbę kliknięć, a lepsze współczynniki klikalności mogą się poprawić tam, gdzie się pojawi. Im więcej osób kliknie Twoją witrynę w SERPach i tam pozostanie, tym bardziej trafna będzie Twoja witryna w wyszukiwarkach dla tego zapytania i powiązanych tematów. Larry Kim opublikował wyniki badania w grudniu zweryfikował tę korelację. Wyniki pokazały, że wzrost współczynnika klikalności powyżej oczekiwanej średniej bieżącej i / lub następnej pozycji często skutkował promocją.

Z drugiej strony, jeśli twój współczynnik odrzuceń jest wysoki, wysyła sygnał do wyszukiwarki, że twój wynik był nieistotny. „Pogo-sticking”, w którym użytkownicy wracają do wyników bez pozostawania na stronie internetowej, oznacza, że ​​nie spełnia oczekiwań użytkowników.

ZA 1-sekundowe opóźnienie czasu ładowania strony oznacza 11% mniej odsłon, 16% spadek zadowolenia klientów i 7% strat w konwersji. Niska prędkość strony spowoduje, że użytkownicy opuszczą witrynę, zwiększając współczynnik odrzuceń i zmniejszając trafność.

4. W przypadku e-commerce, zwłaszcza czas to pieniądz.

Każda dodatkowa sekunda potrzebna na załadowanie strony zwiększa prawdopodobieństwo, że ludzie odejdą. W przypadku witryn e-commerce szybkość stron wpływa na przychody, a wolna prędkość strony negatywnie wpływa na wynik finansowy.

Badanie Kissmetrics stwierdzili, że w przypadku witryny e-commerce zarabiającej 100 000 USD dziennie, 1-sekundowe opóźnienie prędkości strony może spowodować utratę 2,5 mln USD rocznie! Plus, 52% kupujących online zidentyfikuj szybkie ładowanie stron jako ważne dla ich lojalności wobec witryny. W konkurencyjnym krajobrazie liczy się lojalność.

Wal-Mart wykazał 2-procentowy wzrost konwersji na każdą 1 sekundę poprawy szybkości stron. Amazon zgłosił wzrost przychodów o 1% na każde 100 milisekund poprawy szybkości swojej witryny.

Są to dwie nieco różne metryki. Szybkość strony jest często definiowana na dwa sposoby: czas ładowania strony lub czas do pierwszego bajtu. Czas ładowania strony określa, ile czasu zajmuje określonej stronie w witrynie, aby w pełni załadować lub wyświetlić zawartość. Czas do pierwszego bajtu odnosi się do tego, ile czasu zajmuje przeglądarka, której używasz, do odebrania pierwszego bajtu z serwera strony. Szybkość witryny jest jednak agregatem - średnią szybkością strony na próbie odsłon strony w witrynie. Ponieważ prędkość witryny jest liczbą zagregowaną, jej ulepszenie wymaga więcej. Jednak w przypadku Amazon ulepszenie go zaledwie o jedną dziesiątą sekundy wpłynęło pozytywnie na przychody. Niezależnie od tego, jak to mierzysz, chcesz mieć pewność, że strony w witrynie będą ładowane tak szybko, jak to możliwe.

5. Powolna prędkość strony wpływa na budżet indeksowania.

Każda wyszukiwarka ma własnego bota, zwanego również robotem indeksującym lub pająkiem, a każda witryna ma przydzielony budżet indeksowania. Google definiuje budżet indeksowania jako „liczba adresów URL, które Googlebot może i chce indeksować” dla każdej witryny.

Jeśli chcesz, aby strony Twojej witryny pojawiły się w wyszukiwarkach, najpierw muszą zostać zaindeksowane, aby następnie mogły zostać zaindeksowane. Powolne prędkości stron w witrynie oznaczają, że możesz dotrzeć do budżetu indeksowania, zanim wszystkie strony zostaną faktycznie zaindeksowane. Może to spowodować wolniejsze indeksowanie nowych stron oraz rzadsze przetwarzanie zmian lub aktualizacji.

Sukces w wyszukiwaniu polega na byciu we właściwym miejscu i czasie, kiedy Twoi klienci szukają. Jeśli Twoje strony nie są indeksowane, a zatem nie są indeksowane, możesz stracić te możliwości.

Prędkość stron ma znaczenie dla użytkowników, co oznacza, że ​​ma znaczenie dla wyszukiwarek. Google jeszcze wyraźniej stwierdziło w styczniu, że szybkość stron ma znaczenie, gdy ogłosili, że a kara w indeksie mobilnym dla wolnych prędkości strony przyjdzie. Teraz, bardziej niż kiedykolwiek, szybkość stron powinna być ważnym czynnikiem podczas budowania, utrzymywania i ulepszania witryny po jej uruchomieniu.

Jak poprawić szybkość strony w WordPressie

W skrócie, ulepszenia szybkości stron, o których mowa w tej sekcji, dotyczą HTTP. HTTP / 2 nadchodzi i zmieni niektóre z zalecanych najlepszych praktyk w celu poprawy prędkości. Niektóre rzeczy staną się niepotrzebne, ponieważ zostaną wbudowane, a niektóre mogą się trochę zmienić. Pamiętaj tylko, że te zalecenia dotyczą pracy z HTTP jako bazą i mogą się zmienić, gdy pracujesz z HTTP / 2 jako podstawą.

1. Sprawdź swoją szybkość

Dobry hosting to inteligentny ruch na Twojej stronie. Stamtąd sprawdź swoją prędkość, aby dowiedzieć się, gdzie jesteś, a następnie określ, gdzie musisz się poprawić. Narzędzia takie jak Google Page Speed ​​Insights , Metrix GT , Pingdom , YSlow i więcej jest dobrym początkiem przy ustalaniu, co możesz zrobić, ale stosuj zalecenia z przymrużeniem oka.

Wspólną sugestią tych narzędzi jest usunięcie niepotrzebnego kodu „nad fałdą”. Niektóre rzeczy muszą być ponadczasowe, aby witryna działała. Na przykład narzędzie Google PageSpeed ​​Insights będzie nadal pobierać je jako sugestię ulepszeń, nawet jeśli jest to ich własny kod javascript, którego wymagają, aby go tam umieścić, aby mógł funkcjonować.

Dążenie do wyższych wyników z pewnością da Ci obiektywny wzrost prędkości, ale upewnij się, że równoważysz poprawę szybkości stron i komfort użytkowania. Chcesz się upewnić, że zmiany mające na celu zwiększenie szybkości strony nie wpływają negatywnie na funkcjonalność ani użyteczność witryny.

2. Optymalizuj obrazy

Obrazy są ciężkie i mogą poważnie spowolnić Twoją stronę. Kompresja oznacza, że ​​możesz zachować jakość obrazu i wymiary, jednocześnie zmniejszając ilość energii potrzebnej do ich przetwarzania. Skompresowane obrazy ładują się szybciej i nie obciążają strony. EWWW Image Optimizer lub WPsmush są dobre wtyczki WordPress, aby pomóc w tym.

Pomocne będzie również upewnienie się, że twój motyw obsługuje style obrazu responsywnego; zapewnienie odpowiedniego rozmiaru i rozdzielczości obrazu w zależności od urządzenia, na którym użytkownicy przeglądają Twoją witrynę. Dzięki w dużej mierze dzięki wysiłkom Responsive Issues Community Group , atrybuty srcset i size są automatycznie dodawane do obrazów wstawianych do treści za pomocą WordPress.

Studium przypadku

Posiadamy klienta na niewielkim wynagrodzeniu za doradztwo SEO. Zajmują się własnymi sprawami i oferujemy porady, badania i wskazówki. Korzystając z wyników z Google PageSpeed ​​Insight Tool, ich szybkość wyświetlania strony na pulpicie rozpoczęła się w 68 roku, a szybkość mobilnej strony wynosiła 56. Uwielbiają obrazy i przesyłają ich tony na swoją stronę, ale ich nie kompresują. Zaproponowaliśmy więc wypróbowanie wtyczki do kompresji obrazów.

Po skompresowaniu i zoptymalizowaniu obrazów za pomocą wtyczki ich szybkość stron pulpitu wzrosła do 86, a szybkość stron mobilnych wzrosła do 67. Ruch organiczny na ich stronie również wzrósł o 1,66% w stosunku do poprzedniego spadku po zwiększeniu szybkości stron. W porównaniu z analogicznym okresem ubiegłego roku ruch organiczny do ich witryny wzrósł o 14,98%.

3. Włącz buforowanie

Buforowanie umożliwia szybsze przetwarzanie stron w witrynie. Zamiast tworzyć nowe żądanie strony za każdym razem, gdy trzeba ją załadować, buforowanie zapisuje kopie twoich stron. Tak więc, gdy zostanie złożone to samo żądanie, serwer może użyć kopii strony i załadować ją znacznie szybciej, niż gdyby przetwarzał stronę jako całkowicie nowe żądanie za każdym razem.

Kilka dobrych wtyczek WordPress do wyboru to:

Studium przypadku

Witryna tego klienta miała szybkość strony pulpitu 56 i szybkość strony mobilnej 47. Po włączeniu buforowania za pomocą wtyczki liczba komputerów wzrosła do 79, a liczba telefonów komórkowych do 63. Ruch organiczny do ich witryny wzrósł o 46,17% w ciągu ostatnich 30 dni dzięki niższa prędkość strony i 25,05% w tym samym czasie w ubiegłym roku. Szybkość stron nie może pochłonąć tego wszystkiego, ale z pewnością pomogła poprawić ogólne wrażenia użytkowników.

Sieci dostarczania treści (CDN)

Coś innego, co możesz zrobić, to zaimplementować CDN za pomocą zwykłego hosta internetowego. Nadal będziesz chciał włączyć buforowanie w swojej witrynie WordPress, ale to dodaje kolejny poziom, aby poprawić wrażenia użytkownika i szybkość strony.

CDN wstawia się jako krok między twoim serwerem a siecią, obsługując twoją stronę i zawartość, często bez potrzeby trafiania w serwer. Stackpath lub Cloudflare są zwykle świetnymi towarzyszami witryn WordPress.

4. Minimalizuj żądania HTTP

Każdy komponent Twojej strony jest żądaniem HTTP. Im więcej masz składników na stronie, tym więcej żądań HTTP trzeba wykonać i im dłużej trwa ładowanie strony. Usprawniając liczbę elementów na swojej stronie, np. Łącząc arkusze stylów, redukując skrypty i wykorzystując CSS zamiast obrazów, w miarę możliwości pomaga poprawić wydajność witryny.

5. Minify HTML, CSS i JavaScript

Każdy niepotrzebny fragment kodu również zwiększa rozmiar strony. Wyeliminuj dodatkowe spacje, podziały wierszy i wcięcia, aby kod był czysty, a strony chudsze. Istnieje kilka narzędzi do redukcji zbędnych lub zbędnych danych bez wpływu na sposób przetwarzania zasobów przez przeglądarkę.

Te wtyczki WordPress to dobre opcje:

Każda wymieniona powyżej wtyczka zarówno minimalizuje żądania HTTP, jak i minimalizuje rzeczy, więc wystarczy użyć jednej. W przypadku W3 Total Cache i WP Rocket uzyskuje się dodatkową korzyść z buforowania.

The Moduł PageSpeed to kolejna opcja. Integruje się z serwerami WWW Apache i Nginx, aby automatycznie zoptymalizować witrynę. Musisz wiedzieć, co robisz i być bardziej ostrożnym, ponieważ przesyłasz bezpośrednio na serwer. Będziesz potrzebował dostępu FTP i kopii zapasowych, aby móc cofnąć się i cofnąć, jeśli zajdzie taka potrzeba.

6. Sprawdź swoje przekierowania

Właściwe przekierowania 301 są niezbędne, aby upewnić się, że użytkownicy znajdują treść, której szukają i nie potykają się o 404 błędy. Jednak zbyt wiele przekierowań 301 umieszczonych jedna na drugiej może wydłużyć czas ładowania strony. Ponadto istnieje ryzyko utworzenia pętli przekierowania, w której strona nigdy się nie ładuje, ponieważ jest ciągle przekierowywana.

Użyj narzędzia do kontroli witryny, aby przeszukać witrynę i przekopać się do przekierowań, aby upewnić się, że nie masz zbyt wielu ustawień w sekwencji. Jest tam kilka narzędzi, z których korzystaliśmy osobiście i które polecamy:

Screaming Frog ma darmową wersję do 500 adresów URL. Wersja płatna jest nieograniczona. W przypadku witryn z ponad 10 000 stron możesz napotkać problemy z odpowiedzią na serwer. Google Search Console, dawniej znana jako Google Webmaster Tools, jest bezpłatna; musisz uzyskać dostęp, jeśli nie masz konta w witrynie. Wszystkie narzędzia SEMrush, Moz i Raven wymagają kont, aby korzystać z audytorów witryn i testów indeksowania, ale mają darmowe wersje próbne, jeśli nie chcesz od razu zatwierdzać.

Gdy już wiesz, co musisz naprawić, możesz zająć się istniejącymi problemami z przekierowaniem w pliku htaccess. Następnie możesz użyć wszystkiego, co musisz stworzyć Przekierowanie lub Proste przekierowania 301 zadbać o to w WordPressie.

7. Regularne sprzątanie

Nieużywane lub nieaktualne rozszerzenia i treści w witrynie mogą spowalniać działanie witryny i wpływać na zdolność serwera do ładowania stron. Regularnie aktualizuj używane rozszerzenia, usuń rozszerzenia, których nie używasz, i usuń śmieci. Zapewnia to, że jedyną treścią, którą ładuje Twoja witryna, jest to, co jest istotne dla jej wydajności i doświadczeń użytkowników. WP Optymalizuj to świetna wtyczka do pomocy w tym. Automatycznie czyści bazę danych, usuwając niepotrzebne dane i wiele więcej, aby wszystko działało sprawnie.

Jest wiele rzeczy, które możesz zrobić, aby poprawić szybkość strony w WordPressie. Wszystkie te obszary są dobre do rozpoczęcia. Jeśli potrzebujesz pomocy na swojej stronie, Skontaktuj się z nami dziś na spotkanie UMYSŁÓW!