Inspiracje

Trzy kroki do lepszego SEO na stronie dobratresc.com

Badanie SEO

Badasz swoje SEO? Podstawowe badania dotyczące choćby szybkości wczytywania się strony trzeba wykonywać regularnie. Przeczytaj krótki raport na temat tego, jak poprawiło się techniczne SEO na stronie, na której właśnie jesteś. Artykuł powstał we współpracy z Kryptonum Studio.

Narzędzia do oceny SEO i podstawowe cele

Spis narzędzi do analizy:

Podstawowe cele:

  1. Minimalizacja parametrów strony:
    1. Rozmiar strony
    2. Szybkość wczytywania
    3. Działanie strony – wrażenia użytkownika
    4. Minimalizacja liczby zapytań
  2. Prawidłowe działanie strony
    1. Poprawność treści na stronie – tekst, obrazki, filmy na wszystkich rodzajach urządzeń
    2. Jak najwyższa punktacja SEO podczas analizy narzędziami

SEO: zmiany “na szybko”

Co najsilniej wpłynęło na zmiany?

  • Na rozmiar strony najsilniej wpłynęła optymalizacja rozmiaru obrazków i zamiana ich na nowoczesne formaty plików.
  • Na szybkość wczytywania i liczbę zapytań najsilniej wpłynęło wykorzystanie pamięci podręcznej.

Łatwe do wprowadzenia było:

  • Użycie pluginu Smush do zmniejszenia zdjęć
  • Wprowadzenie pluginu Webp Express do wykorzystania nowoczesnych formatów plików
  • Wykorzystanie pamięci podręcznej przy użyciu Autoptimize i Cache Enabler

Dalsze cele związane z SEO

Na co zwracać baczniejszą uwagę?

  • Optymalizuj wielkość obrazków przed wgraniem do WordPress’a
  • Odpowiednio nazywaj obrazki jeszcze przed wgraniem do WordPress’a, myśląc o słowach kluczowych i pozycjonowaniu strony
  • Poprawienie SEO to nie tylko wyższa punktacja w wykorzystanych narzędziach, ale doświadczenie użytkownika. Zwracaj uwagę na rzeczywistą szybkość działania, a przede wszystkim poprawność działania strony po każdej wprowadzonej zmianie.

Jakie są zalecenia?

  • Wczytuj obrazki o odpowiednim rozmiarze
  • Serwuj obrazki w nowoczesnych formatach plików (30-60% oszczędności w stosunku do jpeg)
  • Wykorzystuj określony zestaw sprawdzonych pluginów do SEO:
    • Smush Image
    • Webp Express
    • Autoptimize
    • Cache Enabler
  • Minimalizuj wykorzystanie zewnętrznych wtyczek (bezpieczeństwo i szybkość działania)
  • Rób kopie zapasowe strony
  • Aktualizuj motywy i wtyczki ze względu na bezpieczeństwo

Czy obrazy w formacie WebP są dobre dla każdej przeglądarki?

WebP jest nowoczesnym formatem danych wspieranym przez większość przeglądarek na świecie. Decydując się na jego użycie, trzeba wziąć pod uwagę swoich docelowych odbiorców. Jeśli więcej niż 10% odbiorców używa produktów Apple i przeglądarki Safari, wtedy poczekajmy jeszcze z rok lub dwa i wykorzystajmy klasyczne jpeg. Jeśli użytkownicy Safari to mała grupa naszych odbiorców, śmiało możemy zdecydować się na wykorzystanie WebP Express na naszej stronie.

Jakie narzędzia możesz wykorzystać do optymalizacji obrazów?

Po zmniejszeniu wielkości wrzucamy je na stronę i cieszymy się znacznie mniejszym rozmiarem strony.

  • Gdy na stronie jest dużo obrazów – tak było w przypadku dobratresc.com – skorzystamy ze świetnego pluginu Smush Image. Nie tylko pozwala na masową kompresję obrazów, które już są wrzucone na stronę, ale również automatycznie generuje różne warianty obrazów (thumbnail, fullscreen itd.) podczas ich wgrywania na stronę. Darmowa wersja w pełni wystarcza na optymalizację kilkuset obrazów.

Kilka wniosków na koniec

Jakiekolwiek eksperymenty SEO wiążą się ze zmianami kodu HTML/CSS/JS. Żeby użyć jakiejś wtyczki trzeba zdawać sobie sprawę, jakie zmiany w kodzie może ona wprowadzić. Z tego powodu nie można na ślepo aktywować wszystkich Cache enabler / WP optimizer itp. Rzeczywiście one pomagają, ale tylko w odpowiedniej konfiguracji i takiej kombinacji, gdzie wtyczki sobie “nie przeszkadzają”. 

Wiele poprawek udało się osiągnąć dzięki edycji plików konfiguracyjnych, na podstawie których funkcjonuje serwer hostingowy. Każda taka drobna zmiana w kodzie może kompletnie wyłączyć stronę z użytkowania. Z tego powodu wszystkie testy przeprowadzono na testowym hostingu. 

Olbrzymi wpływ na SEO ma właśnie dobry hosting i to powinno być pierwszym krokiem w jego optymalizacji. Większość zmian opisanych w artykule to dobre praktyki, które powinny dać pozytywne efekty bez względu na hosting. 

Źródła:

https://css-tricks.com/using-webp-images/  – sposoby wykorzystania zdjęć w webp na stronie.

https://wordpress.org/plugins/webp-express/ – plugin pomagający serwować zdjęcia w webp.

https://caniuse.com/#search=webp – 80% przeglądarek wspiera nowe formaty plików.

https://blog.ezoic.com/image-seo-tips-website-owners-digital-publishers/ – podczas zapisywania zdjęć powinniśmy zwracać uwagę na nazywanie ich już zgodnie z tym, co przedstawiają.

https://developers.google.com/speed/webp/gallery1 – przykład oszczędności rozmiaru przy wykorzystaniu nowych formatów plików. Porównanie jpeg, png, gif do webp.

https://wp-rocket.me/blog/webp-use-image-format-wordpress/ – świetny artykuł dotyczący wykorzystania nowych formatów. zdjęć.

https://wpdingo.com/how-to-setup-cache-enabler – bezpieczne ustawienia Cache Enabler.

Autorem raportu jest Jakub Chrapek z Kryptonum Studio.