Jeśli chcesz, aby Twoja strona nie ładowała się zbyt wolno, najwyższy czas pomyśleć o optymalizacji obrazów. Ten proces zapewni Ci lepszą pozycję w rankingu wyszukiwarek oraz szybsze ładowanie się grafik.
Optymalizacja obrazów pod kątem SEO poprawia szybkość witryny, a jednocześnie pozytywnie wpływa na wrażenia użytkownika. Jest to jedna z technik SEO, która może znacząco wpłynąć na pozycję witryny w rankingu. Ponadto, jeśli obrazy będą miały dobrą pozycję w wyszukiwaniach grafiki Google, istnieje możliwość uzyskania organicznego ruchu bezpośrednio z nich, co może pomóc w zwiększeniu konwersji w witrynie.
Search Engine Optimization to szereg działań mających poprawić widoczność danej strony internetowej w organicznych wynikach wyszukiwania. Celem jest zdobycie jak najwyższej pozycji rankingowej. Jest to długotrwały proces, a nie jednorazowe działanie. Dzieli się niejako na dwie części: SEO on-page (w obrębie technicznej struktury witryny) i off-page (wszelkie działania promocyjne poza nią). Image SEO jest jednym z elementów działań technicznych na stronie. Jego celem jest optymalizacja grafiki pod kątem pozycjonowania w sieci.
Jeśli wciąż nie masz pewności, czy jest to ważny element strategii, oto kilka argumentów, które rozwieją wszelkie wątpliwości.
Pierwszy, najbardziej podstawowy element optymalizacji to odpowiedni zestaw słów. Nazwa obrazka powinna odzwierciedlać to, co się na nim znajduje. Jeśli to możliwe, zaleca się wykorzystanie słów i fraz kluczowych. Pamiętaj, że nazwa powinna być prosta. Nie używaj spacji, polskich znaków czy cyfr – utrudniają one komunikację zarówno pod kątem robotów wyszukiwarek, jak i samych użytkowników.
Prościej mówiąc, jest to alternatywny opis obrazu, który znajduje się w kodzie HTML na stronie w postaci zapisu <img src=”adres obrazka” alt=”opis alternatywny” />. Jest on widoczny dla robotów Google i podlega procesowi indeksowania. Atrybut ALT powinien określić rzeczywistą zawartość obrazka, warto więc dodać go do każdego obrazu na stronie. Statystycznie uważa się, że liczba znaków ALT nie powinna przekraczać 125.
Warto wiedzieć, że atrybut ten jest czytany przez programy, z których korzystają osoby niewidome bądź mające bardzo dużą wadę wzroku.
Jest to po prostu tytuł obrazu widoczny po najechaniu na niego kursorem. To rodzaj tekstu pomocniczego, który ma nieco mniejsze znaczenie niż atrybut ALT. Również jest dostępny w kodzie źródłowym strony zaraz po elemencie ALT. Pamiętaj, że musi być jak najbardziej naturalny i zawierać słowa kluczowe. Warto zaznaczyć, że tytuł zdjęcia nie może być taki sam jak opis alternatywny czy nazwa pliku graficznego.
Nie tylko treść musi cechować się wysoką jakością, należy zadbać również o elementy graficzne. Obraz jest atutem, musi być więc czytelny. Dodatkowo powinieneś skupić się na unikalności zdjęć, ponieważ ich wykorzystywanie jest pozytywnie odbierane przez Google. Jedną z metod na sprawdzenie oryginalności obrazu jest przesłanie go do wyszukiwarki graficznej. Jeśli nie pojawia się on w wynikach, możesz mieć pewność, że nikt nie wykorzystał go na swojej stronie.
Są to dwa elementy mające szczególny wpływ na czas ładowania strony. Google Grafika obsługuje takie formaty, jak:
Pliki JPEG pozwalają uzyskać znacznie lepszy efekt kompresji, przez co będą wczytywane szybciej niż pliki PNG. Jeśli więc nie zależy Ci na przezroczystym tle, sięgnij po najbardziej podstawowe rozwiązanie. Pliki SVG opierają się na formacie wektorowym i mogą być umieszczane bezpośrednio w kodzie strony lub jako element zewnętrzny. GIF jest zarezerwowany przede wszystkim dla prostych animacji ograniczonych do 256 kolorów, jeśli masz znacznie dłuższy plik, lepiej użyć formatu wideo.
Staraj się zapisywać pliki w rozmiarze poniżej 100 KB, znacznie usprawni to prędkość strony. Jeśli jednak zależy Ci na większych obrazach, wykorzystaj pliki progresywne JPG, które wyświetlają się stopniowo podczas ładowania. Upewnij się również, że grafika nie przekracza 2560 pikseli szerokości (czyli ekranu komputera stacjonarnego), inaczej zostanie niepotrzebnie przeskalowana. W przypadku urządzeń mobilnych musisz zadbać o responsywność.
Buforowanie jest metodą przechowywania plików tymczasowych w systemie użytkownika. Dzięki temu następnym razem, gdy odwiedzi on stronę, możesz automatycznie wywołać te pliki, oszczędzając przepustowość i zapewniając spersonalizowaną obsługę. To samo dotyczy buforowania w celu optymalizacji obrazów.
Jeśli nie korzystasz z pamięci podręcznej przeglądarki do optymalizacji obrazów, użytkownicy za każdym razem będą ładować je na stronie od nowa. Korzystając z tej możliwości, z pewnością przyspieszysz czas ładowania się strony.
CDN, inaczej Content Delivery Network, jest rozproszoną na całym świecie siecią serwerów, której głównym celem jest bezpieczeństwo z jednocześnie szybkim dostarczaniem treści do użytkownika.
Zmień pamięć obrazu na CDN, a w ten sposób przyspieszysz czas ładowania witryny i poprawisz jej nawigację. Będzie to działać nawet w przypadku odbiorców, którzy mają problemy z połączeniem sieciowym.
Lazy loading odpowiada za powolne ładowanie witryny. Jest ono przydatne, kiedy strona posiada większą liczbę obrazów, które spowalniają prędkość ładowania. Przykładowo, kiedy obraz znajduje się na środku strony, przy zastosowaniu wolnego ładowania zostanie on załadowany, dopiero gdy użytkownik przejdzie do tej części. W ten sposób można załadować pierwszą połowę strony bez jej przeciążania. Okazuje się, że lazy loading pomaga pośrednio w optymalizacji witryny pod kątem SEO, dlatego jeśli chcesz stać się numerem jeden w swojej branży, warto zainteresować się tym działaniem.
Powolne ładowanie witryny jest skuteczną techniką jej optymalizacji pod kątem obrazu. Jeśli korzystasz z WordPressa, z pewnością będziesz mógł znaleźć tam popularne wtyczki, które zrobią to za Ciebie. W przypadku niestandardowej strony internetowej warto skorzystać z pomocy doświadczonej grupy ekspertów ds. SEO.
W procesie indeksowania strony szczególnie przydatna jest mapa witryny, również pod kątem grafiki. Stanowi ona zbiór informacji na temat obrazów, które można znaleźć na Twojej stronie. Usprawniasz w ten sposób cały proces oraz wysyłasz Google komunikat, że warto zaglądać do Ciebie częściej.
Przedsiębiorcy często nie są świadomi, że brak mapy witryny pod kątem obrazów wpływa negatywnie na ich stronę. Uwzględnienie obrazów w mapie witryny zwiększa szanse na pojawienie się w wynikach wyszukiwania grafiki Google. W inny sposób nie jesteś w stanie ich poprawnie pozycjonować, co ma wpływ na spadek konwersji na stronie.
Ostatnim elementem wspierającym graficzne SEO jest opis pod zdjęciem na stronie. To dodatkowa możliwość wykorzystania potencjału słów kluczowych, ale także pomoc dla robotów i użytkowników. Warto w tym miejscu umieścić źródło, jeśli grafika nie jest naszego autorstwa.
Mamy nadzieję, że nasze wskazówki dotyczące optymalizacji obrazu na stronie okazały się pomocne.
Technika optymalizacji witryny pod kątem obrazu zapewnia, że obrazom nadany zostaje odpowiedni kontekst dla wyszukiwarek. Jeśli chcesz być lepszy od konkurencji, zastanów się nad wdrożeniem tych działań już teraz!
Chcesz zobaczyć o czym jeszcze pisaliśmy?
Rozpocznij
od bezpłatnej
konsultacji SEO
Zainwestuj w szczegółową konsultację SEO i dowiedz się więcej na temat wydajności Twojego sklepu internetowego. Przeprowadzimy dla Ciebie kompleksową analizę, dzięki której uzyskasz jasny obraz tego, co należy poprawić.