Pozycjonowanie obrazów: jak zoptymalizować obrazy pod kątem wyszukiwania

Wyszukiwanie to o wiele więcej niż 10 niebieskich linków. MozCast pokazuje, że ponad 36% wyszukiwań zawiera obrazy.

Nie wspominając o wszystkich wyszukiwaniach przeprowadzonych za pomocą wyszukiwarki grafiki Google. To ogromna ilość potencjalnego zaangażowania marek w stronę internetową. Jednak wielu twórców witryn nie poświęca czasu na optymalizację obrazów, których używają w swojej witrynie — uważają, że wystarczy prosta linia tekstu alternatywnego, aby zadowolić złożony algorytm SEO obrazu Google.

Ale algorytm Google z każdym dniem staje się coraz mądrzejszy.

Na szczęście optymalizacja obrazów Twojej witryny pod kątem wyszukiwania nie wymaga niezliczonych godzin wdrażania złożonych strategii i formuł SEO. Optymalizacja obrazu pod kątem SEO wymaga kilku prostych kroków. Skupiając się na takich czynnikach, jak rozmiar obrazu, szybkość, opis i treść, możesz zapewnić lepsze wrażenia użytkownika oraz pomóc Google zdefiniować i uporządkować swoje obrazy.

Optymalizacja obrazu dla wygody użytkownika

Chociaż wszyscy stratedzy SEO chcą, aby ich treści były wysoko w rankingu w Google, ważne jest, aby tworzyć treści, które zapewniają doskonały UX (wrażenia użytkownika). Im lepszy UX zapewnisz, tym większe prawdopodobieństwo zaangażowania i konwersji. Dlatego najlepsza optymalizacja obrazu obejmuje kontekst, trafność i jakość witryny.

Oto, jak możesz zoptymalizować obrazy pod kątem wygody użytkownika.

Rozważ umieszczenie obrazu

Wybór miejsca umieszczenia obrazu na stronie internetowej ma największy wpływ na kontekst i trafność. Wielu twórców witryn umieszcza obraz lub dwa w losowych sekcjach swojej strony internetowej jako sposób na rozbicie tekstu. Ale robienie tego może skończyć się dezorientacją i rozpraszaniem odbiorców. Obrazy należy umieszczać w pobliżu najtrafniejszego tekstu, aby zapewnić odwiedzającym kontekst. Zwróć uwagę, jak obraz w następnej sekcji odnosi się do tekstu. Pomaga to również Google w dostarczaniu odpowiednich obrazów do powiązanych zapytań wyszukiwania.

Używaj wysokiej jakości i unikalnych obrazów

Zdjęcia stockowe są często odwiedzane przez właścicieli witryn internetowych. W końcu są one często bezpłatne, łatwe w użyciu i na pewno znajdzie się jeden lub dwa, które są odpowiednie dla Twojej witryny. Problem polega na tym, że każdy inny twórca witryny prawdopodobnie robi to samo, co oznacza, że ​​używane przez Ciebie obrazy stockowe znajdują się prawdopodobnie w dziesięciu innych witrynach, takich jak Twoja.

Jak wyjaśnia John Mueller z Google: „jeśli próbujesz uzyskać pozycję w Google Grafika, użycie tego samego obrazu, co w wielu innych witrynach, nie przyniesie wiele dobrego”.

W ramach procesu optymalizacji rozważ utworzenie własnych, unikalnych obrazów, które będą używane wyłącznie w Twojej witrynie. Inwestowanie w wysokiej jakości zdjęcia może prowadzić do znacznie wyższego wskaźnika zaangażowania, zwłaszcza jeśli masz sklep eCommerce, w którym kuszące zdjęcia produktów są koniecznością.

Zapewnij przyjazność dla urządzeń mobilnych

Korzystanie z urządzeń mobilnych odpowiada za ponad 50% całego ruchu w sieci , dlatego konieczne jest dostosowanie obrazów do urządzeń mobilnych. Google oferuje prosty test dostosowany do urządzeń mobilnych, który skanuje Twoją stronę internetową i testuje ją pod kątem wykorzystania mobilnego, oferując porady, jak lepiej zoptymalizować dowolne obrazy. W przypadku stron, które nie przejdą tego testu, rozważ użycie responsywnych obrazów, które skalują się do rozmiaru w zależności od urządzenia, z którego użytkownik uzyskuje do nich dostęp.

Zazwyczaj do wyświetlania prawidłowego rozmiaru obrazu w zależności od urządzenia używana jest kombinacja HTML, CSS i JavaScript. Większość witryn jest już dostosowana do urządzeń mobilnych. Jeśli pracujesz na bardzo starej witrynie lub nie masz pewności, po prostu dostosuj szerokość przeglądarki internetowej. Powinieneś zobaczyć skalowanie obrazów wraz ze zmianą rozmiaru okna przeglądarki. Więcej informacji o tworzeniu responsywnych obrazów znajdziesz w tym przewodniku .

Nie zapomnij o jakości strony

Optymalizacja obrazu to tylko jeden z elementów zapewniających wspaniałe wrażenia użytkownika. Posiadanie innych wysokiej jakości treści na swojej stronie internetowej dodatkowo zwiększa jej trafność i użyteczność. Google bierze pod uwagę wiele różnych czynników, biorąc pod uwagę jakość witryny , w tym bezpieczeństwo, wiedzę fachową, wartość, wiarygodność i organizację. Im bardziej rozbudowana jest Twoja strona internetowa jako całość, tym większe korzyści dla ludzi i tym większe prawdopodobieństwo, że Google się nią zainteresuje.

Jak zoptymalizować obrazy pod kątem szybkości

Według raportu Google prawdopodobieństwo opuszczenia strony internetowej przez użytkowników wzrasta o 32%, ponieważ „czas ładowania strony skraca się z 1 sekundy do 3 sekund”. Ta wysoka statystyka pokazuje, że szybkość ładowania jest ważnym czynnikiem wpływającym na sukces strony internetowej. I nic nie spowalnia strony bardziej niż obraz, którego ładowanie trwa zbyt długo.

Na szczęście istnieje wiele sposobów na zoptymalizowanie obrazu, aby przyspieszyć ładowanie strony.

Wybierz odpowiedni format obrazu

Wybór odpowiedniego formatu obrazu jest pierwszym krokiem do zapewnienia szybkiego i prawidłowego ładowania obrazu. Ale jak określić, który format obrazu jest najlepszy do optymalizacji prędkości? Pierwszym krokiem jest sprawdzenie, jakie opcje są dostępne jako formaty obrazów obsługiwane przez Google.

1. PNG : formaty PNG są zwykle używane do grafik, zrzutów ekranu lub obrazów, które wymagają zachowania przezroczystości tła.
2. JPEG : najbardziej znany z formatów obrazów, JPEGS, jest dobry do robienia dużych zdjęć lub ilustracji.
3. SVG : najlepsze dla wszelkich niestandardowych logo lub ikon, które można wyświetlać w różnych rozmiarach.
4. WebP : najlepsza opcja, aby uzyskać wysokiej jakości wyniki w przypadku obrazów o mniejszym rozmiarze.
5. BMP : Uważany za bardziej przestarzałą opcję, BMP jest używany do obrazów bitmapowych.
6. GIF : Do przenoszenia grafiki lub animacji.

Toczy się wielka debata na temat optymalizacji obrazu na temat tego, czy GIF-y lub filmy są lepsze z punktu widzenia optymalizacji. Oba formaty mają swoje wady i zalety. Filmy mają zwykle najwyższe zaangażowanie — prawie 70% konsumentów jest bardziej skłonnych do zakupu produktu po obejrzeniu filmu o nim. Jednocześnie wczytywanie filmów trwa dłużej niż gifów, co może spowolnić szybkość strony. Wybór do wyboru będzie zależeć od innych elementów znajdujących się na Twojej stronie internetowej. Jeśli zawiera dużo tekstu, rozważ użycie GIF-ów. Jeśli masz mniej na swojej stronie, możesz bezpiecznie korzystać z wideo bez poświęcania szybkości ładowania.

Zapamiętaj współczynnik kompresji obrazu

Po wybraniu odpowiedniego formatu należy również wziąć pod uwagę współczynnik kompresji obrazu. Zbyt duża kompresja obrazu może prowadzić do niskiej jakości obrazu, a zbyt mała kompresja spowoduje ogromny rozmiar pliku. Wiele witryn i aplikacji do edycji zdjęć umożliwia eksperymentowanie z rozmiarami kompresji. Firma Google udostępniła przewodnik dotyczący metod kompresji , które można zastosować do obrazów, obejmujący terminy takie jak kompresja stratna.

Pamiętaj, że nie ma „właściwej odpowiedzi” na pytanie, jak powinien wyglądać rozmiar pliku obrazu skompresowanego — ale osiemdziesiąt procent to dobry początek. Jest bardzo mało prawdopodobne, że zauważysz jakiekolwiek pogorszenie jakości obrazu, z wyjątkiem najbardziej krytycznych przypadków.

Rozważ użycie wtyczki WordPress do optymalizacji obrazu. Na blogu MarketMuse używamy Krakena . Po skonfigurowaniu automatycznie kompresuje obrazy przesyłane do CMS. Jest to idealne rozwiązanie do tworzenia wydajnego przepływu pracy.

Wybierz odpowiednie wymiary obrazu

Wyświetlanie obrazów o odpowiednich wymiarach to ostatni krok do zapewnienia, że ​​obrazy nie wpływają negatywnie na szybkość wczytywania strony i łatwość obsługi. Udostępnianie obrazów o zbyt dużym rozmiarze jest marnowaniem przepustowości i zwiększa niepotrzebne obciążenie. Większość systemów zarządzania treścią zajmie się tym za Ciebie, ale na początek nadal potrzebujesz oryginalnego obrazu o odpowiedniej wielkości.

Narzędzie do inspekcji przeglądarki Chrome może pomóc w szybkim określeniu odpowiedniego rozmiaru. Renderowany rozmiar to wymiary, w jakich wyświetlany jest obraz. Na blogu MarketMuse szerokość kolumny wynosi 760 pikseli, co w praktyce jest maksymalną szerokością, z jaką będzie wyświetlany obraz. Rozmiar wewnętrzny to rozmiar obrazu, który został przesłany do WordPressa (nasz CMS). Zwykle wewnętrzna szerokość nie powinna być większa niż wyrenderowana.

Wyjątkiem od reguły są zrzuty ekranu, na których chcesz, aby odwiedzający zobaczyli wszystkie szczegóły, które przegapią w obrazie o mniejszym rozmiarze. Na przykład na blogu MarketMuse często pokazujemy zrzuty ekranu naszej platformy. Jednak często trudno jest precyzyjnie odróżnić poszczególne cechy ze względu na ograniczenie szerokości kolumny do 760 pikseli.

Tak więc oryginalny obraz (w tym przypadku o szerokości 1644 pikseli) jest przesyłany do WordPressa i wyświetlany w mniejszym rozmiarze o szerokości 760 pikseli. Kiedy czytelnicy klikają na obraz, otwiera się on w pełnym rozmiarze, gdzie szczegóły można zobaczyć w całej okazałości.

Szybka uwaga : gdy kompresja obrazu nie wystarcza, rozważ użycie CDN (sieci dostarczania treści). CDN to rozproszona geograficznie grupa serwerów, które współpracują ze sobą, aby zapewnić szybkie dostarczanie treści internetowych. Ta różnica prędkości może być dość znaczna, a koszt jest minimalny, aw niektórych przypadkach bezpłatny. Przeczytaj ten przewodnik Cloudflare , aby dowiedzieć się więcej.

Pozycjonowanie obrazów w celu odkrycia

Obrazy nie mogą być umieszczane w rankingu w Google, jeśli nie zostaną odkryte. W tym względzie mogą pomóc dwa elementy; mapa witryny obrazu i znaczniki semantyczne.

Wykorzystaj mapy witryn z obrazami

Co to jest mapa witryny z obrazami i jak pomaga Google odkrywać Twoje obrazy? Mapa witryny obrazu to mapa witryny XML przeznaczona do wyświetlania wszystkich adresów URL obrazów w witrynie. Mapa witryny to zasadniczo plan, który pomaga Google znaleźć, zrozumieć i zaindeksować odpowiednie adresy URL w Twojej witrynie.

Technicznie rzecz biorąc, nie potrzebujesz mapy witryny. Możesz po prostu przesłać adresy URL za pomocą Google Search Console. Ale o wiele wydajniej jest mieć taki, zwłaszcza gdy jest aktualizowany automatycznie, gdy nowe treści są udostępniane na żywo.

W przypadku bloga MarketMuse korzystamy z RankMath , wtyczki WordPress, która obsługuje mapy witryn wśród wielu innych zadań SEO. Jest prawie ustawiony i zapomnij. Ten przewodnik Google dotyczący tworzenia mapy witryny może być pomocny, jeśli musisz utworzyć ją ręcznie.

Rozważ znaczniki semantyczne

Początkowo wyrażenie „znacznik semantyczny” może wydawać się początkowo skomplikowane. Na szczęście nie jest to zbyt skomplikowane oprogramowanie, o które musisz się martwić. Znacznik semantyczny odnosi się do znacznika treści lub kodu HTML określonej strony. Pomaga ludziom i wyszukiwarkom lepiej zrozumieć zawartość strony. To czyni go idealnym do optymalizacji obrazu.

Cały kod HTML powinien zawierać informacje opisujące Twoją witrynę zarówno dla komputerów, jak i dla ludzi. Przeczytaj podejście Google do semantycznych znaczników HTML, aby uzyskać najlepsze porady i wskazówki w tej sprawie.

Optymalizacja obrazu SEO pod kątem indeksowania

Jest kilka rzeczy, które możesz zrobić, aby zapewnić dokładne indeksowanie obrazów przez Google.

Uzyskaj opisowy

Dołączenie opisowych tytułów, opisów i nazw plików jako części witryny pomaga Google i ludziom lepiej ją zrozumieć. Najlepszym sposobem upewnienia się, że wszystkie elementy tekstu są opisowe, jest strategiczne umieszczenie słów kluczowych w tekście, który będzie wyróżniał się w wyszukiwarce . Co więcej, opisy tekstowe powinny być krótkie, ale skuteczne — unikaj używania symboli, takich jak podkreślenia, ponieważ algorytmy Google ich nie rozpoznają. Każde słowo, którego używasz, powinno służyć celowi w wynikach wyszukiwania.

Uwzględnij uporządkowane dane

Aby pomóc Ci osiągnąć rozszerzone wyniki w Google, w miarę możliwości umieszczaj w swoich obrazach uporządkowane dane. Dzięki wynikom rozszerzonym Google może udostępniać plakietki, które dostarczają użytkownikom dalszych istotnych informacji o Twojej stronie podczas wyszukiwania grafiki. Google obsługuje uporządkowane dane dotyczące produktów, filmów i przepisów.

Ponadto Google ma szczegółowe wytyczne dotyczące ustrukturyzowanych danych, które opisują cały proces włączania ustrukturyzowanych danych do SEO obrazu, o których możesz przeczytać więcej tutaj . Najważniejsze wskazówki to dbanie o aktualność informacji i danych oraz unikanie tworzenia nieistotnych danych, które mogą wprowadzać użytkowników w błąd.

Użyj tagów alt

Jeśli obraz nie załaduje się na Twojej stronie, zamiast niego pojawi się tekst alternatywny, który pomoże opisać Twój obraz. Ponadto w przypadku osób niedowidzących, które uzyskują dostęp do Twojej witryny, ten tag alt może również pomóc im zrozumieć, co znajduje się na obrazie Google. Na koniec, użycie odpowiedniego tekstu alternatywnego zapewnia dodatkowe informacje, które pomogą Google lepiej zrozumieć obraz i stronę, na której się znajduje.

Istnieje kilka kluczowych wskazówek dotyczących pisania dobrego tekstu alternatywnego , który optymalizuje obraz.

• Użyj docelowych słów kluczowych : dodanie docelowych słów kluczowych w tekście alternatywnym jest głównym sposobem powiązania witryny z odpowiednimi tematami i zwiększenia widoczności w wyszukiwarce.
• Postaraj się, aby była krótka : od 80 do 125 znaków (około 16 słów), aby zapewnić maksymalną dostępność . Do 50 słów w rankingu w wyszukiwarce grafiki Google.
• Pozbądź się zbędnych fraz : nigdy nie zaczynaj tagu alt z frazami typu „To jest obraz ____” lub „To jest obraz ____”. Jest to zbędne i zajmuje kluczową przestrzeń. Przejdź bezpośrednio do źródła obrazu, aby uzyskać zwięzłość i przejrzystość.

Szybka uwaga : Częstym pytaniem dotyczącym indeksowania jest to, czy Google indeksuje obrazy CSS. Odpowiedź brzmi nie. John Mueller z Google stwierdził, że lepiej jest używać zwykłych tagów graficznych i atrybutu alt wskazującego na obraz.

Na wynos

Optymalizacja obrazu pod kątem wyszukiwania obrazów to kolejna strategia SEO, którą należy wdrożyć podczas pracy nad tworzeniem przydatnych, odpowiednich stron internetowych. Jak widać, SEO wizerunkowe obejmuje wiele aspektów. Aby uzyskać dobrą pozycję w wyszukiwarce grafiki Google, musisz wziąć pod uwagę rozmiar obrazu, szybkość, treść, format i powiązane dane. Co więcej, upewnienie się, że tworzysz opisowy tekst alternatywny, tytuły i tekst na stronie, pomaga w tworzeniu lepszej strony internetowej. Wykonana prawidłowo optymalizacja obrazu może prowadzić do poprawy rankingu wyszukiwania i witryny, do której użytkownicy będą wracać raz za razem.