Google-Bildrichtlinien, AMP-Regeln und strukturierte Datenbilder

Veröffentlicht: 2017-10-26

Neue Google-Bildrichtlinien, AMP-Regeln und Hinzufügen von strukturierten Datenbildern

Zuletzt aktualisiert am 28. August 2020

Fortschritte in der visuellen Suche prägen, wie Bilder zu einer Website hinzugefügt werden, sowie alle Arten von visuellen Inhalten.

Das Hauptziel aller Werbung ist es, dem einzelnen Betrachter zu helfen, das angebotene Produkt oder die angebotene Marke schnell zu erkennen und sich darauf einzustellen. Heutzutage gibt es mehr zu beachten als nur die Standard-Bildgröße einer Website. Laut Google versuchen sie, Google-Bildergebnisse von maßgeblichen Seiten anzuzeigen.

Außerdem neigen die Menschen zuerst zu Bildern von glücklichen Gesichtern; Text an zweiter Stelle. Visuals müssen mit technischen SEO-Faktoren kombiniert werden, zu denen die Anforderungen an die Fotogröße, das Bildgewicht und die ordnungsgemäße Implementierung strukturierter Daten für ergebnisorientiertes Marketing gehören. Beispielsweise beträgt die neue Bildgröße für akzeptable Rezeptschemata mindestens 185 x 185 Pixel. Während Website-Besucher Seiten mit einem Bild bevorzugen, war es früher erlaubt, keines zu haben. Jetzt sagt Google: „Jede Seite muss mindestens ein Bild enthalten (unabhängig davon, ob Sie Markup einfügen oder nicht)“. Und wenn Sie hervorgehobene Snippets erhalten möchten, ist ein strukturierter SEO-Ansatz erforderlich, bei dem bestimmte neue Bildgrößenvorschläge befolgt werden müssen. Durch die Einhaltung der neuen Google-Bildrichtlinien, AMP-Regeln und korrigiert strukturierte Daten-Bildimplantationen.

Unser Ziel beim Schreiben dieses Artikels konzentriert sich hauptsächlich auf die Bildrichtlinien von Google und die Bildrichtlinien für Accelerated Mobile Pages (AMP). Dies ist eine Antwort auf viele Webmaster und Website-Eigentümer, die nach Einzelheiten zur Auswahl eines Bildes und zur Optimierung eines Bildes für den Inhalt ihrer Website und die Anforderungen für digitales Marketing fragen. Wir beantworten allgemeine Imagefragen, insbesondere in Bezug auf Werbung in der Mobile-First-Welt .

Was sind die wichtigsten Bildrichtlinien, die Sie kennen sollten?

* Bilder sollten ab dem 26. Mai 2020 mindestens 1200 Pixel breit sein, wenn die Höhe 800 Pixel beträgt. Es ist eine Frage der Mathematik.

* 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 sinnvoll sein, sich auf den Beitrag beziehen und indexierbar sein.

* Bilder müssen den markierten Inhalt darstellen.

* Bilder müssen im BMP-, GIF-, JPEG-, PNG-, WebP- und SVG-Format für die JSON-LD-Implementierung für das E-Commerce-Schema vorliegen. Entwickler können Bilder auch als Daten-URIs einbetten. Daten-URIs bieten eine Möglichkeit, eine Datei, z. B. ein Bild, inline einzuschließen, indem der src eines img-Elements als Base64-codierte Zeichenfolge festgelegt wird.

* Um optimale Ergebnisse zu erzielen, stellen Sie mehrere hochauflösende Bilder (mindestens 800.000 Pixel bei Multiplikation von Breite und Höhe) mit einem der folgenden Seitenverhältnisse bereit: 16×9, 4×3 und 1×1.

Denken Sie daran, dass Google seine Anforderungen und Richtlinien für Bilder jederzeit aktualisieren kann. Behalten Sie einen agilen Marketingplan bei, um ihn bei Bedarf zu ändern. Finden Sie AMP-Bildgrößenfehler in Ihren Google Search Console Insights , indem Sie den URL-Inspektor und neue Berichte verwenden.

Die Art und Weise, wie Google und andere Suchmaschinen die Bildsuche weiter ausbauen, spiegelt sich im URL-Rollover wider, das in SERPs angezeigt wird und ein Bild-Popup auslöst. Langsames Laden, umfangreiche oder falsch formatierte Bilder sind in Ihren Core Web Vitals-Berichten oft problematisch . Wie Sie Bilder auf Ihrer Website verwenden, ist wichtig für Ihre , günstigen mobilen Suchergebnisse – Sie möchten nicht, dass die Leute ein Bild laden wollen. Sie können sie ganz verlieren.

Wo sollte das vorgestellte Bild auf einer Webseite platziert werden?

Platzieren Sie das vorgestellte Bild auf jeder Webseite an erster Stelle oder ganz oben.

Am 24. September 2018 gab Google bekannt, dass es seinen Bildsuchalgorithmus überarbeitet hat, um Fotos basierend auf der Autorität einer Webseite als Faktor anzuzeigen, auf den es sich verlassen wird. Oder auch alte oder neuere Inhalte sind davon betroffen, wie Google die Platzierung des Bildes auf der Seite bewertet. Das bedeutet, dass die Bilder, die Sie weiter oben auf einer Seite platzieren, von Google höher bewertet werden.

Wenn Sie die Änderungen in den SERP-Anzeigen beobachten, wissen Sie bereits, dass der Technologieriese Bilder als wichtiges Element betrachtet. Google schrieb:

„Im Laufe des letzten Jahres haben wir den Google Bilder-Algorithmus überarbeitet, um Ergebnisse zu ranken, die sowohl großartige Bilder als auch großartigen Inhalt auf der Seite haben. Für den Anfang ist die Autorität einer Webseite jetzt ein wichtigeres Signal im Ranking. Wenn Sie nach DIY-Regalen suchen, handelt es sich bei der Website hinter dem Bild jetzt eher um eine Website, die sich auf DIY-Projekte bezieht. Außerdem priorisieren wir aktuellere Inhalte, sodass Sie mit größerer Wahrscheinlichkeit eine Website besuchen, die kürzlich aktualisiert wurde.

Außerdem war es noch nicht lange her, dass es beim Besuch einer Bild-Webseite schwierig sein konnte, das gesuchte Bild zu finden, wenn Sie dort ankamen. Wir priorisieren jetzt Websites, bei denen das Bild im Mittelpunkt der Seite steht, und weiter oben auf der Seite. Wenn Sie also ein bestimmtes Paar Schuhe kaufen möchten, wird eine Produktseite, die diesem Paar Schuhe gewidmet ist, beispielsweise vor einer Kategorieseite mit einer Reihe von Schuhstilen priorisiert.“

Visuelles Marketing, das auf den Punkt bringt, worum es in Ihrer Geschäftswelt geht

Wie unterstützen Bilder das Unternehmenswachstum?

Bilder von schlechter Qualität spiegeln Ihre Marke schlecht wider. Hochwertige Bilder vermitteln dem Verbraucher, dass Ihre Marke persönlich und vertrauenswürdig ist. Bei geschickter Verwendung können Bilder eine beträchtliche Anzahl von Besuchern auf Ihre Website lenken. Überzeugende Bilder fördern Social Shares und Markeninteraktion und helfen Ihnen letztendlich, Ihre Geschäftsziele zu erreichen.

Bildarbeit, die zu einer aussagekräftigen Visualisierung führt, hilft Website-Besuchern, sich mit Ihrem Unternehmen und Ihren Produkten zu identifizieren. Relevante, aufregende und emotional ansprechende Bilder sind wichtige Medienwerte für das Unternehmenswachstum . Einige digitale Vermarkter halten es für beängstigend, wenn neue Richtlinien für die Verwendung von Bildern auftauchen, zusammen mit der komplexen Notwendigkeit, darauf zuzugreifen, wie Bilder emotionale Erfahrungen erzeugen. Die Bildauswahl für Ihre Online-Produktseiten und -dienste kann mit den folgenden Informationen beginnen; Es schützt Sie vor schlechten Entscheidungen und spart Ihnen auf lange Sicht Zeit, eine Geldstrafe oder eine Strafe für Schemaprodukt-Markups .

Nehmen wir an, Sie haben hart daran gearbeitet, das richtige Unternehmensimage zu entwickeln, und möchten nun Ihr Unternehmensimage nutzen, um die Sichtbarkeit und den Umsatz Ihrer Unternehmensmarke zu steigern. Falls Sie sich dessen noch nicht bewusst waren, ist es an der Zeit, sich über die neuesten Bildspezifikationen, Regeln und Warnungen auf dem Laufenden zu halten. Sie haben vielleicht Hunderte von 5-Sterne-Gesundheitsbewertungen erhalten, um Ihre Suchergebnisse zu verbessern, aber Sie brauchen immer noch fleißige Bilder.

Google Rolls in IPTC-Metadatenunterstützung für Google-Bilder

„Als Teil einer Zusammenarbeit zwischen Google, dem Fotoindustriekonsortium CEPIC und IPTC, dem globalen Gremium für technische Standards für die Nachrichtenmedien, können Sie jetzt auf rechtebezogene Bildmetadaten in Google Bilder zugreifen.“ - Google*******

Ab dem 27. September 2018 hat Google „Ersteller- und Kredit-Metadaten hinzugefügt, wann immer sie zu Bildern auf Google Bilder vorhanden sind“. Sie gaben auch an, dass Metadaten für Urheberrechtshinweise in Zukunft verfügbar sein werden.

Bildspezifikationen für Google AdWords-Werbung Benutzer neigen zuerst zu Bildern von glücklichen Gesichtern; Zweiter Text

Image-Anzeigen ziehen die Aufmerksamkeit der Käufer über die weit verbreiteten Anzeigen auf sich. Das richtige Bild kann von Ihrem identifizierten Ziel innerhalb des riesigen Display-Netzwerks von Google angezeigt werden, das aus ungefähr 2 Millionen Websites und Apps besteht. Sie möchten also, dass Ihre Bilder aus der Nähe gut aussehen und schnell geladen werden.

In diesem Bildnutzungsszenario gibt es sowohl Maß- als auch Gewichtsangaben. AdWords Account Manager können über den AdWords Editor Bildanzeigen aus einer riesigen Auswahl festgelegter Bildabmessungen hochladen. Derzeit beträgt die Bildgrößenbeschränkung für alle AdWords-Bildanzeigen 150 KB. Bislang hat der Words-Editor keine Bilder in doppelter Größe (z. B. ein 1024 x 90-Bild für eine 512 x 45-Anzeigenfläche) für hochauflösende Anzeigegeräte unterstützt.

Manchmal arbeiten wir mit einem Team zusammen, das es vorzieht, die Bilder für seine Google-Anzeigengrößen zu entwerfen, anstatt jemanden mit der Erstellung der Anzeigengrafiken zu beauftragen. In diesem Fall sollten klare Anweisungen an den Grafikdesigner einen Hinweis enthalten, dass das Endprodukt in den Formaten JPEG, SWF, PNG oder GIF vorliegen sollte. Derzeit sind dies die einzig akzeptablen Formate für PPC-Werbung.

Denken Sie daran, wie Ihre Anzeigen auf Mobilgeräten angezeigt werden, und beginnen Sie mit den Bannerbildformaten, auf die die meisten Nutzer klicken. Einige Anforderungen gelten auch für Bild-Overlay-Anzeigen und HTML5-Anzeigen. Ihr PPC-Profi weiß, welche Bildspezifikationen erforderlich sind und welche A/B-Tests zeigen, wie sich mobiles Engagement durch Bildinhalte auswirkt .

Bilder müssen repräsentativ für alle Keywords und Anzeigen sein, die in einer bestimmten Anzeigengruppe gefunden werden, wenn Bilderweiterungen verwendet werden. Außerdem müssen Produktbilder von ausreichend hoher Qualität sein, um konvertiert zu werden.

WARNUNG: Unternehmen können mit einer Google-Warnung wegen falscher Darstellung konfrontiert werden, wenn sie der Meinung sind, dass dies die Nutzer schützt. Bilder mit Text sollten übereinstimmen. „Wir gestatten keine Anzeigen oder Zielseiten, die darauf abzielen, Nutzer zu täuschen, indem relevante Informationen ausgeschlossen oder irreführende Informationen über Produkte, Dienstleistungen oder Unternehmen bereitgestellt werden“, heißt es auf der Google-Werbeplattform***********.

Benennen Sie Ihre Bild-URLs nach Möglichkeit gleich beim ersten Mal richtig.

„Wenn wir Änderungen in URLs in Bezug auf eingebettete Bilder sehen, müssen wir diese Bilder zuerst neu crawlen, neu verarbeiten, neu indizieren und sie alle wieder für die Bildsuche vorbereiten.“ – John Mueller von Google

Bildrichtlinien für AMP-Seiten

AMP-Landingpages sind insofern fortschrittlicher, als sie sowohl Medienabfragen als auch Elementabfragen unterstützen. Darüber hinaus verfügt es über einen einzigartigen integrierten Prozess, der das Layout einzelner Elemente wie Bilder steuern kann. Google ermutigt Webmaster jetzt, in Bezug auf das Seitenverhältnis von Bildern zu denken. Das Seitenverhältnis ist das proportionale Verhältnis zwischen Breite und Höhe eines bestimmten Bildes. Es wird normalerweise als zwei Zahlen angegeben, die durch ein x getrennt sind, z. B. 16 x 9 oder 4 x 3. Wenn Sie Fotos mithilfe von Seitenverhältnissen anpassen, bleibt die Auflösung des Bilds erhalten.

Responsive Bilder für AMP-Versionen Ihrer Seiten und Beiträge

Bei responsiven Bildern auf AMP „müssen Breite und Höhe nicht exakt mit der Breite und Höhe des amp-img übereinstimmen; diese Werte müssen nur zu demselben Seitenverhältnis führen. Anstatt beispielsweise width=“900″ und height=“675″ anzugeben, können Sie laut Dokumentation einfach width=“1.33″ und height=“1″ angeben. Wenn Sie einen professionellen Fotografen engagiert haben, um Ihre eigenen einzigartigen Bilder zu machen, stellen Sie sicher, dass Sie flexibel sind, wenn Sie sie online verwenden. Es geht nicht darum, ob der Fotograf sie zuschneiden möchte; Es geht darum, ob das Bild beschnitten werden muss.

Das AMP-Layout-Setup erfordert das Seitenverhältnis eines Bildes, bevor das Bild abgerufen werden muss. In Situationen, in denen die Abmessungen des Bilds jedoch unbekannt sind, kombinieren Sie das Fülllayout von AMP mit der CSS-Eigenschaft für Objektanpassung, um die erforderlichen Bildseitenverhältnisse beizubehalten. Fügen Sie das srcset Attribut für retinafähige Bilder hinzu. Das x steht für das Pixelverhältnis des Geräts. Dann wird ein 2x-Bild auf Geräten mit einem 2px-Verhältnis gerendert.

Ein einfaches amp-img, das auf amphtml , erhält eine feste Breite und Höhe. Wenn Sie ein größeres Bild auf einem kleinen Gerät verwenden, ist ein Teil dieses Bildes außerhalb des Bildschirms sichtbar. Die AMP Ready-Site bietet Beispiele dafür, wie Bilder skaliert werden, und der AMP-Layout-Manager erleichtert die Arbeit. Ohne Berücksichtigung von AMP könnte man die maximale Breite einfach auf 100 % und die Höhe auf „Auto“ setzen, sodass die ursprüngliche Bildgröße verwendet wird, bis das Ansichtsfenster zu klein ist. Dann wird die Grafik für kleinere Bildschirme entsprechend im Verhältnis verkleinert. AMP erfordert einen zusätzlichen Denkprozess für Ihre Bilder.

Die AMP-HTML-Laufzeit ist äußerst effizient bei der Verwaltung von Bildressourcen, da sie weiß, wann es am besten ist, das Laden von Ressourcen zu verzögern oder zu priorisieren, indem sie die Position des Darstellungsbereichs, Systemressourcen, Bandbreitenstärke sowie zusätzliche Faktoren bestimmt. Es kann auch animierte GIF-Bilder abspielen

Ihre Bilder können mit der angegebenen festen Höhe und Breite angezeigt werden, die Sie ihnen gegeben haben. Es muss mindestens eine explizite Breite und Höhe angegeben werden. Das Hinzufügen verschiedener Größen ist ein Plus. Dann machen Sie sie responsiv, indem Sie layout="responsive" hinzufügen. Da <amp-img> vom JavaScript-Code abhängt, werden Ihre Bilder nicht angezeigt, wenn der Benutzer Skripts deaktiviert. Für dieses Szenario dürfen Sie einen Fallback für das Image bereitstellen, indem Sie <img> und <noscript> . Sehen Sie sich die Beispiele von Firebase an.

„AMP-IMG ist der AMP-HTML-Ersatz für Bilder. AMP IMG ist ein ziemlich intelligentes Tag. Die amp-Javascript-Laufzeit priorisiert Bilder basierend auf der Verbindung, dem Darstellungsbereich, den Systemressourcen oder anderen Faktoren. Die meisten Bilder werden faul geladen. Das bedeutet, dass Bilder erst geladen werden, wenn sie in die Ansicht scrollen.“ – amready.com

„Da AMP-Seiten normalerweise aus einem AMP-Cache bereitgestellt werden, erhalten Sie beim ersten Klick nicht die größten Vorteile von Progressive-Web-Apps, da Ihr eigener Service Worker nicht ausgeführt werden kann. Andererseits kann eine Progressive Web App beim ersten Klick nie so schnell sein wie AMP, da Plattformen (bildreiche) AMP-Seiten sicher und kostengünstig vorab rendern können.“ – Smashing Magazine********

AMP-Logo-Anforderungen

Fotodateien müssen im Raster hochgeladen werden, z. B. .jpg, .png oder .gif; Vektoren wie .svg-Logobilder sind nicht zulässig.

Animationen sind im Logo nicht erlaubt.

Auch kein vollständiges Wortmarken-Logo oder eine Symbol-Logo-Version.

Die Grafik muss gut lesbar sein und auf einem weißen oder hellen Hintergrund stehen. Kein schwarzer Hintergrund.

Die Größe des Logos sollte ein Rechteck sein, speichern Sie Ihre quadratische Version für andere Zwecke, z. B. in Ihrem Google Business Listing.

Ihr AMP-Logo sollte in ein Rechteck von 60 x 600 Pixel passen. Die AMP-HTML-Community empfiehlt eine Höhe von genau 60 Pixel (bevorzugt) oder eine Breite von genau 600 Pixel. Es besagt, dass das Beispiel eines 450 x 45 Pixel großen Logos nicht akzeptabel wäre, unabhängig davon, ob es in das 600 x 60 Pixel große Rechteck passt.

Wenn Sie das AMP-Plugin für WordPress verwenden, geben Sie unbedingt Ihr AMP-Logo an. Wenn Sie dies nicht tun, können auf Ihren AMP-Seiten Implementierungsfehler bei strukturierten Daten auftreten, da sie derzeit häufig das Artikelschema in das Blogpost-Schema konvertieren.

Mobile Bildergalerien, die AMP-Carousel verwenden

Viele haben Gerüchte gehört, dass die Seitenelemente der Bildergalerie auf Accelerated Mobile Pages stark eingeschränkt sind. Dies sollte entlarvt werden, da die Amp-Karussell-Komponente ideal für Bildergalerien sein kann – sie erfordert nur spezifische Fähigkeiten. Das Karussell benötigt das Höhenattribut, das im Voraus angegeben werden muss. Dies kann schwierig sein, wenn die angezeigten Bilder und Bildunterschriften in unterschiedlicher Größe und Länge gesendet werden. AMP-Entwickler haben hart daran gearbeitet, dieses Problem zu lösen.

Die richtige Einrichtung für das AMP-Bildkarussell umfasst Folgendes:

  • mit der amp-fit-text-Komponente.
  • Importieren der Karussellkomponente in die Kopfzeile der Seite.
  • Kenntnisse über die Verwendung der Amp-Selector-Komponente.
  • Integration der Amp-Bind-Komponente.
  • Verwenden Sie die amp-image-lightbox-Komponente mit Standard-CSS, wenn Sie möchten, dass sie Stilaktualisierungen erhält.

AMP-Bildergalerien können auch die Bildunterschrift über dem Bild haben und Miniaturbilder als Vorschau für die Bildauswahl verwenden.

AMP-Hero-Images für progressive Web-Apps

Das erste Hero-Image Ihrer Seite und die entsprechende AMP-Überschrift können vorab gerendert werden, sodass Website-Besucher Ihre Inhalte sofort sehen können, indem sie sich „above the fold“ befinden. Wenn Sie der Webentwicklungs-Community folgen, haben Sie wahrscheinlich schon etwas über AMP mit progressiven Web-Apps (PWAs) gelesen. Es ist ein Oberbegriff, der Web-Erlebnisse beschreibt, die so fortschrittlich sind, dass sie mit noch so reichhaltigen und immersiven nativen Apps konkurrieren und „Retina“ verwenden, randlose Bilder. Bei mobilen Verbindungen müssen Benutzer mit einer durchschnittlichen Latenzzeit von 300 Millisekunden rechnen. Hier können durch das Laden von AMP-Bildern andere Einschränkungen wie begrenzte Bandbreite oder eine schlechte Signalverbindung überwunden werden.

Minimieren Sie Verzögerungen, die zwischen Ihren Benutzern und Ihren umfangreichen Inhalten liegen. Creative Commons von GitHub bietet viele LD-JSON-Beispiele für Anwendungen vom Bildelementtyp.

Rendern Sie ein einfaches Layout auf dem Server mit Lazy-Loading-Bildern für verbesserte Funktionalität und so weiter. Beachten Sie, dass Sie möglicherweise einen freiberuflichen Front-End-Leistungsassistenten beschäftigen oder anwerben müssen. Ungeduldige mobile Benutzer stellen uns vor ein Gesamtladeleistungsbudget von weniger als 1 Sekunde, um tatsächlich alle gewünschten Bilder zu laden, während Sie Ihre App initialisieren. Es ist eine echte Herausforderung für effektives SEO, wenn es um die Ladegeschwindigkeit geht.

Bildspezifikationen für strukturierte Daten von Google Google Rich Snippet mit einem Bild

Bilder von Artikeln und Nachrichtenartikeln müssen mindestens 1200 Pixel breit sein. Für ein besseres Seitenverhältnis empfehlen wir, ein Bild zu verwenden, das mindestens 1200 Pixel breit und 800 Pixel hoch ist. Bei digitalem Marketing geht es hauptsächlich um Effizienz. Wenn Sie also planen, Ihre Inhalte mit Schema-Markup intelligenter zu gestalten, bereiten Sie sich auf Bilder vor und berücksichtigen Sie dabei die Vorschläge von Google. Andernfalls können Schemawarnungen, die in Ihrer Search Console oder bei der Verwendung von SDTT gefunden werden, in Zukunft zu Fehlern werden.

Zum Beispiel haben das branchenspezifische Schema und der JSON-LD-Code Ihres lokalen Unternehmens die Anforderung hinzugefügt, dass Ihr Logobild Anfang dieses Jahres angegeben werden muss.

Google garantiert niemals, dass Sie alle Ihre Bilder in hervorgehobenen Suchergebnissen wie der Quick Answer Box, seinen Grafiken oder in Google News finden. Wenn Sie sich jedoch strikt an die Anforderungen halten und versuchen, ihren Vorschlägen zu folgen, erhöht sich die Wahrscheinlichkeit, dass Ihre Grafiken aufgenommen werden.

Nach all der Arbeit bei der Auswahl eines großartigen Bildes möchten Sie die Vorteile einer korrekten Auszeichnung nutzen.

Beispiel: für ein Artikel → Bild: Eine URL oder Liste von URLs, die auf die repräsentative(n) Bilddatei(en) verweisen. Bilder müssen mindestens 160 x 90 Pixel und höchstens 1920 x 1080 Pixel groß sein. Andernfalls können wir sie nicht auf der Suchergebnisseite anzeigen. In dieser Eigenschaft sollten nur markierte Bilder aufgeführt werden, die direkt zum Artikel gehören. Wenn es mehrere anwendbare Bilder gibt, listen Sie alle auf, wobei die wichtigen Bilder an erster Stelle stehen. Sie können noch einen Schritt weiter gehen und unsere Site-Audit- und Google Analytics-Checkliste herunterladen .

Halten Sie die Bildspezifikationen für Produktbilder genau ein

Betrachten Sie die Wirksamkeit grafischer Bilder: Erinnern Sie sich an die verlockende Bildsprache „cool sein“, wenn Sie Camel-Zigaretten rauchen? Auf der Rückseite von Zigarettenschachteln befinden sich dann bildliche Gesundheitswarnungen vor Risiken wie Zahnfleisch-/Mundkrankheiten oder Mundkrebs. Die Google-Suche ist bestrebt, den Inhalt einer Seite und ihre Bilder besser zu interpretieren. Das richtige Bildschema liefert explizite Hinweise auf die Bedeutung eines Bildes und wie es das Thema der Seite erklärt. Viele Arten von strukturierten Daten umfassen die Bereitstellung von Informationen über die Bilder einer Seite, um bei der Klassifizierung des Seiteninhalts zu helfen und die beste Übereinstimmung für die Suchanfrage eines Benutzers zurückzugeben.

Beim Auszeichnen von Produkten hat Google am 27. September 2017 seine Google Developers ***-Seite für die Produktsuche aktualisiert und erklärt, dass es eine Reihe von Bildern mit unterschiedlichen Seitenverhältnissen bevorzugt. „Um optimale Ergebnisse zu erzielen, stellen Sie mehrere hochauflösende Bilder (mindestens 50.000 Pixel bei Multiplikation von Breite und Höhe) mit den folgenden Seitenverhältnissen bereit: 16 × 9, 4 × 3 und 1 × 1.“ Die Bildverhältnisse funktionieren jedoch gut, damit Bilder auf Ihren Seiten und Beiträgen eine bessere Chance haben, im Google News Feed angezeigt zu werden. Sie benötigen außerdem ein Logo-Bild, das im Feed verlinkt werden muss.

„Das Crawlen von Bildern berücksichtigt das schema.org-Bild und og:image, die im HTML-Text eines Artikels angegeben sind. Für das Bild, das Sie als Miniaturbild neben Ihrem Artikel verwenden möchten, empfehlen wir die Verwendung von schema.org oder og: image, um diese Auswahl deutlich zu machen.“ - Google*

Warum neue Richtlinien zur Stereotypisierung von Bildern für Bildkäufer und Kreative wichtig sind

Spricht Ihre Online-Präsenz davon, Menschen aller Geschlechter, Altersgruppen, ethnischer Vielfalt, einer Mischung aus persönlichen Vorlieben, religiösen und politischen Hintergründen zu umarmen?

Jahrelange Marketingforschung beweist , dass Visuals eine der effizientesten und erfolgreichsten Methoden sind, dies zu tun. Die Bilder, die ein Unternehmen oder eine Marke in ihren Post- und bezahlten Kampagnen verwendet, sind in der Regel der Aspekt, der bei den meisten Zielgruppen am stärksten ankommt. Um sowohl ein breiteres Publikum zu erreichen als auch Ihre Marke zu schützen , ist es wichtig, sich über neue Regeln zur Geschlechterstereotypisierung in Anzeigen und zur Verwendung von Bildern auf Ihrer Website auf dem Laufenden zu halten.

Ein kürzlich erschienener Bericht der Advertising Standards Authority (ASA) und des Committees of Advertising Practice (CAP) fordert eine härtere Haltung gegenüber negativen Geschlechterstereotypen, die Bilder oft darstellen. „Zwischen 2015 und 2016 hat die ASA 1.378 Beschwerden im Zusammenhang mit der Darstellung von Frauen und Männern geprüft. Davon betrafen 465 Fälle die Darstellung von Männern“, so Amelia Tait, die erläutert, warum die neuen weboptimierten Bildregeln vielen zugute kommen.

Die Studie kommt auch zu dem Schluss, dass Werbung für medizinische Websites problematisch sein kann, wenn ein Bild verwendet wird: die Darstellung eines ungesunden Körperbildes. Die Ergebnisse zeigen die Art und Weise, wie Patienten oder Personen nach visuellen medizinischen Informationen suchen, im Vergleich zum Durchklicken einer Abfrage in einem Suchfeld zum Lesen von Text auf einer Seite.

Der Abschlussbericht „Darstellungen, Wahrnehmungen und Schäden“ wurde am 18. Juli 2017 veröffentlicht und Warum neue Regeln zu Geschlechterstereotypen in Anzeigen auch Männern zugute kommen, wurde am selben Tag von Amelia veröffentlicht. „Bis 2019 werden mehr als die Hälfte aller mobilen Suchen visuelle Suchen sein“, prognostiziert sie, während sie den Bericht zitiert

Um diesen Trend zu bestätigen, erklärt Lauryn Chamberlain, Associate Editor bei GeoMarketing, in ihrem Artikel vom 25. Juli 2017 mit dem Titel What Marketers Should Know About The Future Of : „Bis 2020 werden schätzungsweise 50 Prozent der Suchanfragen von Bildern und Sprache kommen“. Suche .

Erweitern Sie Ihre Reichweite mit korrekten Bildgrößen und Metadaten

Um in die begehrte Sichtbarkeit im Google Maps Local Pack aufgenommen zu werden, müssen Sie nicht nur auf die Größe, sondern auch auf andere Anforderungen wie das Gewicht achten und Metadaten intelligent verwenden.

Es gibt bereits viele großartige Artikel zu „Bildrichtlinien für Facebook-Anzeigen“, „Twitter-Bildrichtlinien“, „Richtlinien für Social Media-Bilder“, „Anforderungen an Amazon-Produktbilder“ und mehr. Unser Ziel hier ist es, uns auf das zu konzentrieren, was für die Google-Suche und Google Ads benötigt wird.

Da neue Richtlinien in Kraft treten, sei es für JSON-LD-Anforderungen oder zum Schutz von Geschlechterproblemen, ist es wichtig sicherzustellen, dass Sie Bilder verwenden, die sich von Ihrer besten Seite zeigen und den positiven Ansatz Ihrer Marke demonstrieren. Bilder unterstützen auch Google Now Cards . Dies funktioniert sowohl, um Respekt vor den sich ändernden Ansichten in der Gesellschaft zu zeigen, als auch um technische SEO-Probleme zu lösen, die sich aus der falschen Bildgröße oder Metadaten ergeben können.

Sollen meine Bilder Vielfalt widerspiegeln?

Vielfalt widerspiegeln, um ein breiteres Publikum mit Bildern zu erreichen, auf die sie sich beziehen.

Der Anteil der Anzeigen, die eine Reihe von Familien- und Geschäftsdynamiken aufweisen, ist spürbar gestiegen. Sie können Bände sprechen, wenn sie ein Bild von Männern und Frauen bieten, die in körperlich herausfordernden Rollen wie in der Armee zusammenarbeiten; Männer und Frauen, die an derselben Sportart teilnehmen, oder eine ethnisch gemischte Menge bei einer Veranstaltung.

Die Darstellung der Gleichstellung der Geschlechter und dessen, wozu eine Person in der Lage ist oder nicht, ist eine der zwingenden Botschaften, die Unternehmen in ihrer digitalen Werbung darstellen müssen. Dies wird ihnen dabei helfen, Anerkennung für die Einhaltung der neuesten Richtlinien zu erhalten und den Vorteil von Anzeigen zu erhalten, die für die aktuellen Märkte attraktiver sind.

Wie Bilder in SERPs und Google News Feed angezeigt werden

Ich habe nach einem meiner veröffentlichten Beiträge gesucht, um die Frage eines Kunden zu beantworten. Meine Suchanfrage „Bilder für gültige JSON-LD-Hill-Web-Kreationen“ hat Tonnen von Bildern geladen. Sind solche Bildergebnisse nur ein Zufall? Nein. Es bedarf einer Planung, um zu maximieren, wie Ihre Bilder zu Geschäftswachstumsstrategien beitragen können.

Ihr Unternehmen kann eine stärkere Online-Präsenz erlangen, wenn Sie beeinflussen können, wie Ihre Marke im Knowledge Graph , in Video-Snippets, Newsfeeds und anderen Rich Snippets bei Google angezeigt wird. Auffallend ist, dass sich das Farbthema meiner Website in der Auswahl der verwendeten Bilder widerspiegelt.

Beachten Sie die erweiterten Bildkriterien und -vorschläge von Google

Google gibt bekannt, wie es die Bildanforderungen für Ihre App-Kampagnen vereinfacht

Google Ads wird später im Jahr 2020 in Kraft treten und „von größenbasierten auf verhältnisbasierte Bildspezifikationen aktualisieren, um Ihren kreativen Prozess einfacher und effizienter zu gestalten. Sie müssen nur Bilder in drei Seitenverhältnissen hochladen, um Ihre Anzeigen auf geeignete App-Kampagneneigenschaften und -formate zu skalieren:“

Darüber hinaus wird die maximale Bilddateigröße nach oben angepasst und von 150 KB auf 5 MB aktualisiert. Dies unterstützt qualitativ hochwertigere Assets. Die PPC-Plattform erklärt außerdem: „Wir trimmen auch unsere genehmigten Dateiformate, deaktivieren GIFs und behalten nur .jpg und .png bei, um Ihnen die kreative Entwicklung zu erleichtern.“ Neue Bilderkarussells tauchen auf und helfen den Verbrauchern, schnell ein Produkt zu identifizieren, an dem sie interessiert sein könnten; Schema-Markup hebt Bilder hervor und kann nützlich sein, um Ihre Produktbilder in Produktkarussells zu bringen . Darüber hinaus kann die Verwendung semantisch verwandter Wörter auf Ihren Produktseiten dazu beitragen, besser zu erklären, was Sie verkaufen.

Welche Tipps schlägt Google vor, um die besten Bilder bereitzustellen?

Tipps, wie Sie Bilder auswählen, die den Anforderungen entsprechen, neue Kunden gewinnen, Klicks fördern, teilen und Ihre Geschäftsnische davon überzeugen, dass Sie führend sind:

  • Bildfarben sollten Ihr Logo ergänzen und nicht mit ihm konkurrieren.
  • Die Größe sollte für die meisten Desktop-Anwendungen horizontal sein.
  • Wählen Sie ein Bild, das das Thema Ihrer Seite gut darstellt.
  • Wählen Sie Bilder, die widerspiegeln, wer Sie sind, und die das Engagement der Endnutzer verbessern.
  • Halten Sie den richtigen Ton, um zu Ihrem Publikum zu passen.
  • Zeigen Sie Ihre Markenpersönlichkeit durch Ihre Wahl.
  • Achten Sie genau auf die Eigentumsrechte an Bildern und geben Sie die richtige Quellenangabe an.

Entsprechen die responsiven Bilder meines Themes den Richtlinien?

Jedes Site-Design verfügt über einen Mechanismus zum Anzeigen von Bildern. Nicht jeder Theme-Entwickler ist bezüglich Best Practices für die Verwendung von Bildern auf Ihrer Website und Änderungen der Bildrichtlinien auf dem Laufenden. Sei proaktiv.

Da Bilder die Kapazität Ihrer Website schneller verbrauchen als fast jedes Element, denken Sie daran, wie viele Variationen der Bildgröße jedes Mal hinzugefügt werden, wenn ein einzelnes Bild hochgeladen wird. Das erste, was Sie wissen sollten – jedes Bild, das in Ihre Medienbibliothek hochgeladen wird, erstellt automatisch mehrere Kopien (Miniaturansichten) mit kleineren Größen (Abmessungen in Pixeln), dies ist ein Standardmechanismus von WordPress. Die Qualität solcher Kopien hängt von den Originalabmessungen eines Bildes und Ihren Einstellungen ab.

Als Geschäftsinhaber müssen Sie letztendlich Richtlinien einhalten, indem Sie zum Teil Webdesigner, digitale Vermarkter und Google Ads-Spezialisten einstellen, die auf dem Laufenden bleiben und dieses Wissen anwenden. Sollten Sie zum Beispiel ein Wasserzeichen Ihres Logos auf ein Bild einfügen, wenn Sie auch keine Rechte haben, raten Sie mal, wer am Ende eine Geldstrafe zahlen wird?

Kreativspezialisten und Webdesigner lieben es, atemberaubende Bilder zu erstellen. Es mag sich anfühlen, als wäre es ein bisschen schwierig, auf intelligente Weise leichtere, schnellere und überzeugendere Bilder in höchster visueller Qualität und mit der besten Ladezeit zu erstellen und zu liefern. Noch heute beschäftigen sich zu wenige Webdesigner mit der Erstellung von Accelerated Mobile Pages mit zusätzlichen Bildspezifikationen. Wir prüfen immer genau, wie wir die Verwendung von Bildern im Rahmen unserer hochwertigen Website-Audits verbessern können

Bildoptimierung für die visuelle Suche

Da immer mehr Benutzer ihre Suchanfrage sprechen und die Google-Bildsuche verwenden, ist die Optimierung für die Google-Bildsuche wichtig.

Laut Autor Michael Miller wird die visuelle Suche sowohl von Computer Vision als auch von Schema-Markup für den Einzelhandel unterstützt , um die Online-Suche zu einer noch besseren und intuitiveren Möglichkeit zum Einkaufen und Finden von Lösungen als je zuvor zu machen. Der Artikel „Gartner's Top 10 Predictions for 2018 and beyond“ vom 7. Oktober 2017 schlägt vor, dass dieser Marketingtrend in Kombination mit der Sprachsuche die Art und Weise revolutioniert, wie Einzelpersonen nach Informationen suchen, Informationsrecherchen vor dem Kauf durchführen und neue Produkte und Dienstleistungen entdecken.

Es lohnt sich, auf Bildvorhersagen zu achten, da dies Änderungen auf Ihrer Website erzwingt:

* Bis 2019 wird mehr als die Hälfte aller mobilen Suchen visuell oder sprachgesteuert sein.

* Bis 2021 werden Early-Adopter-Marken, die ihre Websites zur Unterstützung der visuellen und Sprachsuche umgestalten , ihre Einnahmen aus dem digitalen Handel um 30 Prozent steigern.

* Fotos, die mit Photoshop leicht gefälscht werden können, tragen zu einem Mangel an Vertrauen bei. Über 90 Prozent der Top-Filmveröffentlichungen „de-age“ Schauspieler.

* Die Ladegeschwindigkeit der Seite wird noch entscheidender sein und sich auf die Auswahl der Bilder auswirken.

Fortschreitende Methoden der Mustererkennung und des maschinellen Lernens finden heute breite Anwendung im Kontext der intelligenten Bildsuche. Immer mehr Menschen nutzen die erweiterte Google-Suche, um genau das zu finden, wonach sie suchen. Sowohl Amazon als auch eBay bereiten sich auf weitere Bildsuchen vor. eBay wird zwei neue KI-gestützte visuelle Suchfunktionen für seine Produkte ankündigen, während Amazon jetzt die Bilderkennung zu seiner Kern-iOS-App hinzugefügt hat. Die visuelle Suche von Bixby Vision ermöglicht es Benutzern, ihre Kamera einfach auf ein beliebiges Objekt zu richten und später online nach ähnlichen Objekten zu suchen****. Sie möchten, dass Ihre Bilder eine Chance haben, hochgezogen zu werden. Ihr Unternehmen kann ein neues Maß an Marketingeffizienz erreichen.

Sowohl das Bild als auch die entsprechende Seite müssen indiziert werden

Es gibt viele Überlegungen, wenn Sie versuchen, die Attribute Ihrer Website für die mobile Suche zu verbessern . Damit Ihre Bilder in die Google Bildersuche aufgenommen werden, braucht es mehr als nur Ihre Bilder, die irgendwo im Web platziert sind, das Bild selbst sollte sich auf einer Webseite befinden, die auch indexiert werden kann. Wenn entweder das eigentliche Bild oder die dazugehörige Seite, auf der das Bild zu finden ist, aus irgendeinem Grund nicht gecrawlt oder indexiert wird, zeigt Google es nicht in seiner Bildersuche an.

Google-Mitarbeiter John Mueller sprach darüber in einem Google Webmaster Help-Event am 25. Dezember 2018. Er antwortete auf eine Beschwerde über ein persistentes Bild in der Google-Bildsuche mit den Worten:

Ich vermute, dass bei der Entfernung Ihrer Webseite etwas nicht ganz wie erwartet funktioniert. Damit ein Bild in Google Bilder angezeigt werden kann, müssen sowohl das Bild als auch eine zugehörige Zielseite indexiert sein. Wenn die Zielseite entfernt (oder mit dem Entfernungstool vorübergehend ausgeblendet) wurde, können wir das Bild auch nicht anzeigen. Mein Verdacht ist, dass mehrere Zielseiten-URLs beteiligt sind (manchmal kann dies schwer zu erkennen sein, mit subtilen Unterschieden in den URLs der Seiten), und eine davon wurde entfernt, aber die anderen sind noch indexiert. Wenn dies der Fall ist, arbeiten Sie daran, dass auch die anderen Zielseiten entfernt werden, dann sollte dies dazu führen, dass die Bilder ebenfalls nicht angezeigt werden (Sie könnten auch noch weiter gehen und auch die Bild-URLs entfernen, wenn sich diese auf Ihrer eigenen Website befinden). Manchmal erfordert dies etwas Übung, aber es hört sich so an, als hätten Sie bereits eine Version entfernen können, also müssen Sie sich wahrscheinlich „nur“ auf die genauen betroffenen URLs konzentrieren und diese auch bereinigen.

Verbraucher können Filterschaltflächen verwenden, um Produkte zu finden Verbraucher verwenden Filterschaltflächen, um Produkte zu finden

Die Google Bildersuche bietet jetzt oft Filterschaltflächen an. Diese können direkt über den Ergebnissen der Bildsuche erscheinen und einer Person helfen, eine Suchanfrage auf eine bestimmte Bedeutung zu verfeinern. Wenn ich beispielsweise nach „rote Schuhe mit hohen Absätzen“ suche, habe ich bereits einiges über meine Suchabsicht angegeben. Ich habe jedoch neue Auswahlmöglichkeiten wie „Stiletto“, „Hochzeit“, „Abschlussball“, „billig“ usw. Wie gut Sie JSON-Markup verwendet haben, beeinflusst die Daten, die Sie zu Ihren Produktbildern hinzufügen.

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.

Bildoptimierungen können in Ihren Build- und Release-Prozessen etabliert werden, um Sie davor zu schützen, dass jemand etwas vergisst und eine oder mehrere Seiten stark behindert werden.

Die Bestimmung der optimalen Einstellungen für Bilder auf Ihrer Website erfordert jemanden, der weiß, wie man Folgendes am besten einschätzt:

  • Maßanforderungen pro Anwendung
  • Formatierungsfähigkeiten
  • Inhalt verschlüsselter Daten
  • die benötigte Bildqualität
  • Bildpixelabmessungen
  • mehrere Bilddateien für unterschiedliche Geräte

Da Miniaturansichten von Bildern in „People Also Ask“- und „Antwort“-Feldern angezeigt werden können, zählt die Art und Weise, wie Sie Bilder verwenden, für die Aufnahme in die Answer Engine von Google.

Richtlinien von Google zur Verwendung des Bildelements

Wie auf der Image-Seite von Google Developer von Pete LePagem, einem Developer Advocate, zitiert:

Das img -Element ist leistungsstark – es lädt Inhalte herunter, decodiert und rendert sie – und moderne Browser unterstützen eine Reihe von Bildformaten. Das Einbinden von Bildern, die geräteübergreifend funktionieren, ist nicht anders als für den Desktop und erfordert nur ein paar kleinere Anpassungen, um ein gutes Erlebnis zu schaffen.

TL;DR

  • Verwenden Sie relative Größen für Bilder, um zu verhindern, dass sie versehentlich den Container überfüllen.
  • Verwenden Sie das picture , wenn Sie je nach Geräteeigenschaften (auch als Art Direction bezeichnet) unterschiedliche Bilder angeben möchten.
  • Verwenden Sie srcset und den x -Deskriptor im img -Element, um dem Browser Hinweise zu geben, welches Bild am besten geeignet ist, wenn Sie aus verschiedenen Dichten auswählen.
  • Wenn Ihre Seite nur ein oder zwei Bilder enthält und diese nicht an anderer Stelle auf Ihrer Website verwendet werden, sollten Sie die Verwendung von Inline-Bildern in Betracht ziehen, um Dateianforderungen zu reduzieren.

Verwenden Sie relative Größen für Bilder

Es gibt viele Arten von Site-Audits, stellen Sie sicher, dass Sie auch Ihre Bildgrößen analysieren lassen.

Denken Sie daran, relative Einheiten zu verwenden, wenn Sie Breiten für Bilder angeben, um zu verhindern, dass sie versehentlich den Darstellungsbereich überfüllen. Zum Beispiel width: 50%; bewirkt, dass die Bildbreite 50 % des enthaltenden Elements beträgt (nicht 50 % des Darstellungsbereichs oder 50 % der tatsächlichen Pixelgröße).

„Ohne Datenvisualisierung und -analyse sind wir alle anfälliger für Missverständnisse und verpasste Gelegenheiten.“ – Tafel*****

„Der größte Wert eines Bildes ist, wenn es uns zwingt, etwas zu sehen, was wir nie erwartet hätten.“ – John Tukey, 1977

Ist es besser, eine JPEG- oder Webp-Bildversion zu verwenden?

Entscheiden Sie sich bei der Auswahl zwischen einer JPEG- oder einer Webp-Version für Ihr nächstes #Bild dafür, was sich auf die Crawling-Bandbreite auswirkt – aber der Website-Besucher wird wahrscheinlich keinen Unterschied bemerken. Es sei denn, das Bild verlangsamt die Ladezeit und sie möchten nicht darauf warten, es zu sehen.

Wie liefert Google Fakten zu einem Bild?

Google verwaltet Bilder und fügt Sachdaten hinzu durch:

  • Verstehen von Bilddetails durch Deep Learning, das visuelle und textliche Signale von Bildern auswertet
  • Kombinieren Sie es mit einem Verständnis des Textes auf der Webseite des Bildes
  • Generieren Sie dann einen Link zu relevanten Knowledge Graph-Entitäten

Auf den meisten Android-Telefonen können Sie Google Lens von Google Fotos und Ihrem persönlichen Google Assistant-Konto aus verwenden.

In einer Ankündigung vom 8. Juli 2020 sagt Google: „Ab dieser Woche macht es eine neue Funktion einfach, schnell Fakten darüber zu finden, was Sie auf Google Bilder sehen . Wenn Sie in den USA auf einem Mobilgerät nach einem Bild suchen, werden möglicherweise Informationen aus dem Knowledge Graph angezeigt, die sich auf das Ergebnis beziehen. Diese Informationen umfassen Personen, Orte oder Dinge, die mit dem Bild aus der Datenbank des Knowledge Graph mit Milliarden von Fakten in Verbindung stehen, und helfen Ihnen, das Thema besser zu erforschen.“

Wenn Sie auf ein bestimmtes Thema tippen, wird es erweitert und zeigt Ihnen eine kurze Beschreibung der Person, des Ortes oder der Sache, auf die es sich bezieht. Dann kann es einen Link hinzufügen, um mehr zu erfahren, und verwandte Themen anzeigen, die Sie erkunden können.

Wir stellen auch fest, dass uns Leute nach dem Wert von Bilder-Sitemaps fragen.

Sollte ich eine Bild-Sitemap verwenden?

Da Ihre Bilder Ihre Inhalte als wichtige Informationsquelle unterstützen, helfen sie, Suchmaschinen zusätzliche Details zu Ihren Bildern bereitzustellen. Mit einer Bild-Sitemap können Sie die URL von Bildern und andere nützliche Informationen angeben. Bild-Sitemaps können URLs von anderen Domains verwenden, im Gegensatz zu normalen Sitemaps, die domänenübergreifenden Beschränkungen unterliegen müssen. Sie können CDs (Content Delivery Network) verwenden, um Bilder zu hosten. Verifizieren Sie in diesem Fall zunächst den Domainnamen des CDN in Ihrer Google Search Console, damit Bild-Crawling-Fehler korrekt weitergegeben werden können.

Maximieren Sie Ihren Return on Marketing Dollar mit der richtigen Bildsprache

Durch bewährte Tests können unsere effektiven Fähigkeiten im Suchmaschinenmarketing Ihre nächste lokale SEO-Kampagne leiten, die einzigartig auf die Bedürfnisse und Ziele Ihrer Kunden zugeschnitten ist. Wir sind stolz darauf, Unternehmen dabei zu helfen, im digitalen Marketing von Minneapolis und im ganzen Land sowohl „attraktiv auszusehen“ als auch „effektiv zu sein“. Unsere Kundenverhaltensanalyse kann Ihre Marketingentscheidungen leiten. Um neue Kunden zu gewinnen, den Umsatz zu steigern und Ihr Online-Geschäft auszubauen, rufen Sie uns an, wenn Sie Hilfe bei der Auswahl der besten Bilder benötigen.

Benötigen Sie einen Partner, der sicherstellt, dass Sie Bilder online optimal einsetzen? Wir berücksichtigen Ihre Geschäftsziele, was in Ihrem Markt funktioniert, sowie die Farbtheorie und die Rolle visueller Elemente bei der Seitenausführung und der Customer Journey. Profitieren Sie von unserer langjährigen Expertise; Unser Ansatz hat funktioniert und die Einnahmequellen gesteigert. Und ich habe keinen Zweifel, dass Sie den gleichen Erfolg in Ihrem eigenen Markt erleben werden.

„Bilder machen oft die meisten heruntergeladenen Bytes auf einer Webseite aus und nehmen auch oft einen erheblichen Teil des visuellen Raums ein. Infolgedessen kann die Optimierung von Bildern oft zu einigen der größten Byte-Einsparungen und Leistungsverbesserungen für Ihre Website führen: Je weniger Byte der Browser herunterladen muss, desto weniger Konkurrenz gibt es um die Bandbreite des Clients und desto schneller kann der Browser herunterladen und nützlich darstellen Inhalt auf dem Bildschirm.“ – Ilya Grigorik, ein Autor von Google Fundamentals

Sie haben vielleicht nie gedacht, dass es für die Verwendung von Fotos im Internet so viele Bildrichtlinien, Regeln und Best Practices von Google gibt. Auch nicht, dass es ein wesentlicher Aspekt dessen ist, woraus SEO besteht . Für Websites, die bereits die wichtigsten strukturierten Datentypen implementieren , bestimmt ein Schema-Site-Audit Korrekturen im Code, damit Sie sicherstellen können, dass Ihr Bildschema und alles andere korrekt ist. Dadurch wird auch die Wahrscheinlichkeit erhöht, dass Ihre Bilder in den Antwortfeldern von Google angezeigt werden .

Rufen Sie 651-206-2410 an und fragen Sie nach Jeannie Hill . Wir können all dies für Sie abdecken, Ihre Website auf dem neuesten Stand und konform halten und mit unserem vollständigen technischen SEO-Site-Audit prüfen , ob Bilder gut optimiert sind

* 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-help-you-work-without-boundaries/

***** 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/