Optymalizacja obrazu SEO od znaczników Alt do rozmiaru pliku obrazu

Opublikowany: 2020-08-29
SEO Image hero illustration
27,4% wszystkich wyników wyszukiwania Google to obrazy. (Moz)

W poprzednich postach pisaliśmy o nagłówkach SEO, opisach meta i tagach tytułowych.

Teraz nadszedł czas na zbadanie kolejnego ważnego aspektu SEO – optymalizacji wizerunku.

Obrazy są istotnym elementem każdej strony internetowej. Sprawiają, że Twoje treści są bardziej wizualne i pomagają odwiedzającym Twoją witrynę lepiej zapamiętać kluczowe informacje.

Co więcej, jeśli są odpowiednio zoptymalizowane, mogą pomóc Ci w działaniach SEO.

W tym artykule będziemy:

  • Wyjaśnij, dlaczego obrazy mają znaczenie dla SEO
  • Poznaj trzy najlepsze praktyki optymalizacji obrazu
  • Daj pięć wskazówek dotyczących przygotowywania obrazów do Twojej witryny
  • Nakreśl pięć kluczowych kroków, które należy wykonać, wzbogacając treści o obrazy
  • Zaproponuj najlepsze darmowe narzędzia do optymalizacji obrazu

Wskoczmy od razu!

Szukasz najlepszych firm SEO?
Znajdź je tutaj!

Spis treści

  • Obrazy SEO: dlaczego są ważne dla SEO?
  • Najlepsze praktyki optymalizacji obrazu SEO w Twojej witrynie
  • 5 rzeczy, które należy wziąć pod uwagę przygotowując obrazy do swojej witryny
  • 5 kroków, które należy wykonać, dodając obrazy do swojej witryny
  • Najlepsze bezpłatne narzędzia do optymalizacji obrazu SEO
  • Na wynos Optymalizacja obrazu SEO

Obrazy SEO: dlaczego są ważne dla SEO?

27,4% wszystkich wyników wyszukiwania Google to obrazy.

Są tak samo ważne w osiąganiu pierwszej dziesiątki w rankingu Google, jak słowa kluczowe i linki zwrotne.

Główny powód tego jest prosty – obrazy wzbogacają Twoje treści i czynią je bardziej wartościowymi dla odwiedzających.

Gdy użytkownicy uznają Twoje treści za wartościowe, są bardziej skłonni do powrotu do Twojej witryny i spędzania na niej więcej czasu. Zapewnia to stały przepływ lojalnego ruchu, dzięki czemu Twoja witryna wydaje się bardziej wartościowa dla Google i poprawia się w rankingu.

Ponadto optymalizacja obrazów pod kątem SEO może jeszcze bardziej zwiększyć ruch i wejść na nowe rynki.

Na przykład 62% konsumentów z pokolenia Z i pokolenia Z chce, aby wyszukiwanie wizualne było częścią cyfrowego doświadczenia zakupowego.

Optymalizując obrazy w witrynie pod kątem wyszukiwania wizualnego, zwiększasz dostępność swoich treści, produktów lub usług dla tych odbiorców.

SEO Image: 27.4% of all Google search results are images

Najlepsze praktyki optymalizacji obrazu SEO w Twojej witrynie

Zanim przejdziemy do szczegółowego procesu optymalizacji obrazów pod kątem SEO, omówimy trzy kluczowe najlepsze praktyki optymalizacji obrazów SEO.

Najlepsza praktyka nr 1: Unikaj obrazów stockowych

Korzystanie z obrazów w witrynie polega na tym, aby zawartość była bardziej wizualna i dostępna.

Szczerze mówiąc, obrazy stockowe nie są do tego zdolne. Rzadko są one związane z Twoimi treściami i najprawdopodobniej będą wyglądać nie na miejscu w Twojej witrynie, co spowoduje, że Twoi czytelnicy po prostu je przesłonią.

Najlepszą praktyką byłoby włożenie trochę wysiłku w tworzenie niestandardowych obrazów. Wykresy, ilustracje, zrzuty ekranu lub GIF-y bardziej przyciągają uwagę i mogą być dostosowane do Twoich treści.

Najlepsza praktyka nr 2: Nie zapomnij o prawach autorskich

Jeśli zdecydujesz się skorzystać z obrazów osób trzecich, upewnij się, że przestrzegasz praw autorskich.

Niezastosowanie się do tego nie tylko będzie wydawać się złym gustem, ale może również namacalnie zaszkodzić Twojej firmie.

W 2018 r. US Postal Service była zaangażowana w pozew o naruszenie praw autorskich o wartości 3,5 miliona dolarów po użyciu chronionego prawem autorskim wizerunku Lady Liberty w projekcie znaczka.

Aby uniknąć takich sytuacji, używaj wyłącznie obrazów osób trzecich, które są własnością publiczną lub posiadają odpowiednią licencję Creative Commons.

62% of Millennials and Gen Z consumers want visual search to be a part of the digital shopping experience.

Najlepsza praktyka nr 3: Upewnij się, że obrazy dodają wartości

Przed wybraniem obrazu do nowego posta na blogu zadaj sobie pytanie:

Jaką wartość przyniesie ten obraz moim czytelnikom?

Obrazy powinny nie tylko uatrakcyjniać treści, ale także dodawać do nich wartości.

Możesz użyć obrazów, aby wyróżnić statystyki, które w przeciwnym razie zgubiłyby się w kopii lub podsumować skomplikowaną zawartość w tabeli.

Ogólna zasada określająca, czy obraz wnosi wartość do treści, jest prosta. Wyobraź sobie artykuł lub post na blogu z obrazem, który chcesz dodać, a następnie wyobraź sobie go bez tego obrazu.

Jeśli post wydaje się niekompletny lub brakuje niektórych istotnych informacji bez obrazu, oznacza to, że jest cenny.

Sporządziliśmy ranking najlepszych agencji zajmujących się projektowaniem stron internetowych.
Znajdź je tutaj!

5 rzeczy, które należy wziąć pod uwagę przygotowując obrazy do swojej witryny

Przechodząc do bardziej praktycznych, praktycznych wskazówek — oto pięć rzeczy, które należy wziąć pod uwagę przygotowując obrazy SEO dla swojej witryny.

#1: Wybierz obrazy wysokiej jakości

Przez „wysokiej jakości” rozumiemy zarówno jakość treści na obrazie, jak i jego jakość wizualną.

Na przykład, jeśli tworzysz niestandardową ilustrację tabeli, tekst w tej tabeli powinien być łatwy do odczytania i zrozumienia.

Lub jeśli chcesz wyróżnić statystykę obrazem, upewnij się, że statystyka jest trafna i autentyczna.

Przede wszystkim upewnij się, że Twoje obrazy wyglądają świetnie – w tym upewnij się, że mają odpowiedni rozmiar.

#2: Wybierz odpowiedni format

Obrazy są dostępne w różnych formatach plików, ale tylko kilka z nich nadaje się do optymalizacji SEO.

Każdy z nich ma swoje zalety i przypadki użycia:

  • PNG oferuje wyższą jakość i funkcje, takie jak przezroczystość tła. Użyj go do mniejszych elementów graficznych lub zrzutów ekranu.
  • JPEG można skompresować do stosunkowo małych rozmiarów bez zbytniego pogorszenia jakości. Najlepiej sprawdza się w przypadku ilustracji i większych obrazów.
  • SVG to format wektorowy, którego należy używać do logo i ikon. Jest lekki i można nim manipulować bez utraty jakości.
  • GIF to standardowy format obrazów animowanych. Mogą być naprawdę efektowne, ale kosztem dużego rozmiaru pliku.
  • WebP, JPEG XR i JPEG 2000 to tak zwane formaty obrazów nowej generacji. Możesz je skompresować do jeszcze mniejszych rozmiarów bez utraty jakości. Jednak nie są jeszcze powszechnie akceptowane i wspierane.

#3: Zoptymalizuj rozmiar pliku

40% użytkowników opuści Twoją witrynę, jeśli załadowanie zajmie trzy lub więcej sekund. Im cięższa strona, tym dłużej trwa ładowanie – a obrazy stanowią do 30,2% całkowitej wagi strony.

Dlatego kompresja obrazów do najniższego możliwego rozmiaru jest kluczowym krokiem w optymalizacji obrazu SEO.

W idealnym przypadku wszystkie obrazy SEO powinny mieć mniej niż 100 KB.

W tym celu najodpowiedniejszym formatem plików jest JPEG. W zależności od narzędzia do kompresji można zmniejszyć rozmiar obrazu JPEG nawet o 69% bez znacznego spadku jakości.

SEO Image: Images make up to 30.2% of the total weight of a webpage

#4: Nazwij obrazy dla SEO

Choć może się to wydawać nieistotnym szczegółem, nazwy plików graficznych mają również wpływ na ogólne SEO.

Google analizuje nazwy plików graficznych, aby zrozumieć kontekst obrazów i całej treści.

Nazywanie obrazów dla SEO jest proste. Upewnij się, że nazwa pliku obrazu dokładnie opisuje zawartość obrazu i nie zapomnij podać słowa kluczowego, dla którego oceniasz.

#5: Twórz responsywne obrazy

51,53% globalnego ruchu internetowego pochodzi z urządzeń mobilnych.

Z tego powodu responsywność stała się ważnym trendem w projektowaniu stron internetowych.

Jednym z kluczowych elementów responsywnego projektowania stron internetowych są responsywne obrazy.

W związku z tym kluczowym krokiem optymalizacji obrazu SEO jest zapewnienie, że obrazy w Twojej witrynie wyświetlają się poprawnie na różnych urządzeniach i zmieniają rozmiar zgodnie z rozmiarem ekranu.

Zainteresowany tym, jak przeprowadzić badanie słów kluczowych SEO?
Dowiedz się tutaj!

5 kroków, które należy wykonać, dodając obrazy do swojej witryny

Gratulacje, przygotowałeś wszystkie obrazy do swojego nowego artykułu!

Ale proces optymalizacji obrazu SEO jeszcze się nie skończył.

Aby zoptymalizować obrazy dodane do witryny, wykonaj następujące czynności:

Krok #1: Zoptymalizuj tagi Alt

Tagi alt lub tekst alternatywny obrazów są wyświetlane przez przeglądarkę, jeśli nie może załadować obrazów lub odwiedzający nie mogą ich zobaczyć.

Boty Google indeksują również tekst alternatywny Twoich obrazów, aby zrozumieć treść. Dlatego tekst alternatywny jest kolejnym ważnym elementem optymalizacji obrazu SEO.

Tekst alternatywny powinien być unikalny i opisowy, wyjaśniający zawartość obrazu w prosty sposób

Krok #2: Dołącz swoje główne słowo kluczowe

Postaraj się umieścić swoje główne słowo kluczowe we wszystkich elementach meta obrazu – tekście alternatywnym, tagu tytułu i opisie.

Jednak nie przesadzaj. Włączenie słowa kluczowego focus tam, gdzie ono naturalnie należy, pomoże w SEO.

Cokolwiek więcej może zostać uznane za upychanie słów kluczowych przez Google i zaszkodzi twoim rankingom.

Krok #3: Dodaj odpowiednie podpisy

Podpisy obrazów przyciągają do 300% więcej uwagi niż treść Twojej strony internetowej.

Dlatego nie powinieneś pozwolić im się zmarnować. Jeśli nie używasz miejsca na podpis do cytowania źródła obrazu, pamiętaj, aby zamieścić tam kilka cennych informacji.

Za pomocą podpisu możesz dalej rozwinąć zawartość obrazu lub podkreślić przekonujący fakt. Tak czy inaczej, Twoi użytkownicy to zauważą.

SEO Image: Image captions get up to 300% more attention than the body copy of your webpage.

Krok 4: Zoptymalizuj obrazy pod kątem mediów społecznościowych

Logika jest tutaj prosta – treści udostępniane w mediach społecznościowych zawsze będą przyciągać większą uwagę i ruch.

Jednak samo udostępnienie tego nie wystarczy. Twoje obrazy powinny być atrakcyjne i przyciągać uwagę. A podgląd obrazu jest tego ważnym elementem.

Na przykład, jeśli chcesz, aby Twoja treść przyciągnęła uwagę na Facebooku, upewnij się, że odpowiednio zaktualizujesz metatag obrazu Open Graph.

Krok 5: Utwórz mapę witryny obrazu

Na koniec, aby upewnić się, że boty Google indeksują wszystkie obrazy w Twojej witrynie, utwórz mapę witryny z obrazami.

Posiadanie mapy witryny z obrazami zwiększy szanse, że Twoje obrazy SEO pojawią się w wynikach wyszukiwania Google.

To z kolei pomoże zwiększyć ruch w Twojej witrynie.

Najlepsze bezpłatne narzędzia do optymalizacji obrazu SEO

Nie wiesz, jakich narzędzi użyć do optymalizacji obrazów SEO?

Oto trzy bezpłatne przykłady, które pomogą Ci zacząć:

Bezpłatne narzędzie nr 1: Google PageSpeed ​​Insights

Własne narzędzie Google PageSpeed ​​Insights to świetna opcja do analizowania problemów z szybkością ładowania strony.

W celu optymalizacji obrazu SEO może pomóc Ci zidentyfikować nieskompresowane obrazy w Twojej witrynie, które wpływają na szybkość ładowania.

Google PageSpeed Insights screenshot
[Źródło: Google PageSpeed ​​Insights]

Darmowe narzędzie nr 2: iLoveIMG

Po zidentyfikowaniu obrazów, które szkodzą szybkości ładowania, musisz je skompresować i zmienić ich rozmiar.

Świetnym narzędziem do tego jest iLoveIMG.

Jest to bezpłatna strona internetowa, która umożliwia wykonywanie działań zbiorczych – zamiast kompresować obrazy jeden po drugim, możesz przesłać je wszystkie naraz.

To narzędzie oferuje również kilka opcji procentowych kompresji, dzięki czemu możesz osiągnąć idealną równowagę między rozmiarem pliku a jakością.

iLoveIMG screenshot
[Źródło: iLoveIMG]

Darmowe narzędzie nr 3: YoastSEO

Jeśli Twoja witryna działa na WordPress, YoastSEO jest niezbędnym narzędziem do optymalizacji obrazu SEO.

Jest to potężna wtyczka z rozbudowanymi funkcjami związanymi z SEO, która może pomóc we wszystkim, od uzyskania właściwych tytułów meta po optymalizację obrazów SEO.

YoastSEO przypomni Ci również o dodaniu tagów alt do obrazów i sprawdzi, czy wybrany obraz będzie poprawnie wyświetlany na Facebooku i Twitterze.

Yoast SEO screenshot
[Źródło: Yoast SEO]

Na wynos Optymalizacja obrazu SEO

Optymalizacja wizerunku SEO jest ważnym aspektem SEO, którego nie należy pomijać.

Ponieważ doświadczenia cyfrowe stają się coraz bardziej wizualne, wpływ obrazów na zawartość witryny rośnie.

Przemyślane wykorzystanie obrazów wzbogaci Twoje treści, o ile:

  • Unikaj obrazów stockowych
  • Przestrzegaj praw autorskich
  • Upewnij się, że obrazy dodają wartości czytelnikowi

Przygotowując obrazy na swoją stronę, upewnij się, że:

  • Używaj obrazów wysokiej jakości
  • Wybierz format, który pasuje do obrazu
  • Skompresuj pliki
  • Nazwij swoje obrazy dokładnie
  • Zoptymalizuj swoje obrazy pod kątem responsywności

Aby upewnić się, że Twoje obrazy SEO są zoptymalizowane podczas przesyłania ich do witryny, wykonaj następujące kroki:

  • Wypełnij tekst alternatywny dla każdego obrazu
  • Uwzględnij swoje główne słowo kluczowe we właściwościach meta obrazu
  • Podpisuj swoje obrazy odpowiednio
  • Zoptymalizuj obrazy pod kątem podglądów w mediach społecznościowych
  • Utwórz mapę witryny obrazu na swojej stronie

Postępując zgodnie z tym przewodnikiem po optymalizacji obrazu, upewnisz się, że obrazy w Twojej witrynie zwiększą Twoje działania SEO, zwiększając ruch, konwersje i przychody.

Szukasz najlepszych agencji marketingu cyfrowego?
Znajdź je tutaj!