Gültige Bildgröße für JSON-LD-Snippet-Markup

PC- und AMP-Bildgröße für gültiges JSON-LD-Snippet-Markup

Aktualisiert am 20.7.2021

In diesem Artikel erfahren Sie, wie Sie die beste Bildgröße für Rich Snippets auswählen , die mit gültigem JSON-Code getestet werden, sowie grundlegende Best Practices für Bilder, die in Ihren Webseiten und Beiträgen verwendet werden.

In einem kürzlich abgehaltenen Webmaster-Hangout sprach John Mueller von Google darüber, wie der Suchriese plant, die Bildsuche im Jahr 2020 und darüber hinaus für mehr transaktionale, lehrreichere und suchbezogenere Aufgaben einzusetzen. Wir haben den Aufstieg von Bildern in Rich Cards und anderen Rich-Feature-Snippets gesehen, die visuelle Elemente enthalten, und erwarten, dass dies anhält. Das bedeutet, dass es wichtiger denn je ist, eine gültige Bildgröße zu haben.

Kommen wir gleich zu Ihren Kernfragen.

Haben Bilder auf AMP-Seiten Größenanforderungen?

Jawohl. Jede Webseite sollte mindestens ein oder besser mehrere hochauflösende Bilder enthalten, die mindestens 800.000 Pixel betragen, wenn Breite und Höhe multipliziert werden. Der Breitenaspekt sollte mindestens 800 Pixel betragen.

Was bedeutet diese Warnung: Bildgröße kleiner als empfohlen?

Eine Seite wird mit dieser Benachrichtigung gekennzeichnet und als weniger als ideale Seite bewertet, da sie ein oder mehrere Bilder mit einer geringeren als der empfohlenen Größe enthält. Typischerweise wird diese Warnung aus dem vorgestellten Bild gezogen.

Wenn Ihr Unternehmen beispielsweise im Google News Carousel, Top Stories oder Product Carousels sichtbar werden möchte, sind bestimmte Bildabmessungen für ein korrektes Layout erforderlich. Es stellt auch sicher, dass der Suchende, wenn er auf der Seite ankommt, ein qualitativ hochwertiges Bild erwarten kann, das das Thema unterstützt.

Was ist der Vorteil der Einhaltung der AMP-Bildspezifikationen?

• Wenn Sie diese Richtlinien befolgen, erhalten Ihre Artikel mit größerer Wahrscheinlichkeit eine hervorgehobene Platzierung in hervorgehobenen Snippets und ganz oben in den Suchergebnissen. Die Indexierung von Standard-HTML-Seiten wird nicht beeinflusst.
• Indem Sie die Mindestempfehlungen erfüllen, unterstützen Ihre Medieninhalte Ihre Chancen, einen Artikel im AMP-Karussell zu präsentieren.
• Mehr denn je beginnen Menschen eine Suche mit einer Bildersuche. Indem Sie würdigen, was für Suchmaschinen am besten funktioniert, um Ihre Inhalte zu finden und anzuzeigen, können Sie neue Geschäfte gewinnen.

Gibt es für Logobilder auch Größenanforderungen für AMP?

Jawohl. Für AMP-Seiten gibt es grundlegende Anforderungen an das Logoformat, die Abmessungen und die Auffüllung. Das Logo sollte in ein 60 x 600 Pixel großes Feld passen; es wird jedoch im AMP-Karussell mit einer Größe von 16 x 160 gerendert. AMP-Logos müssen die Abmessungen einer 60 x 600 Pixel großen Box haben.

WEBSITE-LOGO-BILD

Um die übergreifende Verwendung von Bildern im Schema zu verstehen, werden „Logo“ und „Foto“ als untergeordnete Eigenschaften von „Bild“ kategorisiert. Die richtige Verwendung bedeutet, mehr Kontrolle darüber zu erlangen, was im Google Knowledge Graph eines Unternehmens angezeigt wird .

Jede Website hat ein Logo (oder sollte eines haben), und durch korrektes logo -Markup können Webmaster Google mitteilen, welches Bild sie in ihrer Knowledge Graph-Anzeige verwenden möchten.

In den Bildrichtlinien von Google heißt es: „Sie können angeben, welches Bild Google als Logo Ihrer Organisation in den Suchergebnissen und im Knowledge Graph verwenden soll. Fügen Sie dazu Ihrer offiziellen Website das schema.org-Organisations-Markup hinzu, das die Position Ihres bevorzugten Logos identifiziert.“

Die Fähigkeit eines Unternehmens, seine Position in SERPs zu verbessern, wächst weiter, und Google-Algorithmen verlassen sich jetzt stärker auf diese Form des Markups . Schema.org stellt eine Liste seiner Neuerscheinungen zur Verfügung. Schema für Bilder wird seit einiger Zeit bereitgestellt. In der Version 1.7 vom 8. Juli 2014 heißt es: „Diese Version ändert die Bildeigenschaft und weist darauf hin, dass ImageObject ein angemessener Wert ist.“ Und es entwickelt sich schnell, sodass Unternehmen mehr Möglichkeiten haben, Markup zu verwenden.

Google aktualisiert seine Bildrichtlinien für strukturierte Daten

Google verfolgt einen strukturierteren Ansatz mit Besonderheiten in seinem strukturierten Datenbild für die Verwendung von Bildern.

Wir haben damit begonnen, Kopien von der Google-Entwicklerproduktseite zu erstellen, um zu verfolgen, wie diese Richtlinien aktualisiert werden, und Variationen zu vergleichen. Beobachten Sie bei der Durchführung einer Verbraucherverhaltensanalyse, welches Zielgruppensegment über eine Bildersuche auf Ihre Website gelangt.

Ob für ein lokales Geschäft, Rezepte, die Auszeichnung von Produkten , Büchern, Veranstaltungen, Fernsehfilmen usw., jedes benötigt jetzt besondere Aufmerksamkeit für seine Bildrichtlinien. Einige Datentypen wurden von einer empfohlenen Eigenschaft auf einen erforderlichen Typ aktualisiert.

Die früheren Richtlinien, die wir hatten, waren spärlich und sagten wenig aus, als ein Bild zu vermitteln; Personen, die das Schema jetzt implementieren, müssen sich jedoch an die neuen Richtlinien halten, die weit aussagekräftiger sind. Eine neue Richtlinie ist ein Kinderspiel: „ Bild-URLs müssen crawlbar und indexierbar sein “.

Früher mussten wir nur eine URL für jedes Bild angeben. Jetzt gibt Google an, dass es „Wiederholtes Feld von ImageObject oder URL“ haben möchte. Während einige unserer Seiten kein Bild enthielten, sagen die neuen Richtlinien: „Jede Seite muss mindestens ein Bild enthalten , und es wird nicht angegeben, dass dies der Fall ist gilt nur für Seiten und Posts, die Schema-Markup enthalten. Der Unterschied kann bedeuten, ob Ihre Inhalte in beliebten Google Cards angezeigt werden oder nicht.

Google empfiehlt die Verwendung von content=“max-image-preview:large“, um das Ranking in Google Discover für Nicht-AMP-URLs zu fördern.

Google erkennt Webentitäten mit einem lokalen Bild

Google taucht tiefer in die Zuordnung lokaler Entitäten ein und gibt Hinweise darauf, dass es kurz davor steht, die Bildsuche auf eine ganz neue Ebene zu heben.

Aber jetzt wissen wir, dass Google das bevorzugte Bild für die Anzeige in den Suchergebnissen auswählt, indem es das Seitenverhältnis und die Auflösung jedes Bildes berücksichtigt. Interessant ist, dass nun auf „Auflösung“ verwiesen wird, was auf eine Erkenntnis hindeutet, dass Nutzer durch die darauf verwendeten Bilder viel über eine Seite erfahren und Google mehr darüber präzisiert, welche Faktoren bei der Bildauswahl eine Rolle spielen. Führen Sie ein vollständiges Website-Audit durch, um herauszufinden, wie Ihre Bilder effektiver in der visuellen Suche verwendet werden können.

Jedes alte Bild ist für Betrachter nicht hilfreich, also wussten wir natürlich die ganze Zeit, dass Bilder für den mit Schema gekennzeichneten Inhalt relevant sein müssen. Eine klare Änderung besteht darin, dass Google jetzt offenbart, dass es eine Reihe von Bildern mit unterschiedlichen Seitenverhältnissen bevorzugt. Wie großartige Inhalte sollten auch Ihre Bilder verbraucherorientiert sein und Ihr Publikum ansprechen . Wir erfahren, dass „für beste Ergebnisse mehrere hochauflösende Bilder (mindestens 800.000 Pixel bei Multiplikation von Breite und Höhe) mit den folgenden Seitenverhältnissen bereitstellen: 16 × 9, 4 × 3 und 1 × 1.“

Wenn Sie die thumbnailUrl verwenden, gelten dieselben Richtlinien – einschließlich der Empfehlung für mehrere Seitenverhältnisse. Nicht alles ist in die Richtung gegangen, konkreter zu werden. Während TV und Filme früher ein Bild mit „mindestens 140 Pixel Breite und 210 Pixel Höhe und einem Seitenverhältnis von 2:3“ benötigten, werden solche Spezifikationen derzeit durch diese neuen „Standard“-Bildformate ersetzt, was bedeutet, dass Googles Forderung nach „16× Seitenverhältnisse 9, 4×3 und 1×1".

Webmaster, die vor der Aufgabe stehen, frühere Bilder zu aktualisieren und zu ersetzen, um den neuen Bildanforderungen von Google für strukturierte Daten zu entsprechen, werden froh sein zu wissen, dass sich die Richtlinien für Artikelbilder nicht geändert haben. Sie behalten die gleiche Spezifikation für die Bildpixelbreite bei: Die URL zu einem Bild, das repräsentativ für den Artikel ist. Es sollte nur ein markiertes Bild angegeben werden, das direkt zum Artikel gehört. Früher mussten Bilder mindestens 696 Pixel breit sein; Achten Sie darauf, mit den Best Practices von Google auf dem Laufenden zu bleiben, um eine bessere Chance zu haben, dass Ihre Bilder in Google Maps angezeigt werden .

ARTIKELBILD

Wie aktuell genau in Google Guidelines zu finden: „ImageObject; erforderlich (AMP), empfohlen (nicht-AMP)

Zusätzliche Bildrichtlinien:

• Es sollte nur ein markiertes Bild angegeben werden, das direkt zum Artikel gehört.
• Bilder sollten mindestens 1200 Pixel breit sein (früher 696 Pixel breit).
• Jede Seite muss mindestens ein Bild enthalten (unabhängig davon, ob Sie Markup einfügen oder nicht). Google wählt anhand des Seitenverhältnisses und der Auflösung das beste Bild für die Anzeige in den Suchergebnissen aus.
• Bild-URLs müssen crawlbar und indexierbar sein.
• Bilder müssen den markierten Inhalt darstellen.
• Bilder müssen im Format .jpg, .png oder. gif-Format.
• Um optimale Ergebnisse zu erzielen, stellen Sie mehrere Bilder mit hoher Auflösung (mindestens 800.000 Pixel bei Multiplikation von Breite und Höhe) mit den folgenden Seitenverhältnissen bereit: 16 × 9, 4 × 3 und 1 × 1.

So erhalten Sie ein ideales Artikel-, Blog- und BlogPosting-Bild in Ihren Google-Posts

E-Commerce-Sites können den Verkauf mit dem richtigen Produktbildschema steigern.

Hier ist ein Beispiel dafür, wann Ihre Website von der korrekten Verwendung von Bildern profitieren kann. Wenn ein neuer Beitrag auf Google veröffentlicht wird, kann der generierte Link ein auffälliges Bild enthalten. Google rendert eine Vorschau oder ein SERPs-Snippet, das heute aus dem Titel der Seite, einer kurzen Beschreibung davon und einem Miniaturbild besteht, um die Aufmerksamkeit des Betrachters zu wecken.

Jedes Bild auf einer Seite sollte ein Alt-Tag haben, das sich auf das Thema der Seite bezieht und die passende Suchabsicht unterstützt .

Google stellt umfangreiche Details zur Darstellung eines Artikelbildes zur Verfügung.

Seit dem 6. Januar 2017 müssen wir Bildschema-Markup mit einer Bildgröße gemäß den folgenden Richtlinien haben:

* Bild ist mindestens 400 Pixel breit

* Das Bild hat ein Seitenverhältnis von maximal 5:2 (Breite:Höhe).

Wenn Ihr +Snippet-Bild nicht angezeigt wird

Google nennt einen möglichen Grund dafür: „Bilder, die zu klein oder nicht quadratisch genug sind, werden nicht in das +Snippet aufgenommen, selbst wenn die Bilder explizit durch schema.org-Mikrodaten oder Open Graph-Markup referenziert werden. Insbesondere muss die Höhe mindestens 120 Pixel betragen, und wenn die Breite weniger als 100 Pixel beträgt, darf das Seitenverhältnis nicht größer als 3,0 sein.“

VIDEOBILDGRÖSSE MINIATURBILD

Internetnutzer treiben den Konsum von Videoinhalten nach oben. Das bedeutet für Sie, dass das Markieren Ihrer Website mit Video-Webpieces mit strukturierten Daten die semantische Suche von Google mit einem Einstiegspunkt zum Auffinden und Abgleichen von Suchanfragen mit Ihren relevanten online verfügbaren Videos unterstützt.

Eine thumbnailUrl muss bereitgestellt werden, die die Video-Thumbnail-Bilddatei angibt, die auf Suchmaschinen-Ergebnisseiten (SERPs) angezeigt werden kann. „Bilder müssen mindestens 160×90 Pixel und höchstens 1920×1080 Pixel groß sein. Wir empfehlen Bilder in den Formaten .jpg, .png oder .gif. Alle Bild-URLs sollten crawlbar und indexierbar sein. Andernfalls können wir sie nicht auf der Suchergebnisseite anzeigen“, heißt es derzeit bei Google.

Die folgenden Best Practices für benutzerdefinierte Miniaturansichten für Videobildgröße und -auflösung werden angeboten: „Ihr benutzerdefiniertes Miniaturbild sollte so groß wie möglich sein, da das Bild auch als Vorschaubild im eingebetteten Player verwendet wird. Wir empfehlen Ihre benutzerdefinierten Thumbnails:

* Haben eine Auflösung von 1280×720 (bei einer Mindestbreite von 640 Pixeln).

* In Bildformaten wie .JPG, .GIF, .BMP oder .PNG hochgeladen werden.
Bleiben Sie unter der 2-MB-Grenze.

* Versuchen Sie, ein Seitenverhältnis von 16:9 zu verwenden, da es in YouTube-Playern und -Vorschauen am häufigsten verwendet wird.“

Ihre Videoinhalte sind Bilder, die sowohl gut sichtbar als auch von Internetnutzern nachgefragt werden. Nehmen Sie sich Zeit, um das Titelbild auszuwählen, das Ihren Videoinhalt ankündigt. Maximieren Sie die Wirkung Ihrer Bilder auf der Seite und in der Suche, um Interesse zu wecken und die Benutzerinteraktion zu fördern.

AMP-BILDKARUSSELL

Es verwendet die Datei amp-carousel-0.1.js und width: 100% . Codierer verlassen sich auf das carousel , um eine Liste ähnlich großer Bilder als fortlaufenden Streifen anzuzeigen. Die Amp-Karussell-Komponente nutzt kleinere Bildschirmflächen auf Smartphones ideal aus, um mobilen Zuschauern die Auswahl aus mehreren ähnlichen Miniaturansichten von Inhalten zu ermöglichen, die durch Klicken auf ein Bild entlang seiner horizontalen Achse angeboten werden.

Der Artikel von RelayMedia mit dem Titel Spread the Carousel Love ** beginnt mit den Worten: „Jeder Publisher, der AMP gegenüber zögerlich ist, sollte die Gelegenheit in Betracht ziehen, die er verpasst. Es besteht im Wesentlichen kein Risiko bei der Veröffentlichung von AMP-Artikeln und es gibt viel zu gewinnen in Bezug auf die Bekanntheit der Suche und das Lernen.“

Wir sehen eine breitere Nutzung des Produktbildkarussells. Dies sind hochwertige Immobilien für Buchautoren, Filmemacher, berühmte Persönlichkeiten und E-Commerce-Geschäfte. Und es wird erwartet, dass seine Verwendung wächst.

Die Seite „ AMP by Example “ verwendet für jedes Karussellbild eine Breite von 400 Pixel und eine Höhe von 300 Pixel.

NICHT-AMP-BILDERGALERIE

Nicht-AMP-Seite mit strukturierter Daten-Bildergalerie

Wenn Ihre Website noch nicht für die Vorteile von AMP bereit ist, können Nicht-AMP-Seiten auch zu einem Rich-Ergebnis in einer SERP-reichen Ergebnisliste oder in einem Karussell werden, das ähnliche Nicht-AMP-Webseiten anzeigt. Rich-Suchergebnisse können Überschriften und Bilder enthalten. Obwohl Google versucht, genügend Informationen automatisch zu extrahieren, damit Websites sich für solche Funktionen qualifizieren können, kann es Suchmaschinen helfen, Ihre Inhalte besser zu interpretieren und Ihre Wahrscheinlichkeit zu erhöhen, ein reichhaltiges Kartenbild oder Bildkarussell zu erhalten, wenn die Webseite strukturierte Daten korrekt implementiert hat Ergebnis. Schemadaten sind zu grundlegenden SEO-Praktiken geworden .

Ein Miniaturbild, das für das Ding relevant ist


"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"
},


Das Github JSON Schema Form Repository ist eine ideale Website, an der Sie sich beteiligen können, um Codebeispiele zu sammeln und dazu beizutragen, wie sich dieser Bereich des Webs ausdehnt. Da sich Google sehr um Suchanfragen mit Transaktionsabsicht kümmert; neue Arten von E-Commerce-Schema-Markup entstehen und werden erweitert .

Warum Websites für die Bildsuche optimiert werden müssen

Rand Fishkin berichtete über seine Analyse der Google-Bildsuche in einem Artikel vom 14. März 2017 mit dem Titel The State of Searcher Behavior Revealed Through 23 Remarkable Statistics .

Rand berichtete über seine Analyse der Google-Bildsuche zu Jumpshot- und Moz-Daten und fand Folgendes heraus:

• Google Bildersuche die am zweithäufigsten genutzte Suchplattform direkt nach Google.com auf Platz 1.

• Seine Suchanfragen umfassen mehr als die verbleibenden Top 10 Web-Eigenschaften zusammen.

• Über 10-mal so viele wie bei jeder Suche auf Bing oder Yahoo.

• Sie machen mehr als das 40-fache der Anzahl der Bildsuchen innerhalb der Facebook-Plattform aus.

Rand erklärte, dass „weil Menschen von Natur aus von Bildern angezogen werden und weil Google Klickdaten verwendet, um speziell Bilder anzuzeigen, die das meiste Engagement erzielen“, mehr Klicks aus dem Bildblock erfolgen. Mit der zunehmenden Verwendung von JSON-Markup verleiht das korrekte Hinzufügen dieses Schemas den von uns verwalteten Websites eine verbesserte Sichtbarkeit in den SERPs.

Genaue, spezifizierte Bilddetails sind in den Google-Schema-Richtlinien enthalten

Ein Großteil der heutigen innovativen Technologie zur Bilderkennung basiert auf der Deep-Learning-Technologie , einer fortgeschrittenen Form des maschinellen Lernens, und dem fortschreitenden Erfolg der künstlichen Intelligenz. Semantische Suchexperten mussten früher weniger strenge Richtlinien einhalten, wenn sie die image für Schema-Markups verwenden, die für LocalBusiness , einen Artikel und NewsArticle gelten. Anfangs war nur eine Bild-URL notwendig. Anschließend wurde angegeben, dass „[eine] URL oder eine Liste von URLs, die auf die repräsentative(n) Bilddatei(en) verweisen“, zusammen mit Vorschlägen. Viele der frühen Vorschläge sind jetzt in Regeln umgesetzt worden, insbesondere für Artikel.

Die überarbeiteten Richtlinien sollen nun sicherstellen, dass die Sichtbarkeit des Bildes selbst der Seite einen Mehrwert verleiht. Während GoogleBot es nicht mit dem menschlichen Auge sieht, sagt der Suchgigant jetzt, dass das Bild „[t]das repräsentative Bild des Artikels sein sollte … das direkt zum Artikel gehört“.

Priorisieren Sie Bilder in Ihren immergrünen Pillar-Inhalten . Da ein Artikel mehrere Bilder enthalten kann; Dadurch entfällt das Rätselraten aus dem Auswahlprozess für eine Suchmaschine, wenn der Artikel mit einem begleitenden Bildausschnitt angezeigt wird. Interessant ist auch, dass eine Mindestgröße angegeben wird: „Bilder sollten mindestens 696 Pixel breit sein.“ Man könnte vermuten, dass dies auf den Wert eines Bildes auf der Seite hinweist und dass es keine störende Thumbnail-Größe sein sollte.

Die aktuelle Bedingung, dass Bildhöhe und -breite enthalten sein müssen, weist darauf hin, dass eine einfache URL-Deklaration für image für artikelreiche Snippets nicht mehr unterstützt wird und einen kritischen Fehler erzeugt. Es ist kein Fehler anzunehmen, dass dies Teil des Anstoßes von Google ist, Webmastern zu helfen, auf Accelerated Mobile Pages (AMP) umzusteigen. AMP-Elemente sollen schnell laden und vieles wird gelöscht oder definiert, wenn es um das Layout eines mobilen Artikels geht. Integrieren Sie die AMP-Theorie für verbesserte Benutzererfahrungen in Ihr UX-Design.

Wenn die Bildabmessungen explizit hinzugefügt werden, gibt es Google die Möglichkeit, Bilder, die mit AMP-Artikeln verknüpft sind, auf verschiedenen Geräten korrekt wiederzugeben. Es versucht, „Bildreferenzen durch Bilder zu ersetzen, deren Größe dem Betrachtungsfenster des Betrachters entspricht“. Dies ist einer der Gründe, warum ein Bild beim Betrachten einer AMP-Version auf einem PC über die Grenzen hinauslaufen kann. Der Bildgrößenaustausch wird nicht vorgenommen, da er für die Messungen des größeren Bildschirms bereit ist. Es sollte als Grundvoraussetzung für Ihr interaktives Webdesign berücksichtigt werden.

Während zuvor die amp-img-Anforderung lautete, dass das Tag „eine explizite Breite und Höhe enthalten muss“, gilt dies jetzt allgemein für Desktops. Webdesigner, die sich darauf verlassen, relative URLs für die Bildeinfügung zu verwenden, müssen sich auf AMP einstellen, wo die ImageObject-URL-Deklaration eine absolute URL anstelle der relativen URL-Version erfordert. Dies ist sinnvoll, wenn man bedenkt, welche Aufgaben ein Browser hat, um eine Webseite darzustellen. Insgesamt verlangsamt es Google nur, Code parsen zu müssen, um Bildabmessungen zu berechnen.

Schließlich ist die Absicht von AMP, Seiten schneller zu laden. Das kommt von Benutzern, die nicht warten wollen. Warum also nicht einfach die Bilddaten im Voraus anbieten? Effektives SEO ist Optimierung für ein besseres Benutzererlebnis , und Geschwindigkeit ist ihnen wichtig.

E-COMMERCE-BILDER DES PRODUKTKARUSSELLS

Oft muss man sich entscheiden, welche Seite am besten zum Hinzufügen von strukturiertem Markup zu einem Bild geeignet ist. Implementieren Sie es auf der einzelnen Produktseite in Ihrem Warenkorb im Vergleich zur Kategorieseite mit mehreren aufgelisteten Produkten. Dies vermeidet Verwirrung bei potenziellen Käufern.

Das Bild, das in einem gültigen Rich Snippet und Bildsuchergebnis gefunden wird, kann reich an Produktinformationen sein, die E-Commerce-Käufer wünschen. HINWEIS: Ihr Webdesigner kann Produktkarussells in jedem Bereich Ihrer eCommerce-Website anzeigen, indem er eine Produktkarussell-Designfunktion verwendet; Dies unterscheidet sich von Google, das sich freiwillig dafür entscheidet, Ihr Produkt in der Karussellnutzung in den Rich-Ergebnissen von Mombile E-Commerce anzuzeigen .

Möglichkeiten zum Festlegen von JSON-LD-Bildabmessungen

Versuchen Sie je nach Szenario, Ihr Markup zuerst mit JSON-LD zu kommentieren, es sei denn, die Richtlinien geben ein anderes bevorzugtes Format vor.

Bei Verwendung von JSON-LD-Markup sind Bildwerte ohne die Verwendung von Anführungszeichen „Zahlen“, während Werte, die in Anführungszeichen ausgedrückt werden, „Strings“ sind. Das bedeutet, dass ein Codierer bewusst die Anführungszeichen vermeiden muss, wenn ein numerischer Wert das gewünschte Ergebnis ist.

Eine gängige Methode, um die Höhe und Breite eines Bildes festzulegen, ist "width": "600px" , aber für viele moderne Browser stellt sich die Frage nach dem erwarteten Wert für „width“, da „Distance“ oder „QuantitativeValue“ erwartet wird. . Tests, die "width": "600px" enthalten, wurden von Google geändert in:


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

Hier fehlen noch Informationen darüber, welche Art von Maßeinheit verwendet wird. Versuchen Sie, „Distance“ zu ersetzen, indem Sie Folgendes verwenden:


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

Denken Sie über den Punkt hinaus, an dem Sie hier ein gültiges Markup erhalten, da es immer noch eine gewisse Unklarheit in Bezug auf die Maßeinheit hinterlässt und Suchmaschinen dazu zwingt, herauszufinden, was mit „px“ gemeint ist. Wir bevorzugen das Linter Structured Data Tool , es mag Bilder, die stattdessen „QuantitativeValue“ verwenden:

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

URLs, die Bildentitäten beschreiben, sollten stabil sein und nicht von variablen Daten abhängen. Dieses Beispiel für Bild-Markup wird als Referenz und nicht als Zeichenfolgenliteral interpretiert, da (zum Zeitpunkt der Veröffentlichung) der JSON-LD-Kontext von schema.org das Bild als @id:
Beispiel für ein schema.org-Kontext-Snippet zum Codieren eines JSON-Bildes:

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
Wenn sie in einem entfernten Kontext nicht als solche ausgedrückt werden, können bestimmte Begriffe in einem lokalen Kontext (neu) definiert werden:

Beispiel für eine typisierte Bildbeziehung:

{
"@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"
}

Da sich Menschen so gut auf Bilder beziehen und die Google-Bildersuche wächst, ist es wichtig zu verstehen, wie die Bilder Ihr Unternehmen repräsentieren und Ihre Marke aufbauen .

JSON-Markup unterstützt das Verständnis der visuellen Komponenten eines Artikels

Angesichts des Anstiegs der visuellen Suche ist dies ein wichtiger Aspekt der SEO. Wenn sich eine Website auf der WordPress-Plattform befindet und sich auf ein Plug-in zum Rendern von strukturiertem Markup verlässt, können Probleme auftreten, bei denen Sie die Image-Eigenschaft korrigieren müssen. In diesem Fall liegt es in der Regel daran, dass ein hervorgehobenes Bild für die Seite oder den Beitrag verwendet werden muss. Es kann sich lohnen, Ihr Schema von Hand zu codieren, wenn Plugins mit Kompatibilitätsproblemen und Problemen mit veraltetem Code zu kämpfen haben.

Ohne diese Einrichtung kann das Plugin nicht erkennen, welches Foto den Inhalt dieses Artikels am besten darstellt. Das Plugin hängt von diesen Informationen ab, um das ImageObject zusammen mit seinen Größenabmessungen hinzuzufügen. Unabhängig davon, ob Ihre Website auf Plugins angewiesen ist oder nicht, finden Sie einige Ihrer besten SEO-Tools zur Behebung von Problemen in der Google Search Console .

Aaron Bradly von SEO Skeptic empfiehlt, dass „die Vorteile, die sich Google vom Artikel-Markup erhofft, im Allgemeinen die Möglichkeit sind, Artikel im Google-Ökosystem aufgrund eines besseren Verständnisses der Komponenten und der Herkunft eines Artikels besser zu manipulieren, anstatt das Markup zu verwenden besser verstehen, worum es in einem Artikel geht.“******

Kombinieren Sie diesen Gedanken nun mit der bekannten Aussage, dass ein Bild mehr als tausend Worte sagt, und kombinieren Sie beides, eine leistungsstarke Bildauswahl mit den entsprechenden schemastrukturierten Daten darum herum.

HINWEIS: Verwenden Sie ein Komma, um zu signalisieren, dass weitere Eigenschaften hinzukommen. Dies ist beispielsweise erforderlich, wenn mehrere Bilder eingebunden werden. Die letzte Eigenschaft „image“ verwendet kein Komma. Testen Sie Ihren neuen Code und stellen Sie sicher, dass alle Fehler durch die richtige Syntax ersetzt wurden.

ZUSÄTZLICHE BILDVORSCHLÄGE

Die folgenden Angaben sind ausschließlich die Meinung von Hill Web Marketing und gelten zusätzlich zu einer gültigen Bildgröße:

1. Vermeiden Sie nach Möglichkeit Stockfotos

Viele Kunden fragen, welche Art von Bild sie verwenden sollten. Entscheiden Sie sich nach Möglichkeit für ein Bild mit Personen; Ein glücklich aussehendes Individuum hebt die Stimmung des Betrachters, vielleicht unbewusst, und ist mächtig. Menschliche Gesichter und Körpersprache erzählen eine Geschichte, die den Reiz ausmacht. Haben Sie schon einmal bemerkt, wie ein Kind unverfroren starrt? Es ist natürlich, Gesichter mehr als alle anderen Bildtypen zu betrachten. Jede Webseite sollte Bilder von Menschen haben, oder zumindest ein Bild .

Website-Besucher können ein Stockbilder sofort erkennen. Solche Bilder von Menschen scheinen die schlimmsten Übeltäter zu sein, da sie sich einfach nicht echt anfühlen. Seien Sie nicht zu misstrauisch, wenn Sie einfach Ihre Smartphone-Kamera verwenden. Bilder, die aus makelloser Beleuchtung, makellosen Büroräumen, zu unwirklichem Perfektionismus gephotoshoppt sind und zu 50/50 % aus ethnisch unterschiedlichen Menschen bestehen, sind einfach nicht die Art, wie das Leben abläuft.

Angesichts der Kraft eines Bildes investieren Sie in ein bisschen originelle professionelle Fotografie. Zieh dich schick an, aber sieh trotzdem natürlich aus für den Fototag. Wenn sie nicht grell sind, überspringen Sie die Bearbeitung kleinerer Unvollkommenheiten; ein Bild, das Ästhetizismus vermittelt, ist wichtiger, als einen „polierten“ Zustand zu zeigen.

Der häufigste Fehler bei der Verwendung von Stockfotos besteht darin, zufällige Bilder auszuwählen, anstatt solche, die sich ausreichend auf das Thema des Artikels oder Blogbeitrags beziehen. Um Ihre Abhängigkeit von Stock-Bildern zu schützen, gehen Sie beim Kauf zu einer Website wie Getty Images oder Fotolia, wo die allgemeine Fotoqualität höher ist. Stellen Sie sicher, dass Sie Bilder haben, die die Kundenbindung in Ihren Google Ads-Kampagnen steigern können .

Nach der Durchführung einer Studie über die Verwendung von Bildern in 41 Blogs in verschiedenen Online-Nischen kam Neil Patel****** zu dem Schluss, dass „im Durchschnitt ein Blog-Beitrag, der ein Stockfotos-Bild verwendete, 152 Tweets und 83 Facebook-Likes erhielt“. Beobachten Sie, wie Ihr Image zu Ihren sozialen Plattformen beiträgt oder ablenkt, und beauftragen Sie bei Bedarf einen professionellen Social Media Marketing Manager .

2. Verwenden Sie zum leichteren Laden von Bildern die Komprimierung

Beachten Sie, dass im Bild oben auf unserer Seite der Hintergrund verblasst ist, was die Auflösung in diesen Bereichen verringert, während es möglich ist, einen Aspekt mit höherer Auflösung im Mittelpunkt dieser Grafik, der Frau, zu belassen.

Es gibt online viele Ressourcenlisten mit Tools, die bei der Bildkomprimierung helfen. Probieren Sie mehr als einen aus, um sich für Ihren bevorzugten Prozess zu entscheiden, um Ihre Bilder am besten zu codieren und das identische Bild mit den wenigsten Bytes zu liefern, ohne in eine Überoptimierung zu geraten. Das Wichtigste ist, den richtigen Code zu testen, zu testen, zu testen, der den JSON-Image-Anforderungen entspricht.

Informieren Sie sich vorab, welches Fotoformat am besten für die Bildkomprimierung geeignet ist. Wenn Sie beispielsweise eine (nicht animierte) GIF-Datei in ein PNG-Bild umwandeln, würde sich der Wert um durchschnittlich 21 % verringern. Guy Podjarny *** erklärt, dass „das Konvertieren einer (nicht transparenten) PNG-Datei in JPEG noch größere Einsparungen bieten kann, da die Dateigröße oft um das 3- bis 5-fache reduziert wird. Neue Formate wie WebP und JPEG XR können sogar noch weiter gehen und das gleiche Bild mit 25–50 % weniger Bytes kommunizieren.“

3. Beheben Sie Probleme, die das schnellere Laden von Bildern behindern

Dann gibt es noch mehr zu bedenken: Wie Ihre Bilder geladen werden, ist die Arbeit eines Browsers, die bestimmt, wie schnell Ihre Bilder angezeigt werden können. Webdesigner, die auf CSS mit langen Anweisungen, JavaScript zur Verwaltung von Grafiken oder WordPress-Plugins angewiesen sind, um einen Teil der Arbeit zu erledigen, erschweren die Sache oft unnötig. Jeder Aspekt muss sorgfältig geprüft werden, was am besten in einem vollständigen technischen SEO-Audit der Website erreicht wird.

4. Bilder sollten zur Absicht und zum Thema der Seite passen

Es braucht mehr Zeit, um beabsichtigt zu sein, aber insbesondere das Hauptbild auf einer Seite sollte eindeutig zur Absicht einer Seite passen.

Neil berichtete auch, dass er bei der Verwendung von Grafiken und Diagrammbildern die höchste Anzahl von Trackbacks erhielt. „Im Durchschnitt erhielten sie 258 % mehr Trackbacks als Blogposts mit anderen Arten von Bildern.“

Das Hinzufügen von mehr Bildern zu Seiten mit langen Inhalten kann dazu beitragen, lange Textblöcke aufzubrechen und Ihren Standpunkt zu stärken.

Bilder auf Ihren Zielseiten verdienen besondere Aufmerksamkeit, da sie der Schlüssel zur Umsatzsteigerung sind. Beiträge, die Bilddaten enthalten, erregen möglicherweise keine Massenaufmerksamkeit, aber sie haben ihren eigenen Wert aus pädagogischer und geschäftlicher Sicht. Sie werten lehrreiche Nischenblogs (wie diesen) auf und erhalten häufig einen Link zurück zu ihnen. Allein zu Forschungszwecken kann ein eingebettetes Diagramm, verwertbar oder statisch, tatsächlich an Wert gewinnen. Während einige Formen von grafischem Inhalt nach einigen Jahren veraltet sind, stellte Neil fest, dass „andere Blogs immer noch auf datenreiche Posts mit Diagrammen verlinken, unabhängig vom Alter der Posts“.

Hubspot sagt: „Wenn ein relevantes Bild mit denselben Informationen gepaart wird, behalten die Menschen 65 % der Informationen“. Der Artikel vom 3. Januar 2017 2 Visuelle Content-Marketing-Statistiken, die Sie im Jahr 2017 kennen sollten . *

5. Greifen Sie auf handgezeichnete 3D-Grafiken und animierte Bilder zurück

Verwenden Sie eine gültige Bildgröße für alle qualifizierenden JSON-LD-Markups.

Handgezeichnete 3D-Grafiken oder animierte Bilder sind beliebt und haben im Allgemeinen ein geringeres Gewicht, insbesondere wenn ein heller Hintergrund verwendet wird. Werfen Sie einen kurzen Blick auf die Bilder, die Rand Fishkin für seine erstaunlich beliebten Blogposts zum White Broad Friday verwendet (moz.com/blog/). Vielleicht ist ein „Pastellhintergrund“ nicht Ihr Markenlook, aber er wurde wahrscheinlich aus gutem Grund gewählt. Wenn Sie keine Zeit haben, diese Bildtypen zu erstellen oder zu mögen, versuchen Sie es mit Diagrammen, Infografiken oder Stockfotos.

Beachten Sie die Anforderungen an die Bildgröße für die Verwendung von Schema-Markup. Warum die zukünftige Nutzung der Seite einschränken, indem man sich nur auf die visuelle Attraktivität eines Bildes konzentriert?

Nicht alle Online-Bilder wurden korrekt getaggt, sodass Ihre Bilder reich an korrekten Metadaten für eine korrekte Optimierung sind. Konversations-Chatbot-Nachrichten können Schaltflächen, Text, Bilder und andere Elemente enthalten oder vollständig sprachbasiert reagieren. Herkömmliche Anwendungen oder Websites können mehrere Informationen gleichzeitig anfordern und auf einem Bildschirm anzeigen, ein Bot sammelt die gleiche Menge an Informationen mithilfe mehrerer Nachrichten.

Warum ist eine gültige Bildgröße wichtig?

Menschen sind starke visuelle Lerner. Ihre Bilder vermitteln einen Bezug zu Ihrem Thema und zu Ihnen persönlich. Neue Möglichkeiten in reichhaltigen SERPs geben Ihrer Marke eine bessere Präsenz. Mit einem agilen Marketingplan können Sie die neu entstehenden Anforderungen an die Bildgröße am besten erfüllen.

„Das Web wird immer bildreicher. Zwischen hochauflösenden mobilen Bildschirmen, Design im Pinterest-Stil und großen Hintergrundgrafiken hat sich die durchschnittliche Bildnutzlast in den letzten drei Jahren mehr als verdoppelt. Diese Bilder sind zwar optisch ansprechend, bringen jedoch erhebliche Leistungseinbußen mit sich und können – wenn sie nicht richtig optimiert werden – ein Web-Erlebnis langsam und schmerzhaft machen, egal wie schön es ist.“ – Guy Podjarny über Oreilly

„Wussten Sie, dass 90 % der an das Gehirn übermittelten Informationen visuell sind? Das Gehirn verarbeitet Bilder auch 60.000 Mal schneller als Text und Studien haben gezeigt, dass 40 % der Menschen besser auf Bilder reagieren als auf reinen Text“, sagt shiftelearning.com **** Das bedeutet, dass es sich lohnt, Zeit in die Erforschung Ihrer Marktnische zu investieren um zu verstehen, welche Bildtypen die Verbindung mit Benutzern fördern. Sobald Ihre Bildgrößen und Ihr Markup optimiert sind, reichen Sie eine Bild-sitemap.xml ein. Google kann sowohl Ihre Bilder als auch Seiten-URLs indizieren .

Wie Google einige Bilder verwendet, um sachliche, zuverlässige Informationen hervorzuheben

Wie JSON-LD und Ihre Bilder hart daran arbeiten, die Sichtbarkeit und das EAT Ihrer Marke aufzubauen.

„Fotos und Videos sind eine unglaubliche Möglichkeit, Menschen dabei zu helfen, zu verstehen, was in der Welt vor sich geht. Doch die Macht visueller Medien hat ihre Tücken⁠ – insbesondere wenn es um Fragen nach Herkunft, Authentizität oder Kontext eines Bildes geht. Ab heute tauchen wir weltweit Informationen zum Faktencheck in Google Bilder auf, um Menschen dabei zu helfen, diese Probleme zu bewältigen und fundiertere Urteile darüber zu treffen, was sie im Web sehen. Dies baut auf den Faktencheck-Funktionen in Search and News auf, auf die Menschen jährlich milliardenfach stoßen.

Wenn Sie jetzt auf Google Bilder suchen, sehen Sie möglicherweise ein „Faktencheck“-Label unter den Ergebnissen der Miniaturbilder. Wenn Sie auf eines dieser Ergebnisse tippen, um das Bild in einem größeren Format anzuzeigen, sehen Sie eine Zusammenfassung des Faktenchecks, die auf der zugrunde liegenden Webseite erscheint. Diese Labels können sowohl für Faktencheck-Artikel zu bestimmten Bildern als auch für Faktencheck-Artikel erscheinen, die ein Bild in der Story enthalten.“ - Google

Google teilt uns außerdem mit, dass „das Hinzufügen dieses Labels zu den Ergebnissen von Google Bilder keinen Einfluss auf das Ranking hat; Unsere Systeme sind so konzipiert, dass sie die relevantesten und zuverlässigsten verfügbaren Informationen anzeigen.“ In Bringing fact check information to Google Images, veröffentlicht am 22. Juli 2020, spricht der Produktmanager von Google, Harris Cohenm, über die Absicht, sicherzustellen, dass Menschen Zugang zu wichtigem Kontext zu den Informationen haben, die sie finden – einschließlich der Bilder –, auf die sie online stoßen .

Arbeiten Sie mit Jeannie Hill zusammen, der Gründerin von Hill Web Creations, die mit Unternehmen in Minneapolis zusammenarbeitet, um sicherzustellen, dass eine gültige Bildgröße verwendet wird, und über fehlerfreien Code verfügt, um die organische Suche, die Suchmaschinenoptimierung für die Mobile-First-Welt und Chancen auf einen Wettbewerbsvorteil online zu verbessern . Ständig wachsam, um die Aktualisierungen der SEO-Richtlinien von Google zu kennen und einzuhalten .
Ich lebe gerne in Minneapolis , Minnesota , wo ich digitale Marketingdienste für den Großraum und darüber hinaus anbiete.

Zusammenfassung

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. Glückwünsche! 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/