Prawidłowy rozmiar obrazu dla znaczników fragmentu kodu JSON-LD

Rozmiar obrazu na komputerach PC i AMP dla prawidłowego znacznika fragmentu kodu JSON-LD

Zaktualizowano 20.07.2021

Z tego artykułu dowiesz się, jak wybrać najlepszy rozmiar obrazu dla fragmentów rozszerzonych , które są testowane z prawidłowym kodem JSON, a także poznasz podstawowe sprawdzone metody dotyczące obrazów używanych na stronach internetowych i w postach.

Na niedawnym hangoucie dla webmasterów John Mueller z Google mówił o tym, jak gigant wyszukiwania planuje wykorzystać wyszukiwanie grafiki do bardziej transakcyjnych, bardziej edukacyjnych i związanych z wyszukiwaniem zadań w 2020 roku i później. Zauważyliśmy wzrost liczby obrazów w Rich Cards i innych fragmentów bogatych funkcji, które zawierają elementy wizualne i spodziewamy się, że będzie to kontynuowane. Oznacza to, że posiadanie prawidłowego rozmiaru obrazu jest ważniejsze niż kiedykolwiek.

przejdźmy od razu do kluczowych pytań.

Czy obrazy na stronach AMP mają wymagania dotyczące rozmiaru?

TAk. Każda strona internetowa powinna zawierać co najmniej jeden, a najlepiej wiele obrazów o wysokiej rozdzielczości, które mają co najmniej 800 000 pikseli przy pomnożeniu szerokości i wysokości. Aspekt szerokości powinien wynosić co najmniej 800px.

Co oznacza to ostrzeżenie: rozmiar obrazu mniejszy niż zalecany?

Strona zostanie oznaczona tym powiadomieniem i uznana za mniej niż idealną, ponieważ zawiera co najmniej jeden obraz o rozmiarze mniejszym niż zalecany. Zazwyczaj to ostrzeżenie jest pobierane z przedstawionego obrazu.

Jeśli Twoja firma chce zyskać widoczność na przykład w karuzeli Google News, najważniejszych artykułach lub karuzeli produktów, do prawidłowego układu wymagane są określone wymiary obrazu. Zapewnia również, że gdy osoba wyszukująca pojawi się na stronie, może spodziewać się wysokiej jakości obrazu, który będzie wspierał temat.

Jaka jest korzyść ze zgodności ze specyfikacjami obrazów AMP?

• Postępując zgodnie z tymi wskazówkami, Twoje artykuły z większym prawdopodobieństwem znajdą się w polecanych fragmentach i na górze wyników wyszukiwania. Nie wpływa na indeksację standardowych stron HTML.
• Spełniając minimalne zalecenia, Twoje treści multimedialne zwiększają Twoje szanse na pojawienie się artykułu w karuzeli AMP.
• Częściej niż kiedykolwiek ludzie rozpoczynają poszukiwania, przeprowadzając wyszukiwanie obrazów. honorując to, co najlepiej sprawdza się w wyszukiwarkach, aby znaleźć i wyświetlić Twoje treści, możesz zdobyć nowe interesy.

Czy obrazy logo mają również wymagania dotyczące rozmiaru dla stron AMP?

TAk. W przypadku stron AMP istnieją podstawowe wymagania dotyczące formatu, wymiarów i wypełnienia logo. Logo powinno zmieścić się w pudełku o wymiarach 60 x 600 pikseli; jednak będzie renderowany w karuzeli AMP w rozmiarze 16 x 160. Logo AMP musi mieć wymiary pudełka o wymiarach 60 x 600 pikseli.

OBRAZ LOGO STRONY

Aby zrozumieć nadrzędne wykorzystanie obrazów w schemacie, „logo” i „zdjęcie” są klasyfikowane jako podwłaściwości „obrazu”. Właściwe użycie oznacza uzyskanie większej kontroli nad tym, co znajduje się w Grafie wiedzy Google firmy .

Każda witryna ma logo (lub powinna je mieć), a prawidłowe oznaczenia logo pozwalają webmasterom powiedzieć Google, który obraz chcą wykorzystać w swoim Grafie wiedzy.

Wytyczne dotyczące obrazów Google mówią: „Możesz określić, którego obrazu Google ma używać jako logo Twojej organizacji w wynikach wyszukiwania i na Grafie wiedzy. Aby to zrobić, dodaj znacznik schema.org Organization do swojej oficjalnej witryny internetowej, który określa lokalizację preferowanego logo”.

Zdolność firmy do zwiększania swojej pozycji w SERP stale rośnie, a algorytmy Google w coraz większym stopniu opierają się na tej formie znaczników . Schema.org udostępnia listę swoich nowych wydań. Schemat dla obrazków jest dostarczany od jakiegoś czasu. W wersji 1.7 z 8 lipca 2014 r. stwierdzono: „To wydanie zmienia właściwość obrazu, zauważając, że ImageObject to rozsądna wartość”. I szybko się rozwija, więc firmy mają więcej możliwości wykorzystania znaczników.

Google aktualizuje wytyczne dotyczące obrazów uporządkowanych danych

Google stosuje bardziej ustrukturyzowane podejście ze szczegółami w obrazie uporządkowanych danych do wykorzystania w obrazach.

Zaczęliśmy tworzyć kopie ze strony produktów Google Devoloper, aby śledzić, jak te wytyczne są aktualizowane i porównywać odmiany. Przeprowadzając analizę zachowań konsumentów, obserwuj, który segment odbiorców trafia do Twojej witryny dzięki wyszukiwaniu grafiki.

Niezależnie od tego, czy chodzi o lokalną firmę, przepisy kulinarne, znakowanie produktów , książki, wydarzenia, filmy telewizyjne itp., każdy z nich wymaga teraz szczególnej uwagi w odniesieniu do wytycznych dotyczących obrazu. Niektóre typy danych zostały zaktualizowane z zalecanej właściwości do wymaganego typu.

Poprzednie wytyczne, które mieliśmy, były skąpe i mówiły niewiele poza dostarczeniem obrazu; jednak osoby wdrażające schemat muszą teraz stosować się do nowych wytycznych, które są znacznie bardziej opisowe. Jedna nowa wytyczna jest oczywista: „ Adresy URL obrazów muszą być możliwe do przeszukiwania i indeksowania ”.

Dawniej wystarczyło podać adres URL dla każdego obrazu. Teraz Google wskazuje, że chce „Powtarzane pole ImageObject lub URL”. Chociaż kilka naszych stron nie zawierało obrazu, nowe wytyczne mówią: „Każda strona musi zawierać co najmniej jeden obraz i nie określa, że ​​to dotyczy tylko stron i postów, które zawierają znaczniki schematu. Różnica może oznaczać, czy Twoje treści pojawiają się na popularnych kartach Google .

Google zaleca użycie content=”max-image-preview:large”, aby zachęcić do rankingu w Google Discover dla adresów URL innych niż AMP.

Google wykrywa podmioty internetowe z lokalnym obrazem

Google zagłębia się w mapowanie jednostek lokalnych i ujawnia, że ​​jest bliski przeniesienia wyszukiwania obrazów na zupełnie nowy poziom.

Ale teraz wiemy, że Google wybierze obraz, który preferuje do wyświetlania w wynikach wyszukiwania, biorąc pod uwagę proporcje i rozdzielczość każdego obrazu. Interesujące jest to, że teraz mówi się o „rozdzielczości”, co wskazuje na uznanie, że użytkownicy dużo dowiadują się o stronie na podstawie użytych na niej obrazów, a Google precyzuje, jakie czynniki mają znaczenie przy wyborze obrazu. Przeprowadź pełny audyt witryny, aby uzyskać szansę na poprawę sposobu, w jaki Twoje obrazy mogą być skuteczniej wykorzystywane w wyszukiwaniu wizualnym.

Każdy stary obraz nie jest przydatny dla widzów, więc oczywiście od początku wiedzieliśmy, że obrazy muszą odpowiadać treściom oznaczonym schematem. Wyraźną zmianą jest to, że Google ujawnia teraz, że preferuje szereg obrazów w różnych proporcjach. Podobnie jak świetne treści, Twoje obrazy powinny być zorientowane na klienta i przemawiać do odbiorców . Dowiadujemy się, że „Aby uzyskać najlepsze wyniki, należy zapewnić wiele obrazów o wysokiej rozdzielczości (minimum 800 tys. pikseli przy mnożeniu szerokości i wysokości) o następujących proporcjach: 16×9, 4×3 i 1×1”.

Jeśli używasz właściwości obrazu thumbnailUrl , w grę wchodzą te same wytyczne — w tym zalecenie dotyczące wielu współczynników proporcji. Nie wszystko poszło w kierunku konkretyzacji. Podczas gdy telewizja i filmy wcześniej potrzebowały obrazu o „minimum 140 pikseli szerokości na 210 pikseli wysokości i proporcjach 2:3”, obecnie takie specyfikacje są zastępowane przez nowe „standardowe” formaty obrazu, co oznacza wezwanie Google do „16× Proporcje 9, 4×3 i 1×1".

Webmasterzy, którzy stoją przed zadaniem cofnięcia, zaktualizowania i zastąpienia poprzedniego obrazu w celu dostosowania się do żądań Google dotyczących nowych danych strukturalnych , ucieszą się, że wytyczne dotyczące obrazów artykułów nie uległy zmianie. Zachowują tę samą specyfikację szerokości pikseli obrazu: adres URL obrazu, który jest reprezentatywny dla artykułu. Należy określić tylko oznaczony obraz, który bezpośrednio należy do artykułu. Dawniej obrazy musiały mieć co najmniej 696 pikseli szerokości; pamiętaj, aby być na bieżąco ze sprawdzonymi metodami Google, aby mieć większe szanse na wyświetlanie swoich zdjęć w Mapach Google .

OBRAZ ARTYKUŁU

Jak obecnie znajduje się dokładnie w Wytycznych Google: „ImageObject; wymagane (AMP), zalecane (inne niż AMP)

Dodatkowe wskazówki dotyczące obrazów:

• Należy określić tylko oznaczony obraz, który bezpośrednio należy do artykułu.
• Obrazy powinny mieć co najmniej 1200 pikseli szerokości (poprzednio 696 pikseli).
• 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 i indeksowania.
• Obrazy muszą przedstawiać oznaczoną treść.
• Obrazy muszą być w formacie .jpg, .png lub. format GIF.
• Aby uzyskać najlepsze wyniki, udostępnij wiele obrazów o wysokiej rozdzielczości (minimum 800 000 pikseli przy pomnożeniu szerokości i wysokości) o następujących proporcjach: 16×9, 4×3 i 1×1.

Jak uzyskać idealny artykuł, blog i obraz na blogu w postach Google?

Witryny e-commerce mogą zwiększyć sprzedaż z prawidłowym schematem obrazu produktu.

Oto jeden z przykładów tego, kiedy Twoja witryna może skorzystać na prawidłowym wykorzystaniu obrazów. Gdy nowy post jest publikowany w Google, może zawierać przyciągający wzrok obraz w generowanym linku. Google renderuje podgląd lub fragment kodu SERP, który dzisiaj składa się z tytułu strony, krótkiego opisu i miniatury, aby przyciągnąć uwagę widza.

Każdy obraz na stronie powinien mieć tag alt odnoszący się do tematu strony i obsługujący dopasowanie intencji wyszukiwania .

Google udostępnia szczegółowe informacje na temat renderowania obrazu artykułu .

Od 6 stycznia 2017 r. musieliśmy mieć znaczniki schematu obrazu z rozmiarem obrazu zgodnie z następującymi wytycznymi:

* Obraz ma co najmniej 400 pikseli szerokości

* Obraz ma proporcje nie szersze niż 5:2 (szerokość:wysokość).

Gdy obraz +Snippet nie wyświetla się

Google ujawnia potencjalny powód: „Obrazy, które są zbyt małe lub niewystarczająco kwadratowe, nie są uwzględniane w +Snippet, nawet jeśli do obrazów wyraźnie odwołują się mikrodane schema.org lub znaczniki Open Graph. W szczególności wysokość musi wynosić co najmniej 120 pikseli, a jeśli szerokość jest mniejsza niż 100 pikseli, proporcje nie mogą być większe niż 3,0”.

MINIATURA ROZMIARU OBRAZU WIDEO

Internauci podnoszą poziom konsumpcji treści wideo . Oznacza to dla Ciebie, że oznaczanie witryny za pomocą elementów wideo z ustrukturyzowanymi danymi pomoże wyszukiwarce semantycznej Google w uzyskaniu punktu wejścia do wyszukiwania i dopasowywania zapytań do odpowiednich filmów dostępnych online.

Należy podać thumbnailUrl , który wskazuje plik obrazu miniatury wideo, który może być wyświetlany na stronach wyników wyszukiwania (SERP). „Obrazy muszą mieć co najmniej 160×90 pikseli i maksymalnie 1920×1080 pikseli. Zalecamy obrazy w formatach .jpg, .png lub .gif. Wszystkie adresy URL obrazów powinny być możliwe do zindeksowania i indeksowania. W przeciwnym razie nie będziemy mogli wyświetlić ich na stronie wyników wyszukiwania” – stwierdza obecnie Google.

Oferowane są następujące sprawdzone metody dotyczące niestandardowej miniatury w zakresie rozmiaru i rozdzielczości obrazu wideo: „Twoja niestandardowa miniatura powinna być jak największa, ponieważ obraz będzie również używany jako obraz podglądu we wbudowanym odtwarzaczu. Polecamy Twoje niestandardowe miniatury:

* Mieć rozdzielczość 1280×720 (przy minimalnej szerokości 640 pikseli).

* Przesyłaj w formatach graficznych, takich jak .JPG, .GIF, .BMP lub .PNG.
Pozostań poniżej limitu 2MB.

* Spróbuj użyć współczynnika proporcji 16:9, ponieważ jest on najczęściej używany w odtwarzaczach i podglądach YouTube”.

Treści wideo to obrazy, które są zarówno dobrze widoczne, jak i pożądane przez internautów. Poświęć trochę czasu na wybranie obrazu okładki, który zapowiada zawartość wideo. Zmaksymalizuj wpływ swoich obrazów na stronie i w wynikach wyszukiwania, aby zwiększyć zainteresowanie i zachęcić użytkowników do zaangażowania.

KARUZELA OBRAZÓW AMP

Używa pliku amp-carousel-0.1.js i width: 100% . Koderzy polegają na carousel typów, aby wyświetlić listę obrazów o podobnej wielkości w postaci ciągłego paska. Komponent amp-carousel idealnie wykorzystuje mniejsze miejsca na ekranie smartfonów, aby umożliwić widzom mobilnym wybór spośród wielu podobnych miniatur treści oferowanych po kliknięciu obrazu wzdłuż jego osi poziomej.

Artykuł RelayMedia zatytułowany Spread the Carousel Love ** prowadzi, mówiąc: „Każdy wydawca, który ma wątpliwości co do AMP, powinien wziąć pod uwagę okazję, której mu brakuje. Zasadniczo nie ma ryzyka publikowania artykułów AMP i wiele można zyskać, jeśli chodzi o widoczność w wyszukiwaniu i naukę”.

Widzimy szersze wykorzystanie karuzeli obrazów produktów. To nieruchomości o wysokiej wartości dla autorów książek, filmowców, znanych osób i sklepów internetowych. Oczekuje się, że jego użycie będzie rosło.

Strona AMP według przykładów wykorzystuje 400 pikseli szerokości na 300 pikseli na wysokość dla każdego obrazu karuzeli.

GALERIA OBRAZÓW BEZ WZMACNIACZY

Strona bez AMP z galerią obrazów uporządkowanych danych

Jeśli Twoja witryna nie jest jeszcze gotowa na korzystanie z zalet AMP, strony inne niż AMP mogą również stać się wynikami z elementami rozszerzonymi na liście wyników z elementami rozszerzonymi SERP lub w karuzeli wyświetlającej podobne strony internetowe inne niż AMP. Wyniki z elementami rozszerzonymi mogą zawierać nagłówki i obrazy. Chociaż Google próbuje automatycznie wyodrębnić wystarczającą ilość informacji, aby witryny mogły kwalifikować się do takich funkcji, jeśli strona internetowa prawidłowo zaimplementowała dane strukturalne, może to pomóc wyszukiwarkom w lepszej interpretacji treści i zwiększyć prawdopodobieństwo uzyskania obrazu karty lub karuzeli obrazów. wynik. Dane schematu stały się podstawowymi praktykami SEO .

Miniaturowy obraz odnoszący się do Rzeczy


"primaryImageOfPage": {
"description": "Indicates the main image on the page.",
"$ref": "file://imageobject.json"
},
"image": {
"oneOf": [
{
"$ref": "file://imageobject.json"
},
{
"type": "string",
"format": "uri"
}
],
"description": "An image of the item. This can be a href=\"https://schema.org/URL\">URL or a fully described href=\"https://schema.org/ImageObject\">ImageObject."
},
"thumbnailUrl": {
"type": "string",
"description": "A thumbnail image relevant to the Thing.",
"format": "uri"
},


Repozytorium formularzy schematów JSON Github jest idealną witryną, w której można wziąć udział w zbieraniu przykładów kodu i przyczynianiu się do rozwoju tego obszaru sieci. Ponieważ Google bardzo dba o zapytania wyszukiwania z intencją transakcyjną; pojawiają się i rozwijają nowe typy znaczników schematów handlu elektronicznego .

Dlaczego witryny muszą być optymalizowane pod kątem wyszukiwania grafiki

Rand Fishkin przedstawił swoją analizę wyszukiwania grafiki w Google w artykule z 14 marca 2017 r. zatytułowanym The State of Searcher Behavior Revealed Through 23 Remarkable Statistics .

Rand przedstawił swoją analizę wyszukiwania grafiki Google w danych Jumpshot i Moz i stwierdził, że:

• Wyszukiwarka grafiki Google druga najczęściej używana platforma wyszukiwania, bezpośrednio po Google.com na pierwszym miejscu.

• Jego wyszukiwań jest więcej niż pozostałych 10 najpopularniejszych usług internetowych łącznie.

• Ponad 10 razy więcej niż w przypadku wyszukiwania w Bing lub Yahoo.

• Odnotowują ponad 40-krotność liczby wyszukiwań obrazów na platformie Facebook.

Rand stwierdził, że „ponieważ ludzie są naturalnie przyciągani do obrazów i ponieważ Google wykorzystuje dane o kliknięciach, aby pokazywać obrazy, które generują największe zaangażowanie”, więcej kliknięć dzieje się z bloku obrazu. Wraz z rosnącym wykorzystaniem znaczników JSON prawidłowe dodanie tego schematu zapewnia witrynom, którym zarządzamy lepszą widoczność w SERP.

Dokładne, określone szczegóły obrazu znajdują się w wytycznych dotyczących schematu Google

Duża część dzisiejszej innowacyjnej technologii rozpoznawania obrazów opiera się na technologii Deep Learning , zaawansowanej formie uczenia maszynowego i postępującym sukcesie sztucznej inteligencji. Wcześniej specjaliści od wyszukiwania semantycznego musieli przestrzegać mniej sztywnych wytycznych podczas używania właściwości image do oznaczania schematu, które ma zastosowanie do LocalBusiness , artykułu i NewsArticle. Początkowo potrzebny był tylko adres URL obrazu. Następnie stwierdził, że „[a] URL lub lista adresów URL wskazujących na reprezentatywne pliki graficzne” wraz z sugestiami. Wiele wczesnych sugestii zostało teraz wprowadzonych do zasad, w szczególności dotyczących artykułów.

Zmienione wytyczne mają teraz zapewnić, że widoczność samego obrazu stanowi wartość dodaną do strony. Chociaż GoogleBot nie widzi tego ludzkim okiem, gigant wyszukiwania mówi teraz, że obraz powinien być „[p]ostawnym obrazem artykułu… który bezpośrednio należy do artykułu”.

Nadaj priorytet zdjęciom w ramach wiecznie zielonych treści filarowych . Biorąc pod uwagę, że artykuł może zawierać kilka obrazów; usuwa to zgadywanie z procesu selekcji przez wyszukiwarkę podczas wyświetlania artykułu z towarzyszącym fragmentem obrazu. Interesujące jest również wskazanie minimalnego rozmiaru: „[i]obrazy powinny mieć co najmniej 696 pikseli szerokości”. Można przypuszczać, że wskazuje to na wartość obrazu na stronie i że nie powinien to być irytujący rozmiar miniatury.

Obecny warunek, że należy uwzględnić wysokość i szerokość obrazu, wskazuje na fakt, że prosta deklaracja adresu URL image nie jest już obsługiwana w przypadku fragmentów rozszerzonych o artykuł i spowoduje wystąpienie błędu krytycznego. Nie ma błędu w założeniu, że jest to część zachęty Google, aby pomóc webmasterom przejść na przyspieszone strony mobilne (AMP). Elementy AMP mają ładować się szybko, a wiele jest usuwanych lub definiowanych, jeśli chodzi o układ artykułu mobilnego. Włącz teorię AMP, aby poprawić wrażenia użytkowników w swoim projekcie UX.

Gdy wymiary obrazu zostaną wyraźnie dodane, Google może poprawnie renderować obrazy powiązane z artykułami AMP na różnych urządzeniach. Próbuje „zastąpić odniesienia do obrazów obrazami dopasowanymi do obszaru widoku widza”. To jeden z powodów, dla których obraz może wychodzić poza granice podczas oglądania wersji AMP na komputerze. Wymiany rozmiaru obrazu nie dokonuje się, ponieważ jest on gotowy do pomiarów większego ekranu. Powinno to być uwzględnione jako podstawowy wymóg Twojego interaktywnego projektowania stron internetowych .

Podczas gdy wcześniej wymagano od amp-img, że tag „musi zawierać wyraźną szerokość i wysokość”, teraz to samo dotyczy komputerów stacjonarnych. Projektanci stron internetowych, którzy opierają się na używaniu względnych adresów URL do wstawiania obrazów, muszą dostosować się do AMP, gdzie deklaracja adresu URL ImageObject wymaga bezwzględnego adresu URL, a nie względnej wersji adresu URL. Ma to sens przy rozważaniu zadań, jakie ma przeglądarka w celu renderowania strony internetowej. W sumie spowalnia to tylko Google, który musi analizować kod w celu obliczenia wymiarów obrazu.

W końcu intencją AMP jest szybsze ładowanie stron. To pochodzi od użytkowników, którzy nie chcą czekać. Dlaczego więc nie zaproponować po prostu danych obrazu z góry? Skuteczne SEO to optymalizacja zapewniająca lepsze wrażenia użytkownika , a szybkość ma dla nich znaczenie.

KARUZELA PRODUKTÓW ZDJĘCIA E-COMMERCE

Często chodzi o wybór, która strona najlepiej nadaje się do dodawania strukturalnych znaczników do obrazu. Zaimplementuj go na stronie pojedynczego produktu w koszyku, a nie na stronie kategorii, na której znajduje się wiele produktów. Pozwoli to uniknąć zamieszania wśród potencjalnych nabywców.

Obraz znaleziony w prawidłowym opisie rozszerzonym i wynikach wyszukiwania grafiki może być bogaty w informacje o produkcie, których potrzebują kupujący w handlu elektronicznym . UWAGA: Twój projektant stron internetowych może wyświetlać karuzele produktów w dowolnym obszarze witryny eCommerce za pomocą funkcji projektowania karuzeli produktów; różni się to od tego, że Google dobrowolnie decyduje się wyświetlać Twój produkt w użyciu karuzeli w ruchomych wynikach rozszerzonych e-commerce .

Sposoby określania wymiarów obrazu JSON-LD

W zależności od scenariusza, spróbuj najpierw dodać adnotacje w formacie JSON-LD, chyba że wytyczne określają inny format jako preferowany.

W przypadku używania znaczników JSON-LD wartości obrazu bez użycia cudzysłowów są „liczbami”, podczas gdy wartości wyrażone w cudzysłowie to „łańcuchy”. Oznacza to, że koder musi być ostrożny, aby uniknąć cudzysłowów, gdy pożądanym wynikiem jest wartość liczbowa.

Powszechnym sposobem określania wysokości i szerokości obrazu jest "width": "600px" , ale dla wielu nowoczesnych przeglądarek pojawia się problem z oczekiwaną wartością „width”, ponieważ oczekuje ona „Distance” lub „QuantitativeValue” . Testy, które zawierają „width”:”600px” zostały zmienione przez Google na:


"width":{
"@type":"Intangible",
"name":"600px"
}

Nadal brakuje informacji o tym, jaki rodzaj jednostki miary jest używany. Spróbuj zastąpić „Odległość”, używając czegoś takiego:


"width":
{
"@type":"Distance",
"name":"600 px"
}

Wyjdź poza punkt uzyskania prawidłowego znacznika, ponieważ nadal pozostawia to pewną niejasność co do jednostki miary i zmusza wyszukiwarki do spróbowania wykrycia, co oznacza użycie „px”. Preferujemy używanie narzędzia do danych strukturalnych Linter , które lubi obrazy, które używają „QuantitativeValue”:

"contentSize":"298 Bytes",
"width": {
"@type": "QuantitativeValue",
"value": "700"
},
"height": {
"@type": "QuantitativeValue",
"value": "490"
}
},

Adresy URL opisujące elementy obrazu powinny być stabilne i nie zależeć od zmiennych danych. Ten przykład znaczników obrazu będzie interpretowany jako odwołanie, a nie jako literał ciągu, ponieważ (w momencie publikacji) kontekst JSON-LD schema.org definiuje obraz jako typu @id:
Przykład fragmentu kodu kontekstowego schema.org do zakodowania obrazu JSON:

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
Jeśli nie są wyrażone jako takie w kontekście zdalnym, dane terminy mogą być (ponownie) zdefiniowane w kontekście lokalnym:

Przykład relacji wpisanego obrazu:

{
"@context": ["https://schema.org", {
"image": { "@id": "schema:image", "@type": "@id"}
}],
"id": "https://www.wikidata.org/wiki/Q22686",
"type": "Person",
"name": "Donald Trump",
"givenName": "Donald",
"familyName": "Trump",
"jobTitle": "President-elect of the United States of America",
"image": "https://en.wikipedia.org/wiki/Donald_Trump"
}

Ponieważ ludzie tak dobrze odnoszą się do obrazów, a wyszukiwarka grafiki Google rozwija się, ważne jest, aby zrozumieć, w jaki sposób obrazy reprezentują Twoją firmę i budują Twoją markę .

JSON Markup pomaga w zrozumieniu komponentów wizualnych artykułu

Biorąc pod uwagę wzrost wyszukiwania wizualnego , jest to ważny aspekt SEO. Jeśli witryna jest na platformie WordPress i polega na wtyczce do renderowania znaczników strukturalnych, mogą pojawić się problemy wymagające naprawy właściwości Image. W takim przypadku zwykle dzieje się tak dlatego, że wyróżniony obraz musi być użyty na stronie lub w poście. Może warto poświęcić czas na ręczne kodowanie schematu, jeśli wtyczki mają problemy ze zgodnością i problemami z przestarzałym kodem.

Bez tej konfiguracji wtyczka nie rozpoznaje, które zdjęcie najlepiej przedstawia treść artykułu. Wtyczka zależy od tych informacji, aby dodać ImageObject wraz z jego rozmiarami. Niezależnie od tego, czy Twoja witryna korzysta z wtyczek, niektóre z najlepszych narzędzi SEO do rozwiązywania problemów można znaleźć w Google Search Console .

Aaron Bradly z SEO Skeptic zaleca, że ​​„korzyści, które Google ma nadzieję uzyskać ze znaczników artykułów, to ogólnie możliwość lepszego manipulowania artykułami w ekosystemie Google dzięki lepszemu zrozumieniu składników i pochodzenia artykułu, zamiast używania znaczników do lepiej zrozum, o czym jest artykuł”.********

Teraz połącz tę myśl ze znanym stwierdzeniem, że obraz jest wart tysiąca słów i połącz potężny wybór obrazów z odpowiednimi ustrukturyzowanymi danymi wokół niego.

UWAGA: Użyj przecinka, aby zasygnalizować, że nadejdzie więcej właściwości. Na przykład jest to wymagane w przypadku dołączania wielu obrazów. Ostatnia właściwość „obraz” nie zawiera przecinka. Przetestuj nowy kod i upewnij się, że wszystkie błędy zostały zastąpione poprawną składnią.

DODATKOWE PROPOZYCJE OBRAZOWE

Poniższe informacje są wyłącznie opinią Hill Web Marketing i oprócz prawidłowego rozmiaru obrazu:

1. Jeśli to możliwe, unikaj zdjęć seryjnych

Wielu klientów pyta, jakiego rodzaju obrazu powinni użyć. Jeśli to możliwe, wybierz zdjęcie z ludźmi; szczęśliwie wyglądająca jednostka podnosi na duchu widza, być może nieświadomie, jest potężna. Ludzkie twarze i język ciała opowiadają historię, która sprawia, że ​​jest to fascynujące. Czy zauważyłeś, jak dziecko patrzy bezwstydnie? Wpatrywanie się w twarze jest naturalne niż w przypadku innych typów obrazów. Każda strona internetowa powinna zawierać zdjęcia ludzi lub przynajmniej zdjęcie .

Odwiedzający witrynę mogą natychmiast rozpoznać obraz z giełdy. Takie obrazy ludzi wydają się być najgorszymi przestępcami, ponieważ po prostu nie czują się autentyczni. Nie bój się po prostu używać aparatu w smartfonie. Obrazy, które składają się z nieskazitelnego oświetlenia, nieskazitelnych pomieszczeń biurowych, sfotografowanych do nierealnego perfekcjonizmu i składają się z 50/50% zróżnicowanych etnicznie ludzi, po prostu nie są takie, jak toczy się życie.

Biorąc pod uwagę siłę obrazu, zainwestuj w oryginalną profesjonalną fotografię. Ubierz się, ale nadal wyglądaj naturalnie na dzień zdjęciowy. O ile nie rażą, pomiń edycję drobnych niedoskonałości; obraz, który oddaje estetyzm, jest ważniejszy niż pokazywanie „wypolerowanego” stanu istnienia.

Najczęstszym błędem popełnianym podczas korzystania z fotografii stockowej jest wybór losowych obrazów zamiast tych, które wystarczająco nawiązują do tematu artykułu lub wpisu na blogu. Aby zabezpieczyć swoją zależność od obrazów stockowych, kupując, przejdź na stronę taką jak Getty Images lub Fotolia, gdzie ogólna jakość zdjęć jest wyższa. Upewnij się, że w kampaniach Google Ads masz obrazy, które mogą zwiększyć zaangażowanie konsumentów .

Po przeprowadzeniu badania wykorzystania obrazu na 41 blogach w różnych niszach internetowych Neil Patel****** doszedł do wniosku, że „Kiedy post na blogu zawierał zdjęcie stockowe, otrzymał 152 tweety i 83 polubienia na Facebooku”. Obserwuj, jak Twój wizerunek przyczynia się lub rozprasza na platformach społecznościowych, a jeśli to konieczne, zaangażuj profesjonalnego menedżera ds. marketingu mediów społecznościowych .

2. Aby uzyskać lżejsze ładowanie obrazów, użyj kompresji

Zwróć uwagę, że na obrazie u góry naszej strony tło jest wyblakłe, co zmniejsza rozdzielczość w tych przestrzeniach, podczas gdy możliwe jest pozostawienie aspektu o wyższej rozdzielczości w centralnym punkcie tej grafiki, czyli kobiecie.

W Internecie dostępnych jest wiele list zasobów narzędzi wspomagających kompresję obrazu. Wypróbuj więcej niż jeden, aby wybrać preferowany proces, aby jak najlepiej zakodować obrazy, dostarczając identyczny obraz z najmniejszą liczbą bajtów, bez balansowania nad optymalizacją. Ważne jest, aby testować, testować, testować pod kątem poprawnego kodu, który jest zgodny z wymaganiami obrazu JSON.

Z góry dowiedz się, który format zdjęć najlepiej sprawdza się przy kompresji obrazu. Na przykład konwersja (nieanimowanego) pliku GIF do obrazu PNG obniżyłaby go średnio o 21%. Guy Podjarny *** deklaruje, że „konwersja (nieprzezroczystego) pliku PNG do formatu JPEG może dać jeszcze większe oszczędności, często zmniejszając rozmiar pliku 3-5x. Nowe formaty, takie jak WebP i JPEG XR, mogą pójść jeszcze dalej i przekazywać ten sam obraz z 25-50% mniejszą liczbą bajtów”.

3. Napraw problemy, które utrudniają szybsze ładowanie obrazów

Potem jest więcej do przemyślenia: jak ładują się Twoje obrazy, to praca, którą musi wykonać przeglądarka, która określa, jak szybko Twoje obrazy mogą być wyświetlane. Projektanci stron internetowych, którzy polegają na CSS z długimi instrukcjami, JavaScript do zarządzania grafiką lub polegają na wtyczkach WordPress do wykonania części pracy, często nadmiernie komplikują sprawy. Każdy aspekt musi być dokładnie zbadany, co najlepiej osiągnąć podczas pełnego audytu technicznego SEO .

4. Obrazy powinny pasować do intencji i tematu strony

Celowe działanie zajmuje więcej czasu, ale w szczególności główny obraz na stronie powinien wyraźnie pasować do intencji strony.

Neil poinformował również, że korzystając z wykresów i obrazów wykresów, otrzymał największą liczbę trackbacków. „Średnio otrzymywali o 258% więcej trackbacków niż posty na blogu z innymi rodzajami obrazów”.

Dodanie większej liczby obrazów do stron z obszerną treścią może pomóc w rozbiciu długich bloków tekstu i wzmocnieniu opinii.

Obrazy na Twoich stronach docelowych zasługują na szczególną uwagę, ponieważ są kluczem do zwiększenia sprzedaży. Posty zawierające dane graficzne mogą nie przyciągać masowej uwagi, ale mają swoje zalety z perspektywy edukacyjnej i biznesowej. Dodają wartość instruktażowym blogom niszowym (takim jak ten) i często gromadzą link do nich. Tylko do celów badawczych osadzony wykres, praktyczny lub statyczny, może w rzeczywistości zyskać na wartości. Tam, gdzie niektóre formy treści graficznych stają się przestarzałe po wielu latach, Neil odkrył, że „inne blogi nadal będą zawierać linki do postów bogatych w dane z wykresami, niezależnie od wieku postów”.

Hubspot mówi: „jeśli odpowiedni obraz jest sparowany z tymi samymi informacjami, ludzie zachowali 65% informacji”. 3 stycznia 2017 2 Statystyki dotyczące marketingu treści wizualnych, które powinieneś wiedzieć w artykule z 2017 roku. *

5. Zaangażuj ręcznie rysowaną grafikę 3D i animowane obrazy

Użyj prawidłowego rozmiaru obrazu dla wszystkich kwalifikujących się znaczników JSON-LD.

Popularne są ręcznie rysowane grafiki 3D lub animowane obrazy, które generalnie mają mniejszą wagę, zwłaszcza na jasnym tle. Rzuć okiem na obrazy użyte przez Randa Fishkina w jego zdumiewająco popularnych wpisach na blogu White Broad Friday (moz.com/blog/). Być może „pastelowe tło” nie jest wyglądem Twojej marki, ale prawdopodobnie zostało wybrane nie bez powodu. Jeśli nie masz czasu na tworzenie lub polubienie tych typów obrazów, spróbuj wykresów, infografik lub fotografii stockowych.

Pamiętaj o wymaganiach dotyczących rozmiaru obrazu przy korzystaniu ze znaczników schematu. Po co ograniczać przyszłe wykorzystanie strony, skupiając się tylko na atrakcyjności wizualnej obrazu?

Nie wszystkie obrazy online zostały prawidłowo otagowane, więc wzbogacaj je o prawidłowe metadane w celu prawidłowej optymalizacji. Wiadomości chatbota konwersacyjnego mogą zawierać przyciski, tekst, obrazy i inne elementy lub w całości odpowiadać za pomocą mowy. Tradycyjne aplikacje lub strony internetowe mogą żądać i wyświetlać jednocześnie wiele informacji na ekranie, bot zbierze tę samą ilość informacji za pomocą wielu wiadomości.

Dlaczego prawidłowy rozmiar obrazu ma znaczenie?

Ludzie są silnymi wzrokowcami. Twoje obrazy przekazują związek z Twoim tematem i z Tobą osobiście. Nowe możliwości w bogatych SERPach zapewniają Twojej marce lepszą ekspozycję. Posiadanie elastycznego planu marketingowego pozwoli Ci najlepiej spełnić pojawiające się wymagania dotyczące rozmiaru obrazu.

„Sieć staje się coraz bogatsza w obrazy. Pomiędzy ekranami mobilnymi o wysokiej rozdzielczości, projektem w stylu Pinteresta i dużymi grafikami w tle, średni ładunek obrazu wzrósł ponad dwukrotnie w ciągu ostatnich trzech lat. Choć są atrakcyjne wizualnie, te obrazy wiążą się ze znacznymi kosztami wydajności i – jeśli nie zostaną odpowiednio zoptymalizowane – mogą spowolnić i sprawić, że korzystanie z Internetu będzie bolesne i bez względu na to, jak piękne jest”. – Guy Podjarny na Oreilly

„Czy wiesz, że 90% informacji przekazywanych do mózgu ma charakter wizualny? Mózg przetwarza również obrazy 60 000 razy szybciej niż tekst, a badania wykazały, że 40% ludzi reaguje lepiej na obrazy niż zwykły tekst”, stwierdza shiftelearning.com **** Oznacza to, że warto poświęcić czas na zbadanie swojej niszy rynkowej aby zrozumieć, które typy obrazów pobudzają połączenie z użytkownikami. Po zoptymalizowaniu rozmiarów i znaczników obrazów prześlij obraz sitemap.xml. Google może indeksować Twoje obrazy oraz adresy URL stron .

Jak Google wykorzystuje niektóre obrazy do podkreślenia faktycznych, wiarygodnych informacji

Jak JSON-LD i Twoje obrazy ciężko pracują, aby budować widoczność Twojej marki i EAT.

„Zdjęcia i filmy to niesamowity sposób, aby pomóc ludziom zrozumieć, co dzieje się na świecie. Jednak siła mediów wizualnych ma swoje pułapki — zwłaszcza gdy pojawiają się pytania dotyczące pochodzenia, autentyczności lub kontekstu obrazu. Od dziś na całym świecie udostępniamy informacje weryfikacyjne w Grafice Google, aby pomóc ludziom w poruszaniu się po tych problemach i dokonywaniu bardziej świadomych osądów na temat tego, co widzą w sieci. Opiera się to na funkcjach sprawdzania faktów w wyszukiwarce i wiadomościach, z którymi ludzie spotykają się miliardy razy w ciągu roku.

Teraz, gdy wyszukujesz w Grafice Google, możesz zobaczyć etykietę „Weryfikacja faktów” pod wynikami miniatur. Po dotknięciu jednego z tych wyników, aby wyświetlić obraz w większym formacie, zobaczysz podsumowanie sprawdzenia faktów, które pojawia się na odpowiedniej stronie internetowej. Etykiety te mogą pojawiać się zarówno w artykułach z informacjami zweryfikowanymi na temat konkretnych obrazów, jak i w artykułach z informacjami zweryfikowanymi, które zawierają obraz w historii”. - Google

Google informuje nas również, że „dodanie tej etykiety w wynikach grafiki Google nie wpływa na ranking; nasze systemy są zaprojektowane tak, aby udostępniać najistotniejsze i najbardziej wiarygodne dostępne informacje”. W dokumencie Bringing fact check information to Google Images opublikowanym 22 lipca 2020 r. kierownik produktu Google, Harris Cohenm, mówi o tym, że jego celem jest zapewnienie użytkownikom dostępu do krytycznego kontekstu informacji, które znajdują — w tym obrazów — napotykanych w Internecie. .

Współpracuj z Jeannie Hill , założycielem Hill Web Creations, który współpracuje z firmami z Minneapolis w celu zapewnienia prawidłowego rozmiaru obrazu i bezbłędnego kodu w celu poprawy wyników wyszukiwania organicznego, optymalizacji pod kątem wyszukiwarek pod kątem urządzeń mobilnych i szans na przewagę nad konkurencją online . Nieustannie czujny, aby znać i stosować się do aktualizacji wytycznych Google dotyczących SEO .
Lubię mieszkać w Minneapolis w stanie Minnesota , gdzie świadczę usługi marketingu cyfrowego w obszarze metra i poza nim.

Streszczenie

Authoritative business sites that rise to the call for AMP pages, use a planned structured approach when building content, and incorporate schema image SEO data to be among those early adopters. They already are able to enjoy the first-mover benefits of winning more viewer clicks from the scrolling images.

A relevant image that has Microdata has the potential to enhance a site's CTR within search results from anywhere between 10-25%, according to builtvisible.com*****. In the case of the need to troubleshoot your markup for an image code error, currently, two types of errors are produced. We can resolve errors and fix both for you.

1. The “image is required” error that can be found in the Google Structured Data Testing Tool (SDTT).

2. An image error that when checking for the Accelerated Mobile Pages (AMP) version.

Your photos reached a new record on Google Maps!

After adding the above image strategies to one client site, they received a message directly from Google that their images uploaded to their Google Profile had a significant increase in views. Ready to start a more advance approach to how your business site uses imagery?

“Your photos helped people over 3,000 times, a new record for you on Google Maps. Gratulacje! Millions of people rely on photos like yours when they search for places. Thanks for sharing your photos with the world.” – Google Maps

“More records this week…(One Photo)reached 3,320 views.” – Google Maps

Leverage cutting-edge opportunities to make your site's image use more advantageous to both and viewers and your business. Call 651-206-2410 to get on our Schema Site Audit Schedule

NOTE: Topic image source: PHLEARN. Consider hiring a professional photographer to make critical image edits that can transform an flawed image into one perfect to use. Start with great images, then add JSON-LD snippet markup wherever you can – that fits.

NOTE: Informative references have been listed in context at time of use.

* https://blog.hubspot.com/marketing/visual-content-marketing-strategy#sm.000000iy0z9nnp3d6210gl3qzksok

** https://www.relaymedia.com/2016/03/06/spread-the-carousel-love/

*** http://www.oreilly.com/pub/e/3425

**** http://info.shiftelearning.com/blog/bid/350326/Studies-Confirm-the-Power-of-Visuals-in-eLearning

***** https://builtvisible.com/micro-data-schema-org-guide-generating-rich-snippets

****** https://www.quicksprout.com/2014/08/13/what-type-of-images-should-you-use-within-your-blog-posts/

******* http://www.seoskeptic.com/google-article-rich-snippets-guide-updated-for-amp/