Przejdź do treści
Panel klienta

Optymalizacja obrazów w WordPressie

Ten materiał ma 6 lat — ceny i warunki mogły się zmienić.

Optymalizacja obrazów w WordPressie

Z reguły największe pliki strony to jej treści wizualne. Optymalizacja obrazów w WordPressie to jeden z podstawowych elementów optymalizacji serwisu i przygotowania go do promocji. Jeśli zrobisz wszystko dobrze, Twoja strona będzie wczytywać się znacznie szybciej, a nawet zyska dodatkowy ruch. Brzmi ciekawie? Przeczytaj nasz poradnik do końca. 

Optymalizacja SEO obrazów WordPressa: kompresja i znaczniki 

Optymalizacja obrazków, zdjęć i infografik składa się z dwóch etapów: 

  • Pierwsza część to kompresja obrazów. Można ją wykonać przed wgraniem na stronę albo już na stronie. W drugim przypadku potrzebna będzie wtyczka do optymalizacji obrazów w WordPressie. Takich dodatków jest kilka, opowiemy o nich nieco później. 
  • Druga część to znaczniki obrazów (title, alt i podpisy). Jeśli są dobrze napisane, obrazy z Twojej strony będą wyżej w wynikach wyszukiwania grafiki i przyniosą Ci dodatkowy ruch. 

Formaty obrazów na stronie 


Formaty obrazów na stronie

Formaty obrazów najczęściej używane na stronach


Szybkość wczytywania i jakość obrazka w dużej mierze zależą od jego formatu. Jakich formatów używa się na stronach najczęściej? 

  • JPG — nadaje się do zdjęć, zrzutów ekranu i innych mocno zdetalizowanych obrazów. 
  • PNG — obrazy na przezroczystym tle, ilustracje, przyciski, ikony. 
  • GIF — animowane obrazy albo krótkie filmy. 
  • SVG — format wektorowy. Trudniejszy w obróbce i optymalizacji, stosuje się go rzadziej. 
  • WebP — to właśnie ten format poleca Google, ale nie obsługują go wszystkie przeglądarki. Dlatego specjaliści SEO i webdeweloperzy szukają kompromisu i wgrywają obrazy w innych formatach. 

Proporcje i rozmiary obrazków 

Żeby wiedzieć, jakiego rozmiaru obrazu użyć, musisz jasno wyobrażać sobie, gdzie ten obraz znajdzie się na stronie. Nie ma sensu wgrywać dużego obrazka, jeśli będzie wyświetlany tylko jako miniatura. Przed publikacją radzimy dopasować zdjęcie do potrzebnego rozmiaru i obciąć zbędne fragmenty. Tak zachowasz jakość przy mniejszej objętości pliku. 

Żeby poznać odpowiedni rozmiar obrazu, skorzystaj z linijki ekranowej albo zrób zrzut ekranu pola tekstowego i sprawdź wymiary uzyskanego obrazu. 

Serwisy do kompresji i wtyczki do optymalizacji obrazów w WordPressie 


Kompresja obrazów fotograficznych

Serwisy kompresują obrazy mniej więcej tak samo mocno


Serwis TinyPNG — działa z formatami PNG i JPG. W wersji bezpłatnej obsługuje pliki do 5 MB. Oszczędność objętości sięga czasem 80% pliku, i to bez utraty jakości. 

Compressor — kolejne mocne narzędzie do optymalizacji obrazów. Compressor obrabia pliki szybko i bez utraty jakości. Jedyna poważna wada to konieczność wgrywania plików pojedynczo. 

Iloveimg.com. Serwis do kompresji PNG, JPG i GIF. Obrazy nie tracą jakości, a Ty dostajesz bardzo dobrą kompresję i oszczędność miejsca na dysku. 

Wtyczki do kompresji obrazów: możliwości, statystyki, wybór

Oprócz serwisów do kompresji obrazów można korzystać z wtyczek. Zmieniają one rozmiar plików już wgranych na serwer. 

WPSmush. W chwili pisania artykułu wtyczka ma już ponad milion aktywnych instalacji. Aktualizacje pojawiają się co 3–4 dni. Narzędzie korzysta z integracji z zewnętrznym serwisem kompresji obrazów przez API. Po instalacji zobaczysz okno z propozycją skompresowania wszystkich plików w bibliotece mediów. Wszystkie nowe pliki wtyczka kompresuje automatycznie. 

EWWW Image Optimizer. Korzysta z połączenia z kilkoma bezpłatnymi narzędziami do szybkiej kompresji przy minimalnej utracie jakości. Wszystkie wchodzą w skład pakietu instalacyjnego wtyczki jako pliki wykonywalne. To wygodne i zwalnia z konieczności dodatkowego pobierania, konfigurowania czy integrowania czegokolwiek ze stroną. W chwili pisania artykułu wtyczka ma ponad 800 tysięcy użytkowników, którzy zainstalowali ją na swoich i klienckich stronach. Aktualizacje co 1–2 tygodnie. Dostępna jest też wersja płatna, EWWW Image Optimizer (Cloud). Ona również korzysta z zewnętrznego serwisu, co zmniejsza obciążenie Twojego hostingu. 

Optimole. Ponad pięćdziesiąt tysięcy stron pracuje z tym narzędziem. Aktualizacje raz na 2–3 tygodnie. Całkowicie bezpłatna wtyczka, która pomoże zmniejszyć rozmiar obrazów i przyspieszyć wczytywanie strony. Wtyczka ma wygodny interfejs, szeroki zestaw funkcji i liczne ustawienia. 

WP Optimize. Według statystyk oficjalnej strony WordPressa ta wtyczka ma już około miliona aktywnych użytkowników. Korzystają z niej strony firmowe, portale informacyjne, sklepy internetowe i inne. To prawdziwy kombajn do optymalizacji technicznej i ogólnego przyspieszenia Twojej strony. WP Optimize potrafi: 

  • kompresować obrazy;
  • optymalizować i czyścić bazę danych strony;
  • poprawiać buforowanie podstron.

Skuteczna w pracy z mobilną wersją strony, zgodna ze wszystkimi współczesnymi motywami i najnowszą wersją rdzenia WordPressa. Im większa strona, tym wyraźniejszy efekt działania WP Optimize. Narzędzie dostępne jest w wersji bezpłatnej i premium. Dla jednej strony średniej wielkości (do 500 adresów URL) w zupełności wystarczy instalacja bezpłatna.  

Optymalizacja obrazów pod wyniki wyszukiwania: znaczniki alt i title 


Jak wpisywać alt i titleTak wypełnia się alt i title dla obrazu w WordPressie


Wgrywane obrazy trzeba optymalizować pod wyniki wyszukiwania. Pierwszy krok w tym procesie to nazwy plików. Radzimy zapisywać je alfabetem łacińskim, z podkreśleniami i bez spacji. To ważne, żeby zapobiec powstawaniu błędów na stronie. 

Kolejny krok to wypełnienie pól ze znacznikami alt i title dla obrazów. Standardowy edytor plików multimedialnych w WordPressie pozwala zrobić to bardzo prosto. 

Jak poprawnie wpisywać znaczniki obrazów? Jest kilka zaleceń: 

  • w alt i title powinno znaleźć się główne słowo kluczowe, podstawowe zapytanie o wysokiej częstotliwości, pod które zoptymalizowana jest podstrona;
  • radzimy używać też innych zapytań, pod które zoptymalizowana jest podstrona (w formie niebezpośredniej);
  • pilnuj, jak znaczniki wyświetlają się na podstronach przy składaniu i publikowaniu artykułów;
  • w niektórych przypadkach oprócz znaczników można dodawać podpisy pod obrazami (w nich również stosuj słowa kluczowe). 

Jeśli wszystko zrobisz dobrze, a na Twojej stronie jest ponad 200 dobrze zoptymalizowanych obrazów, serwis zyska kilkaset dodatkowych wejść miesięcznie. Przyznasz, że to poważny powód, by popracować nad optymalizacją. 

Podsumowanie i rady dla stron WordPress 

Poprawnie przygotowane i skompresowane obrazy to ważny element optymalizacji technicznej strony. Dzięki optymalizacji obrazów w WordPressie możesz znacząco przyspieszyć wczytywanie strony, a nawet zapewnić jej dodatkowe źródło ruchu. 

Korzystaj w tym celu z serwisów do kompresji obrazków albo z wtyczek i zawsze wypełniaj alt i title dla obrazów. 

Dodatkowym atutem Twojej strony będzie hosting WordPress od Host4Biz.

Czytaj nasz blog, żeby zawsze być na bieżąco z najświeższymi i najbardziej przydatnymi informacjami o marketingu internetowym oraz tworzeniu i promocji stron.