Page Speed ​​SEO: oto, co musisz wiedzieć

Opublikowany: 2021-08-25

Dziesięć lat temu słowa kluczowe były największym i najlepszym sposobem na poprawę rankingu wyszukiwania Twojej witryny. Możesz upewnić się, że wyszukiwarki wiedzą, o czym jest Twoja treść, po prostu używając tych samych fraz (lub podobnych fraz) w kółko. Czasy się zmieniły, a Google traktuje teraz wygodę użytkownika w Twojej witrynie tak samo, jeśli nie bardziej, niż użyteczność i dokładność treści. I być może najważniejszym czynnikiem tego doświadczenia użytkownika (UX) dla SEO jest szybkość strony. Upewnienie się, że Twoja witryna wczytuje zawartość i funkcje interaktywne tak szybko, jak to możliwe, to niezawodny sposób na poprawę rankingu wyszukiwania i optymalizację witryny pod kątem ciągle zmieniających się algorytmów Google.

Subskrybuj nasz kanał YouTube

Co to jest szybkość strony?

Szybkość strony to bardzo prosta koncepcja, która nakłada na siebie dużą złożoność. Nie chodzi tylko o to, jak szybko Twoja witryna wyświetla się użytkownikom. (Chociaż na pierwszy rzut oka może się tak wydawać.)

Tak naprawdę jest to połączenie czasu do pierwszego bajtu Twojej witryny (TTFB), który jest początkowym czasem odpowiedzi między Twoją witryną a przeglądarką użytkownika. Jest to następnie brane pod uwagę w przypadku określonych metryk, takich jak pierwsze wykreślenie treści (FCP), w którym użytkownik najpierw widzi rzeczywistą treść, największe wyrysowanie treści (LCP), w którym następnie ładuje się największy fragment treści w witrynie, oraz Opóźnienie pierwszego wejścia (FID), w którym użytkownik może klikać łącza i wchodzić w interakcję z witryną w sposób inny niż przewijanie.

Wszystkie te luźno łączą się w ocenę o nazwie Indeks prędkości, którą można uzyskać z własnych PageSpeed ​​Insights Google. Możesz użyć tego jako wskaźnika porównawczego, aby poznać skumulowany wpływ innych wskaźników, o których wspomnieliśmy powyżej. Ogólnie rzecz biorąc, wszystkie te elementy razem dają solidny obraz szybkości Twojej strony oraz tego, jak Google, inne wyszukiwarki i użytkownicy widzą Twoją witrynę i wchodzą z nią w interakcję.

Jak prędkość strony wpływa na SEO?

Szybkość strony ma duży wpływ na SEO. Może bardziej niż cokolwiek innego niż posiadanie fantastycznych treści, które bezpośrednio odpowiadają na zapytania użytkowników. W ciągu ostatnich kilku lat Google dostosował swój algorytm, aby uwzględnić wrażenia użytkownika. Jednym z najważniejszych czynników zapewniających dobre wrażenia użytkownika jest posiadanie szybkiej i responsywnej witryny.

Gdy użytkownik przejdzie do witryny, której załadowanie zajmuje więcej niż kilka sekund (jeśli tak), istnieje duża szansa, że ​​opuści witrynę. Zwiększenie współczynnika odrzuceń tej witryny. Google następnie widzi to odbicie i przyjmuje kilka założeń, dlaczego użytkownik mógł się odbić. Przy bardzo szybkim odbiciu Google prawdopodobnie założy, że użytkownik nie znalazł informacji, których szukał. Może to być z wielu powodów. Oto kilka z najlepszych w dowolnej kolejności:

  • Ładowanie strony trwało tak długo, że użytkownik wyszedł
  • Witryna była bezużyteczna, a funkcje były zepsute
  • Strona w ogóle nie zawierała informacji
  • Niektóre (lub wszystkie) informacje w witrynie były nieprawidłowe
  • Układ strony uniemożliwiał użytkownikowi skuteczne znalezienie odpowiedzi na swoje zapytanie

Google chce, aby Twoi użytkownicy mieli jak najlepsze wrażenia. Oznacza to, że w obecnej erze korzystania z Internetu nigdy nie trzeba na nic czekać. Kiedykolwiek. Trzeba przyznać, że my też jesteśmy tego winni. Gdy ładowanie strony trwa zbyt długo, wiemy, że są dosłownie tysiące innych, do których możemy przejść w czasie, jaki zajmuje jej załadowanie.

Więc jeśli chodzi o to, jak szybkość strony wpływa na SEO, najlepszym sposobem myślenia o tym jest to, że nie ma znaczenia, jak świetna jest twoja treść, jeśli użytkownik się znudzi, zanim ją zobaczy.

Jak zoptymalizować szybkość strony pod kątem SEO

Optymalizacja szybkości strony w witrynie to nauka sama w sobie. Należy zachować równowagę między szybkością, użytecznością i estetyką. Ale mamy kilka zaleceń, co możesz zrobić, aby skrócić czas ładowania strony i uzyskać przyspieszenie SEO, którego szukasz.

Zminimalizuj HTML, CSS i JavaScript

Jednym z najłatwiejszych sposobów na zmniejszenie obciążenia strony jest zminimalizowanie całego kodu, jaki możesz. Wiele motywów i wtyczek WordPress (w tym Divi) oferuje tę funkcję po wyjęciu z pudełka. Divi robi to automatycznie, a inne wtyczki do optymalizacji wydajności, takie jak WP Rocket, muszą się przełączać, aby włączyć tę funkcję.

Usuń zasoby blokujące renderowanie

Podczas ładowania strony przeglądarka jednocześnie próbuje renderować i analizować wiele elementów. Zasoby blokujące renderowanie to te, które zatrzymują jednoczesne ładowanie i całkowicie zajmują uwagę przeglądarki. Dopóki te zasoby nie zostaną załadowane, wszystko inne zostanie wstrzymane. Nawet jeśli te skrypty i fragmenty kodu nie są potrzebne na tak wczesnym etapie.

Korzystając z wtyczki, aby usunąć te elementy blokujące renderowanie lub odroczyć je po załadowaniu podstawowej treści, możesz zwiększyć szybkość strony i skutecznie poprawić SEO. Jeśli jesteś użytkownikiem WordPress, wiele wtyczek do buforowania witryn ma proste przełączniki do usuwania/odraczania zasobów blokujących renderowanie.

Divi ma już wiele opcji, w tym funkcję Critical CSS, która dzieli potencjalnie blokujące renderowanie CSS na mniejsze fragmenty, aby załadować je razem z innymi, a także odroczenie dla JavaScript i innych arkuszy stylów z edytora bloków Gutenberga.

Użyj CDN

Sieć dostarczania treści to niezawodny sposób na zwiększenie szybkości strony. Wielu hostów w dzisiejszych czasach oferuje bezpłatne wersje różnych CDN, w tym Cloudflare. To, co robią sieci CDN, to pobieranie zawartości z Twojej witryny, dystrybuowanie jej w sieci serwerów umieszczonych w strategicznych lokalizacjach, a następnie przekazywanie jej użytkownikom w najbardziej efektywny sposób.

Zamiast docierać do jednego konkretnego serwera, CDN przesyła zawartość z różnych serwerów w sieci. Pozwala to również na występowanie nadmiarowości i buforowania, co poprawia czas pracy i zwiększa prędkość, ponieważ zawartość (prawdopodobnie) pochodzi z serwera bliższego użytkownikowi.

Przechowuj zawartość w pamięci podręcznej

Dla użytkowników WordPressa jest to tak proste, jak instalacja i aktywacja wtyczki buforującej. Każda witryna WP może w jakiś sposób skorzystać z wtyczki buforującej. Korzystając z buforowania przeglądarki, możesz mieć pewność, że odwiedzający powracający do Twojej witryny będą mieli niesamowicie płynny czas.

Ponadto w większości wtyczek buforujących dostępne są opcje wstępnego ładowania, co oznacza, że ​​gdy strona zostanie wyświetlona użytkownikowi, inne zasoby, których prawdopodobnie będą potrzebować, zostaną załadowane w tle. Nie wpływa to na wydajność ani UX, ale sprawia, że ​​Twoja witryna jest dynamiczna i responsywna.

Kompresuj i optymalizuj obrazy

Poza dużymi kawałkami JavaScriptu pochłaniającymi wątki serwera, gigantyczne obrazy (lub gigantyczna liczba obrazów) są często głównym winowajcą wysokich czasów ładowania strony. Aby to nie ugrzęzło w Twojej witrynie, skorzystanie z usługi optymalizacji obrazu, takiej jak Imagify lub TinyPNG, może zmniejszyć rozmiary plików o znacznie ponad połowę.

Witryny WordPress w wersji 5.8 lub nowszej będą automatycznie wyświetlać obrazy .webp użytkownikom korzystającym z przeglądarek, które je obsługują. To najnowszy format obrazu Google, który został zaprojektowany specjalnie z myślą o szybkim wczytywaniu.

A upewnienie się, że używasz obrazów o odpowiednim rozmiarze, całkowicie skróci czas ładowania strony. Jeśli masz pojemnik na obraz, który zawsze będzie wyświetlany w rozmiarze 250 x 250 pikseli, prześlij obraz, który ma już te wymiary. Chociaż istnieje CSS, który automatycznie renderuje nawet największe obrazy w żądanym rozmiarze ( max-width:250px; width: 100%; height:auto; ), jeśli masz wiele obrazów, które muszą zostać zmienione, są to dodatkowe procesy, które serwer i przeglądarka musi zakończyć się przed załadowaniem strony.

Zawijanie

W oczach Google szybkość strony jest tak samo ważnym czynnikiem SEO, jak treść, którą tworzysz. Każda witryna musi mieć kombinację świetnej treści i świetnego doświadczenia użytkownika, aby utrzymać wysokie SERPy. Na szczęście kroki prowadzące do uzyskania dobrego rankingu dzięki SEO szybkości strony są same w sobie dość proste. A gdy są używane w połączeniu ze sobą, niezwykle skuteczne w zwiększaniu Twojej witryny w oczach Google. I twoi użytkownicy.

Jaka była Twoja taktyka, aby poprawić SEO, chociaż szybkość strony? Daj nam znać w komentarzach!

Artykuł wyróżniony obrazem autorstwa Overearth / shutterstock.com