Kompletny przewodnik po optymalizacji obrazu eCommerce 2023

Wstęp

Marketing polega na znalezieniu problemu na rynku, a następnie sprzedaży rozwiązania klientom. Innymi słowy, chodzi o tworzenie i szerzenie świadomości problemu. Tworząc świadomość, należy pamiętać, że jako marketer komunikujesz się z właściwymi konsumentami.

Search Engine Optimization ma kluczowe znaczenie dla zwiększenia ruchu w Twojej witrynie poprzez znalezienie odpowiednich odbiorców. SEO pomaga uszeregować treść w wynikach wyszukiwania na podstawie zapytania. Składa się z trzech elementów.

1. SEO na stronie
2. SEO poza stroną
3. Techniczny

SEO na stronie obejmuje treści obecne na stronie. Obrazy są istotną częścią SEO ON-Page i doskonałym medium dla ruchu na stronach internetowych i podnoszenia ocen.

Cel i dla kogo jest ten przewodnik?

Jeśli zarządzasz treściami online za pomocą Google, ten przewodnik jest dla Ciebie. Efekty uczenia się tego przewodnika są następujące:

• Poznaj podstawy optymalizacji pod kątem wyszukiwarek
• Dowiedz się, jak ważna jest optymalizacja obrazów w Google
• Poznaj i zrozum wymagania techniczne dotyczące optymalizacji stron i obrazów w Google
• Poznaj i zrozum najlepsze praktyki optymalizacji obrazów

Jeśli posiadasz, zarządzasz, zarabiasz lub promujesz treści online w wyszukiwarce Google, ten przewodnik jest dla Ciebie. Możesz być właścicielem dobrze prosperującej firmy, właścicielem kilkunastu stron internetowych, specjalistą ds. SEO w agencji internetowej lub ekspertem DIY SEO pasjonującym się mechaniką wyszukiwania: ten przewodnik jest dla Ciebie.

Jeśli szukasz kompleksowego przeglądu technik lepszej optymalizacji obrazów zgodnie z najlepszymi praktykami Google, jesteś we właściwym miejscu. Ważną kwestią, o której należy pamiętać, jest to, że ten przewodnik ujawni tajemnice, które automatycznie umieszczają Twoją witrynę na pierwszym miejscu w Google.

Jednak przestrzeganie najlepszych praktyk powinno ułatwić wyszukiwarkom przeszukiwanie, indeksowanie i zrozumienie treści.

Optymalizacja obrazów

Optymalizacja zdjęć w Google pomoże Ci zwiększyć współczynnik konwersji i zwiększyć sprzedaż nawet o 9%. Pomoże to również poprawić wrażenia użytkownika. Około 10,1% wyszukiwań w Google to obrazy.

Obrazy to także sposób na odkrywanie treści. Podczas wyszukiwania obrazów użytkownicy mogą również chcieć przeczytać o treści, którą zapewnia obraz, i w ten sposób przyciągniesz większy ruch do swojej strony internetowej.

Wyszukiwarki mają ograniczenie: nie mogą czytać obrazów. Zamiast tego skupiają się na zawartości obrazu. Z tego powodu techniki optymalizacji obrazów są niezbędne, aby użytkownik mógł przyciągnąć więcej odwiedzających za pomocą wyszukiwania obrazów.

Obrazy Google mogą mieć znaczenie dla odkrywania treści. Dane pokazują, że ogólnie 20% wyszukiwań w Google odbywa się za pośrednictwem wyszukiwania grafiki . Ponadto ranking obrazów w Google zajmuje mniej czasu niż ranking treści.

Wizyty na obrazach mogą odegrać znaczącą rolę w zwiększeniu ruchu w Twojej witrynie, ponieważ ułatwi to znajdowanie odpowiednich i niezbędnych treści. Obrazy rozbudzają w umyśle użytkownika zainteresowanie opisem lub kryjącą się za nim historią.

Co więcej, optymalizacja obrazów ma również kluczowe znaczenie dla poprawy komfortu użytkownika. Szybkość ładowania zależy bezpośrednio od jakości i rozmiaru obrazu. Jeśli strona ładuje się dłużej, istnieje możliwość, że odwiedzający ją odrzucą, co zwiększy współczynnik odrzuceń.

Google również zaczął wykorzystywać szybkość witryny jako czynnik rankingowy. Wydajność Twojej witryny wpływa na liczbę odwiedzających.

Raporty sugerują, że niezoptymalizowane obrazy zajmują do 75% procent wagi, co powoduje okropne wrażenia użytkownika.

Załóżmy, że próbujesz znaleźć odpowiedź lub treść związaną z Twoim problemem. Ale jeśli witryna, do której dotarłeś, długo się ładuje, istnieje szansa, że ​​przeskoczysz na inną witrynę.

Z drugiej strony odwiedzający również porzucą Twoją witrynę, jeśli nie zobaczą żadnych obrazów w Twoich treściach, co sprawi, że będzie ona okropna i trudna do zrozumienia.

Optymalizacja i dodawanie zdjęć dotyczących produktów również zwiększy współczynnik konwersji, ponieważ klienci zrozumieją, jak wyglądają produkty.

6 podstawowych wskazówek dotyczących optymalizacji obrazu

Jako właściciel witryny musisz zoptymalizować swoje strony internetowe, aby uzyskać lepszą wydajność, jak opisano wcześniej. Aby poprawić wydajność swojej witryny, musisz popracować nad takimi obszarami, jak doświadczenie użytkownika, techniczne SEO i czytelność treści.

Doświadczenie użytkownika

Stworzenie lepszego doświadczenia użytkownika zwiększa również wydajność i ranking witryny. Jeśli współczynnik odrzuceń Twojej witryny jest wyższy, może to mieć negatywny wpływ na ranking Twojej witryny.

Zgodnie z zasadami Google wydajność witryny internetowej jest czynnikiem rankingowym od 2010 r. Lepsze wrażenia użytkownika wskazują, że użytkownicy znajdują treść i witrynę zgodnie ze swoimi potrzebami i intencją wyszukiwania.

Następujące kluczowe wskaźniki wydajności mogą mierzyć doświadczenie użytkownika:

• Częstotliwość sesji
• Współczynnik odrzuceń
• Strony/na sesję.

Google Analytics pomoże Ci zrozumieć wydajność Twojej witryny, dzięki czemu możesz przeanalizować, co dzieje się z Twoją witryną.

Aby poprawić wrażenia użytkownika, pierwszą rzeczą do zrobienia jest pisanie dla ludzi. Nowe aktualizacje Google wymagają pisania treści, których ludzie potrzebują. Istnieją trzy obszary, w których przeprowadzana jest optymalizacja On-page, Off-page i Technical.

Po dostarczeniu użytkownikom wymaganych treści, analityka witryny ulegnie poprawie. Możesz śledzić wydajność swoich witryn za pomocą wspomnianych powyżej wskaźników KPI w Konsoli Google lub Google Analytics.

Wzbogać swoje treści, dodając liczby, wykresy i obrazy. W przypadku witryny e-commerce obrazy są równie ważne jak strona internetowa. W przypadku witryny eCommerce, jeśli obraz nie przedstawia Twojego produktu, nie ma potrzeby posiadania strony internetowej.

Głównym celem serwisu jest przedstawienie wizualnego opisu produktu i wyjaśnienie użytkownikowi historii. Ponadto większość użytkowników łatwo jest zrozumieć i zapamiętać treść, gdy jest ona wyjaśniana za pomocą obrazów.

Google zaleca twórcom treści tworzenie treści dla użytkowników, a nie dla wyszukiwarek. Widoczność obrazu można zwiększyć, postępując zgodnie z najlepszymi praktykami.

Jakość treści na stronie internetowej odgrywa kluczową rolę w rankingu obrazów w Grafice Google. Obrazy w Google zapewniają więcej kontekstu i sprawiają, że wyniki są bardziej przydatne. Treść na stronie generuje fragmenty tekstu dla obrazów, które mogą służyć jako czynnik rankingowy dla obrazów.

Doświadczenie użytkownika poprawia się dzięki temu, że interfejsy i witryny są przyjazne dla każdego urządzenia. Raporty sugerują, że wiele Grafiki Google jest przeszukiwanych na urządzeniach mobilnych, a nie na komputerach stacjonarnych.

Istnieje duże prawdopodobieństwo, że współczynnik odrzuceń wzrośnie, jeśli użytkownik będzie miał trudności z dostępem do treści lub obrazów. Istnieje bezpośredni związek między wydajnością strony internetowej a jej rankingiem. Najwyższa wydajność poprawi ranking obrazów na stronie internetowej.

Przyjazna dla użytkownika struktura adresu URL poprawia wydajność witryny, ponieważ Google używa ścieżki adresu URL obrazów jako nazw plików do zrozumienia obrazów.

Ulepsz dla szybkości

Prawidłowo zastosuj techniki optymalizacji obrazu, aby poprawić szybkość witryny. W zależności od sytuacji i użytkowania należy odpowiednio dobrać formaty obrazu. Istnieją dwa rodzaje formatów obrazów wektorowych i rastrowych.

Wektory są odpowiednie dla obrazów składających się z prostych kształtów geometrycznych, takich jak logo, tekst lub ikony. Obrazy wektorowe zapewniają najlepsze rezultaty w każdej rozdzielczości, co czyni je idealnym formatem zapewniającym lepsze rezultaty.

Ale jeśli chodzi o opisywanie obrazu, grafika wektorowa jest niewystarczająca. W przypadku obrazów formaty takie jak JPEG, JPG lub WebP do zapisywania plików. Oba formaty mają zalety i wady, ponieważ obrazy rastrowe nie nadają się do wymagań wysokiej rozdzielczości. Poniższy obraz opisuje wynik między obrazem rastrowym i wektorowym

Optymalizacja obrazów nie ma określonego parametru; zamiast tego jest to zestaw różnych technik, aby uzyskać lepsze wyniki. Innym ważnym czynnikiem jest znalezienie optymalnego ustawienia dla lepszych wymiarów w pikselach i zakodowanych danych.

Nie ma dobrej lub złej odpowiedzi podczas ustawiania wymiaru obrazu. Dlatego wymagana jest dokładna analiza, aby znaleźć optymalne ustawienia wymiarów.

Jednak określone witryny eCommerce opracowały reguły zgodnie z witryną, na której umieszczają swój wizerunek. Na podstawie dostępnej przestrzeni na obrazy witryny te proszą użytkowników o przesłanie obrazów o określonych wymiarach.

Pomyślna optymalizacja obrazu w celu uzyskania idealnej wydajności sieci zależy od użycia najmniejszego rozmiaru pliku i najwyższej jakości obrazów. Ta kombinacja przyczynia się do optymalizacji obrazu, zapewniając w ten sposób najlepszą wydajność sieci.

Atrybut tekstu alternatywnego

Struktura tagu obrazu jest podana poniżej:

<img src=”img_girl.jpg” alt=”Dziewczyna w kurtce” width=”500″ height=”600″>

Dane pokazują, że około 90 procent ekspertów SEO nie wykorzystuje istotnego aspektu optymalizacji obrazu, a jest to użycie tekstu „alt” w atrybucie tagu obrazu. Dodanie słów kluczowych opisujących obraz pomoże wyszukiwarkom zidentyfikować intencję, w której obraz jest używany.

Osoby korzystające z czytników ekranu lub mające połączenia o niskiej przepustowości mogą uzyskać dostęp do obrazów za pomocą atrybutu tekstu „alt”. Stworzyliśmy podstawy dla wyszukiwarek i jak omówiliśmy wcześniej, wyszukiwarki nie mogą odczytywać obrazów. Zależą od tekstu alternatywnego, aby lepiej zrozumieć opis obrazów.

Należy skupić się na dodaniu przydatnych i wartościowych słów kluczowych, które najlepiej opisują obraz. Atrybut „alt” jest niezbędny dla wyników wyszukiwania. Dlatego unikanie upychania słów kluczowych może skończyć się złym doświadczeniem użytkownika. Niezbędne jest dostosowanie tekstu alternatywnego zgodnie z wytycznymi W3. Poniżej znajdują się przykłady złych i dobrych tagów graficznych oraz atrybutów tekstu „alt”

• Źle : <img src=”tshirt.jpg”/> (Brak tekstu alternatywnego)
• Źle : <img src=”puppy.jpg” alt=”Czarna koszula Fajna koszula dla chłopców
• Chłopiec projektuje Chłopięca koszulka Czarna Niesamowite koszule Koszule bez rękawów Cool Dude Shirts”/> ( nadzienie ze słowami kluczowymi)
• Lepiej : <img src= „BMW-i8-White.jpg” alt= „BMW i8 czarny” />
• Najlepsze : <img src=”Tesla-model-s-red.jpg” alt=”Model s Tesla Red Color”/>

Google zaleca użytkownikom testowanie treści przy użyciu wolnego połączenia sieciowego i audytu dostępności.

Ponieważ Google ułatwił swoim konsumentom wiele atrybutów i wskazówek, istnieją inne wymagania techniczne dotyczące lepszego indeksowania obrazów.

Użyj znacznika obrazu <img>

Google analizuje kod HTML Twojej strony pod kątem indeksowania obrazów, ale nie może indeksować CSS. Dodawanie obrazów w CSS do wyświetlania jest bezużyteczne, ponieważ Google nie może ich zindeksować. Dlatego Google zaleca stosowanie znaczników semantycznych w celu lepszego indeksowania.

• Źle: <div style=”obraz-w tle: URL(crikcet_bat.jpg)”>Szary Nikols Balister</div>
• Dobrze: <img src=”crikcet_bat.jpg” alt=”Szary Nikols Balister” />

Formaty obrazów obsługiwane przez Google

Obrazy Google obsługują tylko następujące formaty obrazów do indeksowania

• BMP
• GIF
• JPEG
• PNG
• WebP
• SVG.

Responsywne obrazy

Dodanie responsywnych obrazów poprawi wrażenia użytkownika dla Twojej strony internetowej. Użytkownicy mogą korzystać z responsywnych obrazów na różnych urządzeniach, tworząc najlepsze wrażenia użytkownika.

Ponieważ istnieje bezpośredni związek między lepszym doświadczeniem użytkownika a rankingiem, responsywne obrazy są teraz czynnikiem optymalizacji obrazu.

Najwyższym priorytetem menedżera eCommerce jest zapewnienie jak najlepszych doświadczeń użytkownika dla swoich klientów. Doświadczenie użytkownika obejmuje responsywne projekty, szybkość ładowania i zoptymalizowane obrazy.

Dodatkowe wskazówki dotyczące optymalizacji:

Wspomniane powyżej są podstawowymi technikami optymalizacji obrazu, które należy uwzględnić. Poniższe techniki mogą w nowy sposób ulepszyć optymalizację obrazu:

Tekst generowany automatycznie

Obrazy Google automatycznie generują link tytułowy i fragment tekstu wyjaśniający wyniki wyszukiwania zapytania użytkownika. Te wyniki tekstowe pomogą użytkownikom zrozumieć, czy obrazy są zgodne z ich intencjami.

Do generowania tych linków i fragmentów Google korzysta z kilku źródeł, takich jak metadane, opisy tytułów i metatagi. Poniżej przedstawiono najlepsze praktyki Google dotyczące generowania linków do tytułów i fragmentów tekstu, aby zapewnić użytkownikom lepsze wyniki:

• W każdym tagu tytułu <title> strony internetowej powinien znajdować się określony tytuł
• W <tytule> powinien znajdować się opisowy i zwięzły tekst
• W tagu tytułu nie powinno być żadnych tytułów, takich jak „Dom” lub „Profil”.
• W tagu tytułu strony internetowej powinny znajdować się odrębne słowa kluczowe. Wyraźny tekst tytułu pomoże użytkownikowi zrozumieć i rozróżnić strony internetowe dla e-commerce.
• Tytuł Twojej strony internetowej może być również miejscem na branding Twojej witryny. Możesz dodać opis swojej firmy, aby podać dodatkowe informacje.

<title>Facebook – miejsce do łączenia ludzi</title>

• Tekst tytułu Twojej strony internetowej powinien być czytelny, ponieważ Google będzie korzystać z następujących źródeł do generowania linków tytułowych lub fragmentów, takich jak
  • Treść w tytule tagu
  • Wizualny tytuł jest wyświetlany na stronie internetowej
  • Elementy nagłówka
  • Tekst zakotwiczenia
  • Tekst w linkach przekierowuje na inne strony.
• Ten sam skrypt powinien być używany jako główny skrypt na Twojej stronie internetowej. Boty Google łączą tytuł strony ze stroną podstawową. Jeśli Google stwierdzi, że tytuł strony nie pasuje do podstawowego skryptu, wygeneruje nowy plik tekstowy.
• Poza tym niezbędne jest sprawdzenie, czy zezwolono na indeksowanie wszystkich wyszukiwarek. Jeśli Google nie uzyska dostępu do Twojej strony, użyje atrybutów spoza strony do generowania plików tekstowych.

Dodawanie wyróżniających się odznak

Dodanie danych o strukturze spowoduje wyświetlenie obrazów jako wyników rozszerzonych. Te wyniki z elementami rozszerzonymi będą wyświetlane wraz z widoczną plakietką, która zapewni użytkownikom odpowiednie informacje.

Jak na powyższym obrazku, możesz zrozumieć, że obraz kija do krykieta pochodzi ze strony internetowej, która sprzedaje ten kij. Jeśli użytkownicy chcą kupić nietoperza, mogą kliknąć w obrazek, przekierowując go na stronę transakcyjną.

Google zapewnia wytyczne dotyczące wyświetlania danych strukturalnych:

• Strony internetowe muszą być oznaczone jednym z trzech obsługiwanych formatów graficznych:
  • JSON-LD
  • Mikrodane
  • RDFa
• Byłoby najlepiej, gdybyś nie zablokował bota Google do strukturyzacji stron danych za pomocą jakichkolwiek środków kontrolnych
• Podaj aktualne informacje, ponieważ wyniki z elementami rozszerzonymi nie będą zawierać starych informacji
• Nie używaj uporządkowanych danych do wprowadzania w błąd informacji
• Dane struktury muszą dostarczać dokładnych lub istotnych informacji o zawartości strony
• Upewnij się, że podałeś odpowiednie informacje, które Google kategoryzuje w następujących plakietkach:

• Artykuł
• Książka
• Bułka tarta
• Karuzela
• Kurs
• Zbiór danych
• Edukacja – pytania i odpowiedzi
• Ocena łączna pracodawcy
• Szacowane wynagrodzenie
• Wydarzenie
• Weryfikacja faktów
• FAQ
• Zajęcia domowe
• Jak
• Metadane obrazu
• Oferta pracy
• Film szkoleniowy
• Lokalna firma
• Logo
• Rozwiązywanie matematyki
• Film
• Podcast
• Ćwicz problemy
• Produkt
• Pytania i odpowiedzi
• Przepis
• Fragment recenzji
• Pole wyszukiwania linków do podstron
• Aplikacja oprogramowania
• Mówić
• Subskrypcja i treści płatne
• Wideo

• Najlepiej byłoby, gdybyś spróbował użyć najbardziej szczegółowych kategorii dla odznak.

Google przypisuje widoczne plakietki, jeśli użytkownicy mogą postępować zgodnie z wytycznymi.

Mapy witryn z obrazami

Na stronie można również podać adresy URL obrazów. W tym celu należy również dołączyć do obrazu mapy witryn, w przeciwnym razie Google nie zrozumie ani nie zlokalizuje Twojego pliku.

Mapy witryn z obrazami zawierają obrazy z innych domen i wymuszają ograniczenia międzydomenowe. Ograniczenie międzydomenowe umożliwi korzystanie z systemu dostarczania treści (CDS), który pomoże zmniejszyć obciążenie serwera, poprawić wydajność witryny i umożliwić segmentację odbiorców w oparciu o analizy.

<?xml version=”1.0″ kodowanie=”UTF-8″?>

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"

xmlns:image=”http://www.google.com/schemas/sitemap-image/1.1″>

<url>

<loc>http://example.com/sample1.html</loc>

<image:image>

<image:loc>http://example.com/image.jpg</image:loc>

</image:image>

<image:image>

<image:loc>http://example.com/photo.jpg</image:loc>

</image:image>

</url>

<url>

<loc>http://example.com/sample2.html</loc>

<image:image>

<image:loc>http://example.com/picture.jpg</image:loc>

</image:image>

</url>

</urlset>

Optymalizacja Apimio

Istnieje oprogramowanie do zarządzania informacjami o produkcie o nazwie Apimio, które może pomóc w analizie i zrozumieniu, czy obraz jest zoptymalizowany, czy nie. Nasz PIM wykonuje następujące zadania, aby poprawić wrażenia użytkowników Shopify.

Apimio sprawia, że ​​każda część Twojej podróży produktowej jest bardziej wydajna. Rozpoczęcie pracy ze zoptymalizowanymi danymi produktów w sklepach internetowych nigdy nie było szybsze i łatwiejsze. Umożliwia użytkownikom Shopify importowanie danych produktów zbiorczych i poprawę optymalizacji.

Nasz PIM analizuje obrazy i zwraca wynik optymalizacji na podstawie parametrów. Następujące atrybuty Analiza Apimio PIM

1. Wymiary obrazu
2. Format
3. Rozmiar

Z tych obrazów jest oceniany na podstawie ich cech. Jeśli jakiekolwiek dwie wymienione funkcje nie zostaną ukończone, będzie to obraz w 100% niezoptymalizowany i na odwrót.

Powyższy obraz jest przykładem ekranu pokazującego, że atrybuty takie jak format pliku, rozmiar i wymiary nie są zgodne ze standardami optymalizacji.

Co więcej, Shopify ułatwia również użytkownikom korzystanie z wtyczki kosztującej około 2 USD. Pozwala użytkownikowi automatycznie zmieniać rozmiar i kompresować obrazy, oszczędzając czas na kompresowanie i zmianę rozmiaru tysięcy obrazów.