Wytyczne dotyczące grafiki Google, reguły AMP i obrazy uporządkowanych danych

Nowe wytyczne Google dotyczące obrazów, zasady AMP i dodawanie obrazów uporządkowanych danych

Ostatnia aktualizacja 28 sierpnia 2020 r.

Postępy w wyszukiwaniu wizualnym kształtują sposób dodawania obrazów do witryny oraz wszelkie formy treści wizualnych.

Głównym celem każdej reklamy jest umożliwienie oglądającej ją osobie, aby była w stanie szybko rozpoznać i dopasować do oferowanego produktu lub marki. Dziś trzeba wziąć pod uwagę coś więcej niż tylko standardowy rozmiar obrazu witryny. Według Google starają się przedstawiać wyniki wyszukiwania grafiki Google ze stron, które są autorytatywne.

Co więcej, ludzie najpierw przyciągają się do obrazów szczęśliwych twarzy; tekst drugi. Wizualizacje muszą być połączone z technicznymi czynnikami SEO, które obejmują wymagania dotyczące wymiarów zdjęć, wymagania dotyczące wagi obrazu i odpowiednią implementację danych strukturalnych w celu marketingu ukierunkowanego na wyniki. Na przykład nowy rozmiar obrazu dla akceptowalnego schematu przepisu to minimum 185 x 185 pikseli. Podczas gdy odwiedzający witrynę preferują strony z obrazem, kiedyś można było go nie mieć. Teraz Google mówi: „Każda strona musi zawierać co najmniej jeden obraz (niezależnie od tego, czy zawiera znaczniki)”. A jeśli chcesz uzyskać polecane fragmenty, potrzebne jest ustrukturyzowane podejście SEO z pewnymi nowymi sugestiami dotyczącymi wymiarów obrazu. Stosując się do nowych wytycznych Google dotyczących obrazów, reguł AMP i korygując wszczepianie ustrukturyzowanych obrazów danych.

Nasz cel pisania tego artykułu koncentruje się głównie na wytycznych dotyczących obrazów Google i wytycznych dotyczących obrazów przyspieszonych stron mobilnych (AMP). Jest to odpowiedź na wielu webmasterów i właścicieli witryn, którzy proszą o szczegóły dotyczące wyboru obrazu i optymalizacji obrazu pod kątem treści witryny i potrzeb marketingu cyfrowego. Odpowiadamy na często zadawane pytania dotyczące wizerunku, zwłaszcza dotyczące reklamy w świecie mobile-first .

Jakie są najważniejsze wskazówki dotyczące obrazów, które należy wiedzieć?

* Obrazy powinny mieć co najmniej 1200 pikseli szerokości, jeśli ich wysokość wynosi 800 pikseli, na dzień 26 maja 2020 r. To kwestia matematyki.

* Każda strona musi zawierać co najmniej jeden obraz (niezależnie od tego, czy zawiera znaczniki). Google wybierze najlepszy obraz do wyświetlenia w wynikach wyszukiwania na podstawie proporcji i rozdzielczości.

* Adresy URL obrazów muszą być możliwe do zindeksowania, mieć sens, odnosić się do posta i być indeksowalne.

* Obrazy muszą przedstawiać treść oznaczoną.

* Obrazy muszą być w formacie BMP, GIF, JPEG, PNG, WebP i SVG, aby można było zaimplementować JSON-LD w schemacie eCommerce . Deweloperzy mogą również umieszczać obrazy w tekście jako identyfikatory URI danych. Identyfikatory URI danych umożliwiają dołączenie pliku, takiego jak obraz, w wierszu, ustawiając źródło elementu img jako ciąg zakodowany w Base64.

* Aby uzyskać najlepsze wyniki, należy dostarczyć wiele obrazów o wysokiej rozdzielczości (minimum 800 000 pikseli przy mnożeniu szerokości i wysokości) o jednym z następujących współczynników proporcji: 16×9, 4×3 i 1×1.

Pamiętaj, że Google może w każdej chwili zaktualizować swoje wymagania i wytyczne dotyczące obrazów. Zachowaj zwinny plan marketingowy, który będzie się zmieniał w razie potrzeby. Znajdź błędy rozmiaru obrazu AMP w statystykach Google Search Console , korzystając z inspektora adresów URL i nowych raportów.

Sposób, w jaki Google i inne wyszukiwarki nadal rozwijają się w wyszukiwaniu obrazów, znajduje odzwierciedlenie w nawracaniu adresów URL w SERP, które wyświetlają wyskakujące okienko obrazu. Wolno ładujące się, ciężkie lub nieprawidłowo sformatowane obrazy są często problematyczne w raportach Core Web Vitals . Sposób wykorzystania obrazów w witrynie ma duże znaczenie dla korzystnych wyników wyszukiwania na urządzeniach mobilnych — nie chcesz, aby ludzie chcieli, aby obraz się wczytał. Możesz je całkowicie stracić.

Gdzie należy umieścić wyróżniony obraz na stronie internetowej?

Umieść wyróżniony obraz jako pierwszy lub wysoko na każdej stronie internetowej.

24 września 2018 r. Google ogłosił, że zmienił swój algorytm wyszukiwania obrazów, aby wyświetlać zdjęcia w oparciu o autorytet strony internetowej jako czynnik, na którym będzie polegał. Stare lub niedawne treści mają również wpływ na to, jak Google ocenia umieszczenie obrazu na stronie. Oznacza to, że obrazy, które umieszczasz wyżej na stronie, są bardziej cenione przez Google.

Jeśli obserwujesz zmiany w wyświetlaczach SERP, wiesz już, że gigant technologiczny traktuje obrazy jako ważny element. Google napisał:

„W ciągu ostatniego roku zmieniliśmy algorytm Grafiki Google, aby pozycjonować wyniki, które zawierają zarówno świetne obrazy, jak i świetną treść na stronie. Po pierwsze, autorytet strony internetowej jest teraz ważniejszym sygnałem w rankingu. Jeśli szukasz półek dla majsterkowiczów, witryna za obrazem jest teraz bardziej prawdopodobnie witryną związaną z projektami DIY. Priorytetowo traktujemy również świeższe treści, więc istnieje większe prawdopodobieństwo, że odwiedzisz ostatnio zaktualizowaną witrynę.

Nie tak dawno temu, jeśli odwiedziłeś stronę internetową obrazu, może być trudno znaleźć konkretny obraz, którego szukałeś, gdy tam dotarłeś. Teraz priorytetowo traktujemy witryny, w których obraz znajduje się centralnie na stronie i wyżej na stronie. Jeśli więc chcesz kupić konkretną parę butów, strona produktu poświęcona tej parze butów będzie miała priorytet nad, powiedzmy, stroną kategorii przedstawiającą różne style butów”.

Marketing wizualny, który dociera do sedna tego, czym jest Twój świat biznesu

W jaki sposób obrazy pomagają wspierać rozwój firmy?

Obrazy niskiej jakości źle odzwierciedlają Twoją markę. Obrazy wysokiej jakości informują konsumenta, że ​​Twoja marka jest osobista i godna zaufania. W inteligentny sposób obrazy mogą przyciągnąć znaczną liczbę odwiedzających do Twojej witryny. Atrakcyjne obrazy zachęcają do udostępniania społecznościowego i interakcji z marką, a ostatecznie pomagają osiągnąć cele biznesowe.

Praca z obrazami, której wynikiem jest zaawansowana wizualizacja, pomaga odwiedzającym witrynę identyfikować się z Twoją firmą i produktami. Odpowiednie, ekscytujące i angażujące emocjonalnie obrazy są istotnym atutem mediów dla rozwoju firmy . Niektórzy marketerzy cyfrowi uważają to za zniechęcające, ponieważ pojawiają się nowe wytyczne dotyczące używania obrazów wraz ze złożoną potrzebą uzyskania dostępu do sposobu, w jaki obrazy wytwarzają przeżycia emocjonalne. Wybór obrazów dla stron produktów i usług online może rozpocząć się od poniższych informacji; ochroni Cię przed dokonywaniem złych wyborów i na dłuższą metę zaoszczędzi czas, grzywnę lub karę za produkt schematu .

Załóżmy, że ciężko pracowałeś, aby stworzyć właściwy wizerunek firmy, a teraz chcesz wykorzystać swój wizerunek firmy, aby zwiększyć widoczność i przychody swojej marki biznesowej. Jeśli nie wiedziałeś o tym wcześniej, nadszedł czas, aby zapoznać się z najnowszymi specyfikacjami obrazu, zasadami i ostrzeżeniami. Być może zdobyłeś setki 5-gwiazdkowych recenzji dotyczących opieki zdrowotnej , aby poprawić wyniki wyszukiwania, ale nadal potrzebujesz ciężko pracujących obrazów.

Google Rolls w obsłudze metadanych IPTC dla obrazów Google

„W ramach współpracy między Google, konsorcjum branży fotograficznej CEPIC i IPTC, globalnym organem ds. standardów technicznych dla mediów informacyjnych, możesz teraz uzyskać dostęp do metadanych obrazów związanych z prawami w Google Images”. - Google*******

Tak więc od 27 września 2018 r. Google „dodał metadane twórcy i kredytu, gdy są one obecne w obrazach w Google Images”. Wskazały również, że metadane informacji o prawach autorskich będą dostępne w przyszłości.

Specyfikacje obrazu dla reklam Google AdWords

Reklamy graficzne przyciągają uwagę kupujących w powszechnie używanych. Właściwy obraz może wyświetlić Twój zidentyfikowany cel w rozległej sieci reklamowej Google, składającej się z około 2 milionów witryn i aplikacji. Dlatego chcesz, aby Twoje obrazy wyglądały świetnie z bliska i szybko się ładowały.

W tym scenariuszu użycia obrazu istnieją specyfikacje wymiarów i wagi. Menedżerowie kont AdWords mogą przesyłać reklamy graficzne z ogromnej gamy określonych wymiarów obrazów za pośrednictwem Edytora AdWords. Obecnie limit rozmiaru obrazu dla wszystkich reklam graficznych AdWords wynosi 150 kilobajtów. Do tej pory Edytor słów nie obsługiwał obrazów o podwójnym rozmiarze (na przykład obrazu o wymiarach 1024 x 90 w boksie reklamowym o wymiarach 512 x 45) dla urządzeń wyświetlających o wysokiej rozdzielczości.

Czasami współpracujemy z zespołem, który woli zaprojektować obrazy pod kątem rozmiarów reklam displayowych Google, a nie zlecić komuś wykonanie grafiki reklamowej. W takim przypadku jasne instrukcje dla grafika powinny zawierać informację, że produkt końcowy powinien być w formacie JPEG, SWF, PNG lub GIF. Obecnie są to jedyne dopuszczalne formaty reklam PPC.

Pamiętaj, jak Twoje reklamy wyświetlają się na urządzeniach mobilnych i zacznij od formatów graficznych banerów, które klika większość użytkowników. Niektóre wymagania dotyczą również reklam graficznych i reklam HTML5. Twój specjalista ds. PPC będzie wiedział, jakie specyfikacje obrazu są potrzebne i które z testów A/B pokazują, jak treść obrazu wpływa na zaangażowanie w telefony komórkowe .

Obrazy muszą być reprezentatywne dla wszystkich słów kluczowych i reklam znalezionych w określonej grupie reklam w przypadku korzystania z rozszerzeń graficznych. Ponadto zdjęcia produktów muszą być wystarczająco wysokiej jakości, aby można je było przekonwertować.

OSTRZEŻENIE: firmy mogą spotkać się z ostrzeżeniem Google o wprowadzaniu w błąd, jeśli uznają, że chroni ono użytkowników. Obrazy z tekstem powinny być zgodne. „Nie zezwalamy na reklamy ani miejsca docelowe, które mają na celu oszukać użytkowników, wykluczając istotne informacje lub podając wprowadzające w błąd informacje o produktach, usługach lub firmach”, stwierdza platforma reklamowa Google**********.

Jeśli to możliwe, nazwij adresy URL obrazów za pierwszym razem.

„Jeśli zauważymy zmiany w adresach URL w odniesieniu do osadzonych obrazów, będziemy musieli zacząć i najpierw ponownie przeszukać te obrazy, ponownie je przetworzyć, ponownie zindeksować i ponownie przygotować do wyszukiwania obrazów”. – John Mueller z Google

Wytyczne dotyczące obrazów na stronach AMP

Strony docelowe AMP są bardziej zaawansowane, ponieważ obsługują zarówno zapytania o media, jak i zapytania o elementy. Nie tylko to, ma również unikalny wbudowany proces, który może kontrolować układ poszczególnych elementów, takich jak obrazy. Google zachęca teraz webmasterów do myślenia w kategoriach proporcji obrazu. Współczynnik proporcji to proporcjonalna relacja między szerokością i wysokością określonego obrazu. Zwykle jest to dwie liczby oddzielone znakiem x — na przykład 16 x 9 lub 4 x 3. Dostosowując zdjęcia przy użyciu współczynników proporcji, zachowujesz nienaruszoną rozdzielczość obrazu.

Responsywne obrazy dla wersji AMP Twoich stron i postów

W przypadku responsywnych obrazów na AMP „szerokość i wysokość nie muszą dokładnie odpowiadać szerokości i wysokości amp-img; te wartości muszą po prostu skutkować tym samym współczynnikiem proporcji. Na przykład, zamiast określać szerokość=”900″ i wysokość=”675″, możesz po prostu określić szerokość=”1,33″ i wysokość=”1″, zgodnie z jego dokumentacją. Jeśli wynająłeś profesjonalnego fotografa, aby uzyskać własne unikalne zdjęcia, upewnij się, że masz elastyczność podczas korzystania z nich online. Nie chodzi o to, czy fotograf chce je przyciąć; chodzi o to, czy zdjęcie wymaga przycięcia.

Konfiguracja układu AMP wymaga proporcji obrazu, aby poprzedzić konieczność pobrania obrazu; jednak w sytuacjach, gdy wymiary obrazu są nieznane, aby zachować wymagane proporcje obrazu, połącz układ wypełnienia AMP z właściwością CSS object-fit. Dodaj atrybut srcset dla gotowych obrazów siatkówki. X reprezentuje stosunek pikseli urządzenia. Następnie obraz 2x zostanie wyrenderowany na urządzeniach o współczynniku 2px.

Prosty amp-img oparty na amphtml otrzyma stałą szerokość i wysokość. Podczas używania większego obrazu na małym urządzeniu część tego obrazu będzie widoczna poza ekranem. Witryna AMP Ready zawiera przykłady skalowania obrazów, a menedżer układu AMP ułatwia to. Bez uwzględnienia AMP można po prostu ustawić maksymalną szerokość na 100% i wysokość auto, aby oryginalny rozmiar obrazu był używany, dopóki widoczny obszar nie będzie zbyt mały. Następnie grafika jest odpowiednio zmniejszana, proporcjonalnie, dla mniejszych ekranów. AMP wymaga dodatkowego procesu myślowego dla Twoich obrazów.

Środowisko wykonawcze AMP HTML jest bardzo wydajne w zarządzaniu zasobami obrazów, wiedząc, kiedy najlepiej opóźnić lub nadać priorytet ładowaniu zasobów, określając pozycję widocznego obszaru, zasoby systemowe, siłę przepustowości, a także dodatkowe czynniki. Może również odtwarzać animowane obrazy GIF

Twoje obrazy mogą być wyświetlane z określoną, ustaloną wysokością i szerokością, którą im podałeś. Należy podać co najmniej wyraźną szerokość i wysokość. Dodanie różnych rozmiarów to plus. Następnie sprawisz, że będą responsywne, dodając layout="responsive" . Ponieważ <amp-img> zależy od kodu JavaScript, jeśli użytkownik zdecyduje się wyłączyć skrypty, Twoje obrazy nie będą wyświetlane. W tym scenariuszu możesz zapewnić rezerwę do obrazu, dodając <img> i <noscript> . Zobacz przykłady Firebase.

„AMP-IMG to zamiennik AMP HTML dla obrazów. AMP IMG to całkiem sprytny tag. Środowisko wykonawcze amp javascript nadaje priorytety obrazom na podstawie połączenia, okna wyświetlania, zasobów systemowych lub innych czynników. Większość obrazów jest ładowana leniwie. Oznacza to, że obrazy są ładowane tylko wtedy, gdy przewijają się do widoku”. – ampready.pl

„Ponieważ strony AMP są zwykle obsługiwane z pamięci podręcznej AMP, nie uzyskasz największych korzyści z progresywnej aplikacji internetowej przy pierwszym kliknięciu, ponieważ Twój własny Service Worker nie może działać. Z drugiej strony progresywna aplikacja internetowa nigdy nie może być tak szybka jak AMP przy pierwszym kliknięciu, ponieważ platformy mogą bezpiecznie i tanio prerenderować (bogate w obrazy) strony AMP”. – Rozbijający Magazyn********

Wymagania dotyczące logo AMP

Pliki zdjęć muszą być przesyłane w formacie rastrowym, takim jak .jpg, .png lub .gif; wektory, takie jak obrazy logo .svg, są niedozwolone.

Animacja nie jest dozwolona w logo.

Nie jest też pełnym logo słownym ani wersją logo ikony.

Grafika musi być czytelna i na białym lub jasnym tle. Brak czarnego tła.

Rozmiar logo powinien być prostokątem, zapisz wersję kwadratową do innych zastosowań, na przykład w wizytówce firmy Google.

Twoje logo AMP powinno mieścić się w prostokącie 60x600px. Społeczność AMP HTML zaleca, aby miała dokładnie 60 pikseli wysokości (preferowana) lub dokładnie 600 pikseli szerokości. Stwierdza, że ​​przykład logo 450x45px byłby niedopuszczalny, niezależnie od tego, czy mieściłby się w prostokącie 600x60px.

Jeśli korzystasz z wtyczki AMP dla WordPress, pamiętaj, aby wskazać swoje logo AMP. Jeśli tego nie zrobisz, możesz otrzymać błędy implementacji danych strukturalnych na swoich stronach AMP, ponieważ obecnie często konwertują one schemat artykułu na schemat posta na blogu.

Mobilne galerie obrazów korzystające z karuzeli AMP

Wiele osób słyszało pogłoski, że elementy stron galerii obrazów są znacznie ograniczone na przyspieszonych stronach mobilnych. Należy to obalić, ponieważ komponent amp-karuzela może być idealny do galerii obrazów – wymaga tylko określonych umiejętności. Karuzela wymaga wcześniejszego podania atrybutu wysokości. Może to być trudne, jeśli wyświetlane obrazy i podpisy są wysyłane w różnych rozmiarach i długościach. Twórcy AMP ciężko pracowali, aby rozwiązać ten problem.

Prawidłowa konfiguracja karuzeli obrazów AMP obejmuje:

• za pomocą komponentu amp-fit-text.
• importowanie komponentu karuzeli do nagłówka strony.
• wiedza o tym, jak korzystać z komponentu selektora wzmacniacza.
• integracja komponentu amp-bind.
• wykorzystanie komponentu amp-image-lightbox ze standardowym CSS, gdy chcesz otrzymywać aktualizacje stylu.

Galerie obrazów AMP mogą również zawierać napisy nakładające się na obraz i używać miniaturek jako podglądu wyboru obrazu.

Obrazy AMP Hero dla progresywnych aplikacji internetowych

Pierwszy główny obraz strony i odpowiadający mu nagłówek AMP można wyrenderować wstępnie, aby odwiedzający witrynę mogli natychmiast zobaczyć Twoje treści, ponieważ znajdują się one w części strony widocznej na ekranie. Jeśli śledzisz społeczność programistów internetowych, prawdopodobnie czytałeś o AMP z progresywnymi aplikacjami internetowymi (PWA). Jest to termin opisujący doświadczenia internetowe tak zaawansowane, że konkurują one z niezwykle bogatymi i wciągającymi aplikacjami natywnymi i wykorzystują „Retina”, obrazy z pełnym spadem. W przypadku połączeń mobilnych użytkownicy napotykają średnio 300-milisekundowe opóźnienie. W tym miejscu ładowanie obrazów AMP może pokonać inne ograniczenia, takie jak ograniczona przepustowość lub słabe połączenie sygnałowe.

Zmniejsz opóźnienia między użytkownikiem a treściami rozszerzonymi. Creative Commons GitHub oferuje wiele przykładów aplikacji typu elementu obrazu LD JSON.

Wstępnie wyrenderuj podstawowy układ na serwerze z leniwymi ładowanymi obrazami, aby poprawić funkcjonalność i tak dalej. Pamiętaj, że być może będziesz musiał zatrudnić lub zwerbować niezależnego kreatora wydajności front-endu. Niecierpliwi użytkownicy mobilni stawiają nas w obliczu całkowitego budżetu wydajności ładowania wynoszącego mniej niż 1 sekundę, aby faktycznie załadować wszystkie potrzebne obrazy podczas inicjowania aplikacji. To prawdziwe wyzwanie dla skutecznego SEO, jeśli chodzi o szybkość ładowania.

Specyfikacje obrazu dla uporządkowanych danych Google

Obrazy artykułów i wiadomości muszą mieć szerokość co najmniej 1200 pikseli. Aby uzyskać lepsze proporcje, zalecamy użycie obrazu o szerokości co najmniej 1200 pikseli i wysokości 800 pikseli. Marketing cyfrowy polega w dużej mierze na wydajności, więc jeśli planujesz ulepszyć swoje treści za pomocą znaczników schematu, przygotuj się na obrazy zgodnie z sugestiami Google. W przeciwnym razie ostrzeżenie o schemacie znalezione w Search Console lub podczas korzystania z SDTT może w przyszłości stać się błędami.

Na przykład schemat branżowy i kod JSON-LD firmy lokalnej dodały wymóg określenia obrazu logo na początku tego roku.

Google nigdy nie gwarantuje, że wszystkie Twoje obrazy zostaną wyświetlone w polecanych wynikach wyszukiwania, takich jak Pole szybkiej odpowiedzi, jego wykresy lub w Google News. Ale ścisłe przestrzeganie wymagań i podążanie za jego sugestiami zwiększy prawdopodobieństwo włączenia Twojej grafiki.

Po całej pracy związanej z wyborem niesamowitego obrazu będziesz chciał, aby korzyści płynące z jego prawidłowego oznaczenia.

Przykład: dla Artykułu → obraz: URL lub lista adresów URL wskazujących na reprezentatywne pliki obrazu. Obrazy muszą mieć co najmniej 160×90 pikseli i maksymalnie 1920×1080 pikseli. W przeciwnym razie nie będziemy mogli wyświetlić ich na stronie wyników wyszukiwania. W tej właściwości powinny znajdować się tylko oznaczone obrazy, które bezpośrednio należą do artykułu. Jeśli istnieje kilka odpowiednich obrazów, wymień je wszystkie, umieszczając na pierwszym miejscu najważniejsze obrazy. Możesz pójść o krok dalej i pobrać naszą listę kontrolną audytu witryny i Google Analytics .

Ściśle przestrzegaj specyfikacji obrazu dla obrazów produktów

Zastanów się nad skutecznością obrazów graficznych: pamiętasz kuszące obrazy „bycia fajnym”, jeśli palisz papierosy Camel? Następnie na odwrocie opakowania papierosów znajdują się ostrzeżenia zdrowotne o zagrożeniach, takich jak choroba dziąseł lub jamy ustnej lub rak jamy ustnej. Wyszukiwarka Google ma na celu lepsze interpretowanie treści strony i jej obrazów. Właściwy schemat obrazu dostarcza wyraźnych wskazówek na temat znaczenia obrazu i sposobu, w jaki wyjaśnia temat strony. Wiele rodzajów danych strukturalnych zawiera informacje o obrazach na stronie, które ułatwiają klasyfikację treści strony i zwracają najlepsze dopasowanie do zapytania użytkownika.

Podczas oznaczania produktów Google zaktualizował swoją stronę Wyszukiwarka produktów Google Developers *** 27 września 2017 r., oświadczając, że preferuje tablicę obrazów o różnych proporcjach. „Aby uzyskać najlepsze wyniki, należy zapewnić wiele obrazów o wysokiej rozdzielczości (co najmniej 50 tys. pikseli przy mnożeniu szerokości i wysokości) o następujących proporcjach: 16×9, 4×3 i 1×1”. Jednak proporcje obrazu działają dobrze w przypadku obrazów na Twoich stronach i postach, aby mieć większą szansę na pojawienie się w kanale Google News Feed. Wymagają również umieszczenia linku do obrazu logo w kanale.

„Przeszukiwanie obrazów uwzględnia obraz schema.org i og:image określone w treści HTML artykułu. W przypadku obrazu, który ma być miniaturą obok artykułu, zalecamy użycie schema.org lub og: image, aby wyraźnie zaznaczyć ten wybór”. - Google*

Dlaczego nowe wytyczne dotyczące stereotypów obrazów są ważne dla kupujących obrazy i twórców?

Czy Twoja obecność w Internecie mówi o przyjmowaniu ludzi bez względu na płeć, przedziały wiekowe, różnorodność etniczną, mieszankę osobistych preferencji, pochodzenie religijne i polityczne?

Lata badań marketingowych dowodzą , że wizualizacje są jednym z najskuteczniejszych i najskuteczniejszych sposobów na to. Zdjęcia, które firma lub marka wybiera do wykorzystania w swoich postach i płatnych kampaniach, są zazwyczaj aspektem, który najmocniej przemawia do większości odbiorców. Aby zarówno dotrzeć do szerszego grona odbiorców, jak i chronić swoją markę , ważne jest, aby być na bieżąco z nowymi zasadami dotyczącymi stereotypów płci w reklamach i wykorzystywania obrazów w witrynie.

Niedawny raport Urzędu ds. Standardów Reklamy (ASA) i Komitetów Praktyki Reklamowej (CAP) wzywa do zaostrzenia stanowiska w sprawie negatywnych stereotypów związanych z płcią, które często przedstawiają obrazy. „W latach 2015-2016 ASA rozpatrzyła 1378 skarg związanych z przedstawianiem kobiet i mężczyzn. Spośród nich 465 przypadków dotyczyło przedstawiania mężczyzn” – twierdzi Amelia Tait, która komentuje, dlaczego nowe zasady dotyczące obrazów zoptymalizowanych pod kątem sieci są korzystne dla wielu.

Z badania wynika również, że reklama na medycznych stronach internetowych może być problematyczna, jeśli zostanie użyty obraz: przedstawiający niezdrowy obraz ciała. Wyniki pokazują, w jaki sposób pacjenci lub osoby wyszukują wizualne informacje medyczne, zamiast klikać formularz zapytania w polu wyszukiwania i czytać tekst na stronie.

Raport końcowy „Obrazy, postrzeganie i krzywda” został opublikowany 18 lipca 2017 r., a „Dlaczego nowe zasady dotyczące stereotypów płciowych w reklamach przynoszą korzyści również mężczyznom” tego samego dnia opublikowała Amelia. „Do 2019 r. ponad połowa wszystkich wyszukiwań mobilnych będzie dotyczyła wyszukiwania wizualnego”, przewiduje, cytując raport

Aby potwierdzić ten trend, Lauryn Chamberlain, Associate Editor w GeoMarketing, stwierdza również, że „Szacuje się, że do 2020 r. około 50 procent wyszukiwań będzie pochodzić z obrazów i głosu” w swoim artykule z 25 lipca 2017 r. zatytułowanym Co marketerzy powinni wiedzieć o przyszłości Szukaj .

Rozszerz swój zasięg dzięki odpowiednim rozmiarom obrazów i metadanym

Aby uwzględnić pożądaną widoczność w pakiecie Google Maps Local Pack , musisz zwrócić uwagę nie tylko na rozmiar, ale także na inne wymagania, takie jak waga, i mądrze korzystać z metadanych.

Istnieje już wiele świetnych artykułów na temat „wytycznych dotyczących obrazów w reklamach na Facebooku”, „wytycznych dotyczących obrazów na Twitterze”, „wytycznych dotyczących obrazów w mediach społecznościowych”, „wymagań dotyczących obrazów produktów Amazon” i innych. Naszym celem jest skupienie się na tym, co jest potrzebne w wyszukiwarce Google i Google Ads.

Tak więc, wraz z pojawiającymi się nowymi wytycznymi, czy to w zakresie wymagań JSON-LD, czy ochrony kwestii płci, ważne jest, aby upewnić się, że używasz obrazów, które prezentują Twoją najlepszą postawę i demonstrują pozytywne podejście Twojej marki. Obrazy obsługują również karty Google Now . Działa to zarówno w celu okazania szacunku dla zmieniających się poglądów w społeczeństwie, jak i rozwiązywania technicznych problemów SEO, które mogą wynikać z niewłaściwego rozmiaru obrazu lub metadanych.

Czy moje obrazy powinny odzwierciedlać różnorodność?

Odzwierciedlaj różnorodność, aby dotrzeć do szerszej publiczności z obrazami, do których się odnoszą.

Zauważalny jest wzrost odsetka reklam, które charakteryzują się dynamiką rodzinną i biznesową. Mogą mówić wiele, oferując obraz mężczyzn i kobiet pracujących razem w trudnych fizycznie rolach, takich jak w wojsku; mężczyzna i kobieta biorący udział w tym samym sporcie lub zróżnicowany etnicznie tłum na imprezie.

Przedstawianie równości płci oraz tego, co dana osoba może lub nie może zrobić, jest jednym z najważniejszych komunikatów, które firmy muszą przedstawiać w swoich reklamach cyfrowych. Pomoże im to uzyskać uznanie za przestrzeganie najnowszych wytycznych i zapewni korzyści z reklam, które są bardziej atrakcyjne dla obecnych rynków.

Jak obrazy pojawiają się w SERP i Google News Feed

Szukałem jednego z moich opublikowanych postów, aby odpowiedzieć na pytanie klienta. Moje zapytanie „images for valid JSON-LD hill web creations” załadowało mnóstwo obrazów. Czy takie wyniki wizerunkowe to tylko szansa? Nie. Aby zmaksymalizować wkład obrazów w strategie rozwoju firmy, konieczne jest planowanie.

Twoja firma może zyskać silniejszą pozycję w internecie, jeśli będziesz mieć wpływ na to, jak Twoja marka będzie prezentować się na Grafie wiedzy , fragmentach wideo, kanałach wiadomości i innych fragmentach rozszerzonych w Google . Jedną z rzeczy, która wyróżnia się, jest to, że motyw kolorystyczny mojej witryny jest przenoszony na wybór użytych obrazów.

Pamiętaj o zaawansowanych kryteriach i sugestiach dotyczących obrazów Google

Google informuje, jak upraszcza wymagania dotyczące obrazów w kampaniach promujących aplikacje

Wejdzie w życie później w 2020 r., Google Ads zaktualizuje „ze specyfikacji obrazów opartych na rozmiarze na opartych na proporcjach, aby proces twórczy był prostszy i wydajniejszy. Aby skalować reklamy w odpowiednich właściwościach i formatach kampanii promujących aplikacje, wystarczy przesłać obrazy w trzech proporcjach:”

Ponadto maksymalny limit rozmiaru pliku obrazu jest dostosowywany w górę, aktualizując ze 150 KB do 5 MB. Wspiera to aktywa o wyższej jakości. Platforma PPC stwierdza również: „Przycinamy również nasze zatwierdzone formaty plików, wyłączając GIF-y i zachowując tylko .jpg i .png, aby ułatwić Ci kreatywne tworzenie”. Pojawiają się nowe karuzele obrazów, które pomagają konsumentom szybko zidentyfikować produkt, którym mogą być zainteresowani; znacznik schematu wyróżnia obrazy i może być przydatny do umieszczania obrazów produktów w karuzeli produktów . Ponadto użycie powiązanych semantycznie słów na stronach produktów może pomóc w lepszym wyjaśnieniu tego, co sprzedajesz.

Jakie wskazówki sugeruje Google, aby zapewnić najlepsze obrazy?

Wskazówki, jak wybierać obrazy, które spełniają wymagania, przyciągać nowych klientów, zachęcać do kliknięć, udostępniania i przekonać swoją niszę biznesową, że jesteś liderem:

• Kolory obrazu powinny uzupełniać Twoje logo, a nie konkurować z nim.
• W przypadku większości aplikacji komputerowych rozmiar powinien być poziomy.
• Wybierz obraz, który dobrze przedstawia temat Twojej strony.
• Wybierz obrazy, które odzwierciedlają to, kim jesteś, co zwiększa zaangażowanie użytkowników końcowych.
• Zachowaj właściwy ton, aby dopasować się do odbiorców.
• Pokaż osobowość swojej marki poprzez swój wybór.
• Zwróć szczególną uwagę na prawa własności obrazu i podawaj odpowiedni kredyt.

Czy responsywne obrazy w moim motywie są zgodne z wytycznymi?

Każdy motyw witryny posiada mechanizm wyświetlania obrazów. Nie każdy programista motywów jest na bieżąco z najlepszymi praktykami dotyczącymi używania obrazów w witrynie i zmianami w wytycznych dotyczących obrazów. Bądź proaktywny.

Ponieważ obrazy zużywają pojemność Twojej witryny szybciej niż prawie każdy element, pamiętaj, ile odmian rozmiaru obrazu jest dodawanych za każdym razem, gdy przesyłany jest jeden obraz. Pierwszą rzeczą, którą powinieneś wiedzieć — każdy obraz przesłany do Twojej biblioteki multimediów automatycznie utworzy kilka kopii (miniatur) o mniejszych rozmiarach (wymiarach w pikselach), jest to domyślny mechanizm WordPressa. Jakość takich kopii zależy od oryginalnych wymiarów obrazu i ustawień.

Jako właściciel firmy ostatecznie musisz przestrzegać wytycznych, między innymi poprzez zatrudnianie projektantów stron internetowych, sprzedawców cyfrowych i specjalistów Google Ads, którzy wiedzą i stosują tę wiedzę. Na przykład, czy powinieneś dodać znak wodny swojego logo do obrazu, gdy nie masz również praw, zgadnij, kto może w końcu zapłacić grzywnę?

Kreatywni specjaliści i projektanci stron internetowych uwielbiają tworzyć wspaniałe obrazy. Może się wydawać, że inteligentne tworzenie i dostarczanie lżejszych, szybszych i bardziej atrakcyjnych obrazów w najwyższej jakości wizualnej i najkrótszym czasie ładowania jest trochę kłopotliwe. Jeszcze dzisiaj zbyt mało projektantów stron internetowych tworzy przyspieszone strony mobilne , które mają dodatkowe specyfikacje dotyczące obrazów. Zawsze uważnie przyglądamy się, jak poprawić wykorzystanie obrazów w naszych audytach witryn o wysokiej wartości

Optymalizacja obrazu dla wyszukiwania wizualnego

Ponieważ coraz więcej użytkowników wypowiada swoje zapytanie i korzysta z wyszukiwarki grafiki Google, optymalizacja pod kątem wyszukiwarki grafiki Google jest ważna.

Według autora Michaela Millera, wyszukiwanie wizualne jest oparte zarówno na wizji komputerowej, jak i znacznikach schematów sprzedaży detalicznej , dzięki czemu wyszukiwanie w Internecie jest jeszcze lepszym i bardziej intuicyjnym sposobem robienia zakupów i znajdowania rozwiązań niż kiedykolwiek wcześniej. Artykuł „Gartner's Top 10 Predictions na rok 2018 i nie tylko” z 7 października 2017 r.] sugeruje, że w połączeniu z wyszukiwaniem głosowym ten trend marketingowy rewolucjonizuje sposób, w jaki ludzie szukają informacji, przeprowadzają badania informacyjne przed zakupem oraz odkrywają nowe produkty i usługi.

Warto zwrócić uwagę na prognozy graficzne, ponieważ wymusi to zmiany na Twojej stronie:

* Do 2019 r. ponad połowa wszystkich wyszukiwań mobilnych będzie wyszukiwana wizualnie lub aktywowana głosem.

* Do 2021 r. marki, które przeprojektują swoje witryny internetowe w celu obsługi wyszukiwania wizualnego i głosowego, zwiększą przychody z handlu cyfrowego o 30 procent do 2021 r.

* Zdjęcia, które można łatwo sfałszować w Photoshopie, przyczyniają się do braku zaufania. Ponad 90 procent najlepszych filmów wypuszcza aktorów „odmładzających”.

* Szybkość wczytywania strony będzie jeszcze bardziej istotna, wpływając na wybór zdjęć.

Zaawansowane metody rozpoznawania wzorców i uczenia maszynowego mają teraz szerokie zastosowanie w kontekście inteligentnego wyszukiwania obrazów. Więcej osób korzysta z wyszukiwania zaawansowanego Google, aby znaleźć to, czego szukają. Zarówno Amazon, jak i eBay przygotowują się do większej liczby wyszukiwań obrazów. eBay ogłosi dwie nowe funkcje wyszukiwania wizualnego oparte na sztucznej inteligencji dla swoich produktów, podczas gdy Amazon dodał teraz Rozpoznawanie obrazu do swojej podstawowej aplikacji na iOS. Funkcja wyszukiwania wizualnego Bixby Vision pozwala po prostu skierować kamerę na dowolny obiekt, a następnie wyszukać podobne obiekty online****. Chcesz, aby Twoje obrazy miały szansę zostać wyciągnięte. Twoja firma może osiągnąć nowy poziom efektywności marketingu.

Zarówno obraz, jak i odpowiadająca mu strona muszą zostać zindeksowane

Istnieje wiele kwestii związanych z ulepszaniem atrybutów witryny pod kątem wyszukiwania mobilnego . Aby Twoje obrazy znalazły się w wyszukiwarce grafiki Google, nie wystarczy tylko umieścić obrazy w internecie, sam obraz powinien znajdować się na stronie internetowej, którą można również zaindeksować. Jeśli rzeczywisty obraz lub towarzysząca mu strona, na której można znaleźć obraz, z jakiegoś powodu nie jest zindeksowana lub zindeksowana, Google nie wyświetli jej w wyszukiwarce grafiki.

Pracownicy Google, John Mueller, opowiedzieli o tym podczas wydarzenia pomocy Google dla webmasterów, które odbyło się 25 grudnia 2018 r. Odpowiedział na skargę dotyczącą trwałego obrazu istniejącego w wyszukiwarce grafiki Google, mówiąc:

Podejrzewam, że coś nie działa zgodnie z oczekiwaniami podczas usuwania Twojej strony internetowej. Aby obraz był wyświetlany w Grafice Google, potrzebujemy zindeksować zarówno obraz, jak i powiązaną z nim stronę docelową. Jeśli strona docelowa została usunięta (lub tymczasowo ukryta za pomocą narzędzia do usuwania), nie będziemy mogli również wyświetlić obrazu. Podejrzewam, że w grę wchodzi wiele adresów URL stron docelowych (czasami może to być trudne do zauważenia, z subtelnymi różnicami w adresach URL stron), a jeden z nich został usunięty, ale pozostałe są nadal zindeksowane. W takim przypadku postaraj się usunąć również inne strony docelowe, co powinno spowodować, że obrazy również nie będą wyświetlane (możesz też posunąć się dalej i usunąć adresy URL obrazów, jeśli znajdują się one w Twojej witrynie). Czasami wymaga to trochę praktyki, ale wygląda na to, że udało Ci się już usunąć jedną wersję, więc prawdopodobnie „tylko” musisz skupić się na dokładnych adresach URL i je również wyczyścić.

Konsumenci mogą używać przycisków filtrowania, aby znaleźć produkty

Wyszukiwarka grafiki Google często oferuje teraz przyciski filtrowania. Mogą one pojawiać się tuż nad wynikami wyszukiwania grafiki i pomagać użytkownikowi w doprecyzowaniu zapytania do określonego znaczenia. Na przykład, gdy wyszukuję hasło „czerwone buty na wysokim obcasie”, określiłem już dużo celu wyszukiwania. Dostaję jednak nowe opcje wyboru, takie jak „szpilka”, „ślub”, „bal”, „tanio” itp. To, jak dobrze wykorzystałeś znaczniki JSON, wpływa na dane, które dołączasz o zdjęciach produktów.

Google introduced this feature in November 2020. Its intent to help people that Google Images to find products, be inspired orinformed as they search visually.

Image Alt and Title Tag Optimization

First let's define what an alt tag so that all readers have this understanding. From there, both the title and alt tag should (1) useful, (2) descriptive, and (3) relevant. Now for tips and alt text best practices:

The term “alt tag” is a short way to reference what's actually an alt attribute on an img tag. For each and every image that is uploaded to your website, the alt tag should describe what that photo is about. Screen readers for the blind and visually impaired individuals will read out this text and thus make your image accessible. The purpose of alt tags on images is to be helpful to search bots that are trying to match both an image search and a voice search for content that is the best fit. These Alt tags provide vital image context and descriptive information to search engine crawlers.

• When you are adding an image of a specific product, onsite searches that users conduct can better locate the right item if you include both the full product name and the product's product ID in the alt tag. Skip “cutie” phrases and clever acrimony: if a keyword is beneficial when seeking something that is on the image, include it in the alt tag. Image alt attributes for SEO purposes work to describe to search bots details about the image or what the image references to if the image is a link. When the image is a link, the alt attribute functions like keyword anchor text by supplying an understanding of the context of the destination page to search bots. Images can have a lot to do with CRT and conversion rates on mobile .

• For key charts, images and infographics, it is possible to provide Google with additional details about your site's images. Google says, “provide the URL of images we might not otherwise discover, by adding information to a web Sitemap”. One SEO service we offer it to generate, test, and submit sitemaps; we can give you the benefit of a hard-working sitemap. Practical advice is that if you want Google to crawl your web pages and send relevant traffic, then adhere to both their guidelines and recommendations.

• Use engaging website titles: it is the first thing that searchers see because it is the big clickable part of the listing on visible search results pages. It should be able to attract the attention of the searcher. Ideally, the title should provide a compelling reason to click. Includes benefits, value, and clear solutions to one who conducted the search query.

• Limit the length of your image alt text to fewer than 125 characters. One alternative is to use captions, although sometimes we find that currently complicates the correctness of AMP page code. A JAWS screen reader struggles with lengthier alt attributes. It's simply more user-friendly to keep alt attribute length in check.

Google Warning: “Filling alt attributes with keywords (“keyword stuffing”) results in a negative user experience and may cause your site to be perceived as spam. Instead, focus on creating useful, information-rich content that uses keywords appropriately and in context.”

Image Copyright Implications

It is also important to consider the copyright implications of using images found when conducting an online search such as Google Images. Your first assumption should be that all images you may want to use are most likely to be protected by copyright. Not all of them are, but don't use them unless and until you have determined that it is allowed.

Google is a popular search engine that can be used to locate content such as images and photos; many people start a search this way. However, none of the leading search engines is a content depository, and nor a collection of the public domain or copyright-free images. While you may be directed to images and photo stock that fits your search criteria, it is not automatically yours to use.

What is IPTC Image Metadata?

The IPTC Photo Metadata standard is our current widely accepted standard due to its universal approval among photographers, distributors, news sites, archivists, and web developers. “The schema defines metadata structure, properties, and fields so that images are optimally described and easily accessed later”, according to the site.

Metadata is a set of understood data that defines and gives information about other data. It can be useful as an SEO technique to engage people searching for its contents. We find this is more common with images in the form of charts, graphs, and infographics.

Image metadata facilitates the transportation of information with an image file so that other software, hardware, search bots, and end users – regardless of the image format – can use it. ***********

Should you Use a Watermark on your Images?

In this area of image use, there is no “rule”.

As so often is true, it depends on your usage, if you hired a photographer, where you obtained the image from, and other factors. Google says, “people add copyright text, watermarks, or other information to their images. This kind of information won't impact your image's performance in search results, and does help photographers claim credit for their work and deter unknown usage. However, if a feature such as watermarking reduces the user-perceived quality of your image or your image's thumbnail, users may click it less often in search results”.

In our experience, for most purchased images, we leave it off as we didn't create the image; as well, our users, in general, seem to prefer imagery without text or logo overlays. If it is ours because we hired a photographer to showcase our office, products, an act of service, or selves while publicly speaking, etc., we may. If your preference is to use an image watermark, keep its size limited; it shouldn't become a focal point of the image. Also see our Search Marketing FAQs

Avoid watermarked images for your mobile AdWords advertising; let viewers focus only on the product.

Author Jon Fingas addresses this in the US internet providers stop sending piracy warnings article posted on January 28, 2017, and speculated that one reason the imagery pirate streams are becoming more common is due to the burgeoning profession of online media. “The MPAA claims that Americans illegally downloaded 981 million movies and TV shows in 2016,” let alone pictures!

WARNING: The RIAA stated that they believe that habitual image pirates should have to face discipline from their ISPs according to the Digital Millennium Copyright Act. The MPAA admits that it just couldn't handle the volume of “hard-core repeat infringer problem,” by leveraging the media industry's Copyright Alert System.

“For those trying to prevent image theft, the watermark might be a good example of keeping honest people honest. There are so many ways to suck an image off the Web these days that, if someone wants your image, they will find a way to take it. And, if they really want to claim your image as their own, there are ways, some painstaking, to remove watermarks, or one could simply crop out that section of the picture. Ultimately, the watermark offers limited success for theft prevention. If you don't want someone to steal your digital image, the best way to prevent that is to not put it on the Web.” – B&H: The Professionals Source******

Using Infographics as Images

What is the ARIA attribute and how does it work for Infographics?

The ARIA (Accessible Rich Internet Application) attribute is read along with alt text on an image, which also works for a long description. Currently avoiding the longdesc image attribute is most common since it isn't widely recognized as a useful SEO technique. The color contrast should be considered and tested. The Paciello Group offers a great tool**.

Infographics used as an image make it easy to share content. Their popularity continues to resurface regardless of some talk of users' preferring them less. When the Infographic is provided via HTML styled with CSS, Google's cache of the infographic text content of each page is richer. It is possible to offer it within an iframe with indexable text that may be hidden in a CSS clip in the iframe HTML.

Be sure that your graphic designer knows how to create an infographic using indexable text and links created with HTML and CSS. It is important to take every step you can to help get your site indexed faster .

Most of all: Images Should Prompt a Great User Experience

Great image content is one ideal way to increase the traffic to your website. Once you have adhered to the applicable guidelines for images, carefully consider just how each image can improve user interaction by providing value. Understanding the workload of both browsers and search engines makes sense of all this. Adhering to the following image best practices will increase the probability that your images will be returned in users' search results.

Best practices for image implementation on your web pages and posts:

• Image resolution. High-quality prints appeal to individuals using the Internet more than blurry, or images having too low of a resolution. In addition, many social media activists and webmasters prefer to link to a page with a visually appealing image, which can increase visits to your site and your domain authority. Crisp, sharp photos tend to display more favorably in thumbnail versions. This, in turn, means that an image featured in a link in SERPs is more likely to be clicked on by users.

• Reusing images. Seek to avoid using the same image on multiple pages on your site; a unique image for each retail landing page helps those who read it to relate to and remember information. This makes it easier to identify the content when returning to a page. When you do reuse an image, change up the titles and captions to tie in with each page.

• Featured images. In WordPress, featured images may be scaled to fit, so avoid a small image for this use. We recommend a minimum of 700px by 525px at the top of your pages and posts. Not all users scroll to the bottom of a page, particularly a lengthy informative article, which means it is best to place your images above the fold where it can be immediately seen. You can also create a dataset of your featured images and add schema to it.

• Image directories. A web designer who also values SEO will understand the value of structuring site directories so that comparable images are saved together. For example, you might have directory buckets by topic, or for thumbnail-sized images and another bucket for full-size images. Google advises that “if your site contains adult images, we recommend storing these in one or more directories separated from the rest of the images on your site.

• Specify width and height. A web browser is empowered to load your pages faster if it is provided the dimensions of each image in order to wrap non-replaceable elements around them. Specifying these dimensions is even more important for mobile users who consider the first aspect of a great user experience to be not kept waiting.

• Image proximity. Make it easy for your readers to follow the logic of your image selection and its value to the topic. Where it is inserted helps users to relate it to your page's content. “Wherever possible, it's a good idea to make sure that images are placed near the relevant text,” states Google's image publishing guidelines .

• Text in Images Often a great image is considered to be one that tells its own story and lets the reader's eye rest for the need to read text when viewing an image. However, when it is helpful, the WC3 community discusses SCALABLE VECTOR GRAPHICS (SVG) and provides a tool***.

• Give your images personality. As with Written Content, both users and Google live images that reflect personality and uniqueness. Formerly, B2B marketing content and images seemed to demand a trite “professional,” look that today has evolved into being seen as “impersonal, stale, and “less compelling.” Old-school stock photos have become so the norm that many quickly recognize them and label them boring. Use images that convey that you, a human being, are conversing with them. Not only does Google crawl and index web pages , but it also crawls your image URLs too. When someone conducts an image search, it can lead them to your business.

Create a uniform look. Let your readers recognize your brand “look”. Maintain some continuity in how you add images to your website. You don't need to use every size that Google says is permissible. Keeping a common image ratio throughout your site's post can represent a well-put-together business.

• Switch them up. You don't want to bore your return visitors with the same featured image on your home page for months as the seasons go by. Your visuals must evolve according to the manner that your users engage them. Your freshly curated great content deserves the perfect image to accompany and accentuate it. Ensure that your visuals are just as distinctive and authentic as your writing is so you can grow your reader base.

• Use Data Visualizations. Another way to support your opinions and the backbone of your content is to back it up with visuals of charts and tables. Data visualization quickly empowers your readers to understand our data more deeply. When you offer a documented image with a pie chart or bar graph, you helping others make better-informed decisions. They can be beautiful; with a bit of know-how, it is easy to generate your own visual presentation from an excel spreadsheet and color-coded the columns and rows to look beautiful on your web pages. Or credit the source from where you borrowed the image.

Conduct a consumer behavior study to know people's image preferences.

Add Image Optimizations to Your Build and Release Processes

An image snapped with your camera or smartphone often embeds a lot of extra details: camera settings, date, where it was taken, and so on. For some use cases, this data might be critical (such as, a photo-sharing website like Flicker) or provide no benefit at all. Be clear on what you need and consider removing everything else. Eliminating redundant image Metadata can save your tens of kilobytes that slow load time for every image.

Optymalizacje obrazu można wprowadzić w procesach kompilacji i wydawania, aby chronić Cię przed zapomnieniem i znacznym utrudnieniem jednej lub więcej stron.

Określenie optymalnych ustawień obrazów w witrynie wymaga kogoś, kto wie, jak najlepiej ocenić:

• Wymagania dotyczące wymiarów na aplikację
• możliwości formatowania
• zawartość zaszyfrowanych danych
• wymagana jakość obrazu
• wymiary w pikselach obrazu
• wiele plików graficznych dla różnych urządzeń

Ponieważ miniatury obrazów mogą pojawiać się w polach Ludzie też pytają i odpowiadają, sposób wykorzystania obrazów liczy się do włączenia przez silnik odpowiedzi Google.

Wytyczne Google dotyczące korzystania z elementu obrazu

Jak zacytował Pete LePagem, rzecznik programisty na stronie Google Developer's Image :

Element img jest potężny — pobiera, dekoduje i renderuje zawartość — a nowoczesne przeglądarki obsługują szereg formatów obrazów. Uwzględnianie obrazów działających na różnych urządzeniach nie różni się od komputerów stacjonarnych i wymaga tylko kilku drobnych poprawek, aby zapewnić dobre wrażenia.

TL; DR

• Użyj względnych rozmiarów obrazów, aby zapobiec ich przypadkowemu przepełnieniu kontenera.
• Użyj elementu picture , jeśli chcesz określić różne obrazy w zależności od cech urządzenia (inaczej kierunek artystyczny).
• Użyj srcset i deskryptora x w elemencie img , aby podpowiedzieć przeglądarce, jaki obraz ma być najlepszy przy wyborze z różnych gęstości.
• Jeśli Twoja strona zawiera tylko jeden lub dwa obrazy, które nie są używane w innych miejscach w witrynie, rozważ użycie wbudowanych obrazów, aby zmniejszyć liczbę żądań plików.

Użyj względnych rozmiarów obrazów

Istnieje wiele rodzajów audytów witryn, upewnij się, że przeanalizowano również rozmiary obrazów.

Pamiętaj, aby podczas określania szerokości obrazów używać jednostek względnych, aby zapobiec przypadkowemu przepełnieniu widocznego obszaru. Na przykład width: 50%; powoduje, że szerokość obrazu wynosi 50% elementu zawierającego (nie 50% widocznego obszaru lub 50% rzeczywistego rozmiaru w pikselach).

„Bez wizualizacji i analizy danych jesteśmy bardziej podatni na nieporozumienia i stracone okazje”. – Tablica*****

„Największą wartością obrazu jest to, że zmusza nas do zauważenia tego, czego nigdy nie spodziewaliśmy się zobaczyć”. – John Tukey, 1977

Czy lepiej jest użyć wersji obrazu jpeg czy webp?

Wybierając wersję jpeg lub webp dla swojego następnego #obrazu, wybierz to, co wpływa na przepustowość indeksowania – ale odwiedzający witrynę prawdopodobnie nie zauważy żadnej różnicy. Chyba że obraz spowalnia czas ładowania i nie chcą czekać, aby go zobaczyć.

W jaki sposób Google udostępnia fakty dotyczące obrazu?

Google zarządza obrazami i dodaje faktyczne dane poprzez:

• Zrozumienie szczegółów obrazu dzięki głębokiemu uczeniu, które ocenia sygnały wizualne i tekstowe obrazów
• Łącząc to ze zrozumieniem tekstu na stronie internetowej obrazu
• Następnie wygeneruj link do odpowiednich jednostek Grafu wiedzy

Z Obiektywu Google możesz korzystać w Zdjęciach Google i na swoim osobistym koncie Asystenta Google na większości telefonów z Androidem.

W ogłoszeniu z 8 lipca 2020 r. Google mówi: „Od tego tygodnia nowa funkcja ułatwia szybkie znajdowanie faktów na temat tego, co widzisz w Grafice Google . Gdy szukasz obrazu na telefonie komórkowym w Stanach Zjednoczonych, możesz zobaczyć informacje z Grafu wiedzy związane z wynikiem. Informacje te obejmowałyby osoby, miejsca lub rzeczy związane z obrazem z bazy danych Graph wiedzy zawierającej miliardy faktów, co pomoże ci dokładniej zgłębić temat”.

Jeśli dotkniesz określonego tematu, rozwinie się i ujawni krótki opis osoby, miejsca lub rzeczy, do której się odnosi; następnie może dodać link, aby dowiedzieć się więcej i wyświetlić powiązane tematy do zbadania.

Zauważyliśmy też, że ludzie pytają nas o wartość map witryn graficznych.

Czy powinienem używać mapy witryny z obrazami?

Ponieważ Twoje obrazy wspierają Twoje treści jako ważne źródło informacji, pomagają dostarczać wyszukiwarkom dodatkowe informacje o Twoich obrazach. Mapa witryny obrazów pozwala podać adresy URL obrazów i inne przydatne informacje. W mapach witryn z obrazami mogą być używane adresy URL z innych domen, w przeciwieństwie do zwykłych map witryn, które muszą być zgodne z ograniczeniami dotyczącymi wielu domen. Do hostowania obrazów można używać dysków CD (sieć dostarczania treści). W takim przypadku najpierw zweryfikuj nazwę domeny CDN w Google Search Console, aby błędy indeksowania obrazów mogły się prawidłowo rozprzestrzeniać.

Zmaksymalizuj zwrot z pieniędzy marketingowych dzięki odpowiednim zdjęciom

Dzięki sprawdzonym testom nasze skuteczne umiejętności marketingu w wyszukiwarkach mogą poprowadzić Twoją następną lokalną kampanię SEO, która będzie unikalna dla potrzeb i celów Twoich klientów. Z dumą pomagamy firmom zarówno „wyglądać” atrakcyjnie, jak i „być skutecznym” w marketingu cyfrowym Minneapolis i w całym kraju. Nasza analiza zachowań klientów może kierować Twoimi decyzjami marketingowymi. Aby pozyskać nowych klientów, zwiększyć przychody i rozwinąć swój biznes online, zadzwoń do nas, jeśli potrzebujesz wskazówek dotyczących wyboru najlepszych obrazów do wykorzystania.

Potrzebujesz partnera, aby upewnić się, że korzystasz optymalnie z obrazów online? Będziemy mieć na uwadze Twoje cele biznesowe, co sprawdza się na Twoim rynku, a także teorię kolorów i rolę elementów wizualnych w realizacji strony i podróży klienta. Możesz skorzystać z naszego wieloletniego doświadczenia; nasze podejście sprawdziło się i napędzało strumienie przychodów. I nie mam wątpliwości, że na własnym rynku odniesiesz taki sam sukces.

„Obrazy często stanowią większość pobranych bajtów na stronie internetowej, a także często zajmują znaczną ilość przestrzeni wizualnej. W rezultacie optymalizacja obrazów może często przynieść największe oszczędności bajtów i poprawę wydajności Twojej witryny: im mniej bajtów przeglądarka musi pobrać, tym mniejsza konkurencja o przepustowość klienta i tym szybciej przeglądarka może pobierać i renderować użyteczne treści na ekranie.” – Ilya Grigorik, autorka Google Fundamentals

Być może nigdy nie zgadłeś, że korzystanie ze zdjęć online ma tak wiele wytycznych dotyczących obrazów Google, zasad i najlepszych praktyk. Nie chodzi też o to, że jest to istotny aspekt tego, na czym polega SEO . W przypadku witryn, które już implementują najważniejsze typy danych strukturalnych , audyt schematu witryny określi poprawki w kodzie, aby upewnić się, że schemat obrazu jest poprawny, a także wszystko inne. Zwiększa to również prawdopodobieństwo, że Twoje obrazy pojawią się w skrzynkach odpowiedzi Google .

Zadzwoń pod numer 651-206-2410 i poproś o Jeannie Hill . Możemy to wszystko dla Ciebie omówić, utrzymując Twoją witrynę na bieżąco i zgodną z przepisami oraz sprawdzając, czy obrazy są dobrze zoptymalizowane dzięki naszemu pełnemu audytowi technicznemu witryny SEO

* https://support.google.com/news/publisher/answer/13369

** https://developer.paciellogroup.com/resources/contrastanalyser/

*** https://www.w3.org/Graphics/SVG/

**** https://insights.samsung.com/2017/06/09/4-ways-bixby-vision-uses-image-recognition-technology-to-pomóc-pracy-bez-granic/

***** https://www.tableau.com/learn/whitepapers/5-most-influential-visualizations

****** https://www.bhphotovideo.com/explora/amp/photography/tips-and-solutions/pros-and-cons-watermarks-photographs

******* https://www.blog.google/products/search/image-rights-metadata-google-images/

******** https://www.smashingmagazine.com/2016/12/progressive-web-amps/

********* https://developers.google.com/search/docs/data-types/product

********** https://support.google.com/adwordspolicy/answer/6020955

*********** https://iptc.org/standards/photo-metadata/