Strategien zur Verlagsentwicklung im Wahlkampf | WEBINAR
Strategien zur Verlagsentwicklung im Wahlkampf | WEBINAR
In diesem Modul lernen Sie, was Bildoptimierung ist, welche Bedeutung sie für die Suchmaschinenoptimierung hat, welche Best Practices für eine effektive Nutzung gelten und welche häufigen Fehler bei der Bildoptimierung vermieden werden sollten.
Videodauer
19:24
Beantworten Sie das Quiz!
Nehmen Sie am aktuellen Modulquiz teil
Materialien
Gebrauchsfertige Vorlagen
Ressourcen
Berichte und Ressourcen
Für dieses Modul sind keine Quizze verfügbar.
Bildoptimierung bedeutet, bewährte Methoden auf die Bilder anzuwenden, die Sie auf Ihrer Seite verwenden, damit Ihre Inhalte in den Suchmaschinenergebnisseiten (SERPs) besser platziert werden.
Internetnutzer bevorzugen zunehmend visuelle Inhalte . Daher ist die Optimierung von Bildern genauso wichtig wie die Optimierung des Textes in Ihren Inhalten.
Bildoptimierung dient dazu, Bilder im bestmöglichen Format, in der optimalen Größe und Auflösung bereitzustellen, um die Nutzererfahrung (UX) zu verbessern. Damit Google das Bild korrekt indexieren, crawlen und in den Suchergebnissen anzeigen kann, muss es gemäß den Google-Richtlinien und mit den entsprechenden Metadaten versehen sein.
In diesem Modul werden wir uns eingehender mit den wichtigsten Aspekten der Bildoptimierung befassen.
Auch Bilder sind Inhalte. Wie Texte erscheinen sie in den Suchergebnissen und beeinflussen, wie hilfreich ein Leser Ihre Seite findet. Deshalb ist die Optimierung von Bildern für die Suchmaschinenoptimierung (SEO) so wichtig.
über 70 % des Dateigewichts aus . Das bedeutet, dass unoptimierte Bilder die Ladezeiten verlängern können. Da die Seitengeschwindigkeit ein wichtiger Rankingfaktor ist, wirkt sich dies direkt auf die Suchmaschinenoptimierung (SEO) aus. Neben der Seitengeschwindigkeit können unoptimierte Bilder auch die Nutzererfahrung beeinträchtigen, beispielsweise durch Layoutverschiebungen.
Diese Faktoren wirken sich auf die Core Web Vitals (CWVs) Ihrer Website aus, die Google zur Messung der Nutzererfahrung verwendet.
Mehr Informationen zu CWVs finden Sie in unserem ausführlichen Erfahrungsmodul hier .
Die Bildoptimierung umfasst die korrekte Identifizierung und Kennzeichnung von Bildern mithilfe von Alternativtexten und strukturierten Daten, das Hinzufügen von Bildern zu Sitemaps und das Erstellen neuer Sitemaps für Bilder . All dies hilft Webcrawlern, die Bilder auf einer Seite schnell und korrekt zu erkennen und zu verarbeiten, wodurch die Crawling-Geschwindigkeit und -Effizienz verbessert werden.
Google-Suchanfragen werden immer visueller und beschränken sich nicht mehr nur auf textbasierte Schlüsselwörter. Die Anzahl der Bilder bei Google ist im letzten Jahrzehnt rasant gestiegen, weshalb die Bildoptimierung wichtiger denn je ist.
Bereits 2018 kündigte Google an, visuelle Inhalte stärker in die Suche . Daraufhin führte Google mehrere neue Funktionen ein – wie Bildunterschriften, Kurzinfos und verwandte Suchanfragen –, die alle stark auf Bildern basieren. Für Publisher hat die Nutzung dieser Funktionen wahrscheinlich direkte Auswirkungen auf ihre Suchmaschinenoptimierung und die Auffindbarkeit ihrer Inhalte.
Schauen Sie sich an, was passiert, wenn wir nach der FIFA-Weltmeisterschaft in Katar suchen.
Auf der rechten Seite befindet sich nun ein separates Seitenfeld mit Bildern, das direkt über dem Wikipedia-Eintrag zum Suchbegriff angezeigt wird.
Durch Klicken auf die Registerkarte „Bilder“ wird nicht nur die Anzahl der durchsuchbaren Bildoptionen erweitert, sondern, wie wir im grünen Feld unten sehen können, wird nun auch ein Karussell mit vorgeschlagenen Begriffen angezeigt, mit denen Sie Bilder nach Namen filtern können.
Durch weiteres Scrollen (wie im Bild unten dargestellt) werden weitere Empfehlungen für verwandte Suchanfragen angezeigt, die dabei helfen können, die Ergebnisse einzugrenzen oder die Suchanfrage zu erweitern.
Wenn Bilder aus Ihren Inhalten unter den Top-Bildern erscheinen, ist das eine weitere Möglichkeit für Verlage, die Auffindbarkeit ihrer Inhalte zu verbessern.
Google hat außerdem Google Lens – seine KI-gestützte Bilderkennungstechnologie, die in der Suchleiste der Google-App für iOS und Android zu finden ist.
— um es noch leistungsstärker zu machen.
Mit Google Lens können Nutzer nach weiteren Informationen zu Bildern suchen, indem sie entweder ein Foto von etwas machen oder ein auf ihrem Telefon gespeichertes Bild hochladen und Google dann bitten, passende Ergebnisse anzuzeigen.
Eine leistungsstarke Funktion von Google Lens ist die Mehrfachsuche, mit der Benutzer Textbeschreibungen zu Bildersuchen hinzufügen können, um die Suche nach visuellen Informationen zu erleichtern.
Google arbeitet außerdem daran, die Mehrfachsuche lokaler zu gestalten. Das bedeutet, dass Nutzer ihre Kameras auf etwas richten, das Bild in Google Lens hochladen, einige Fragen eingeben und Google ihnen dann die besten Ergebnisse in der Nähe ihres aktuellen Standorts anzeigt.
Trotz ihrer offensichtlichen Bedeutung haben Verlage oft Schwierigkeiten mit der Bildoptimierung, da dabei einige häufig auftretende Probleme auftreten.
Wenn es um die Optimierung von Textinhalten geht, wissen Verlage oft, welche Parameter sie überwachen und optimieren müssen – Schlüsselwörter, Inhaltssäulen und -gruppen, Überschriften und Titel usw.
Bei der Bildoptimierung sind sich Publisher jedoch oft nicht bewusst, welche Kennzahlen sie überwachen und verbessern sollten. Gängige Kennzahlen sind beispielsweise Bildgröße, Bildtyp und Ladezeit.
Da Sie regelmäßig Bilder für Ihre zahlreichen Artikel optimieren müssen, kann dies eine mühsame Angelegenheit sein. Zwar gibt es Möglichkeiten zur Massenoptimierung von Bildern, beispielsweise mithilfe von Plugins oder eines CDN, doch die Beibehaltung der Bildqualität ist ebenfalls wichtig. Es gilt, ein ausgewogenes Verhältnis zu finden, das durch gründliche Tests erreicht werden muss.
Nachdem wir nun verstanden haben, was Bildoptimierung ist und warum sie für SEO wichtig ist, können wir uns damit befassen, wie der Optimierungsprozess abläuft.
PNG und JPEG sind die beiden beliebtesten und am weitesten verbreiteten Bildformate . Es ist wichtig zu wissen, welches der beiden Formate in welcher Situation verwendet werden sollte.
Während PNG gut für Screenshots, Grafiken und Bilder mit Text geeignet ist, eignet sich JPEG gut für Fotos. PNG verwendet verlustfreie Komprimierung, wodurch die Bildqualität erhalten bleibt, während JPEG die Bildqualität bei jedem Speichern in diesem Format reduziert.
SVG (skalierbares Vektorformat) eignet sich ideal für Logos und einfache geometrische Formen mit geringer Bildkomplexität.
Neuere Formate wie WebP und AVIF gewinnen als Alternativen zu den oben genannten Formaten rasant an Popularität. Beide Formate bieten eine höhere Auflösung und unterstützen Animationen, wobei insbesondere WebP von allen modernen Web- und Mobilbrowsern unterstützt wird.
Insgesamt bleiben PNG und JPEG/JPG jedoch mit 81,3 % bzw. 76,6 % aller Websites die Abstand beliebtesten Bildformate , dicht gefolgt von SVG (Stand: November 2022).
Die Gesamtgröße der Bilder auf Ihrer Seite hat direkten Einfluss auf deren Ladezeit. Die Komprimierung sollte jedoch nicht zu einer verminderten Bildqualität führen.
Das richtige Verhältnis zwischen Qualität und Dateigröße zu finden, ist entscheidend, kann aber mühsam sein, wenn man es durch Ausprobieren versucht. Hier spielen Online-Tools ihre Stärken voll aus. Tools wie Imagemin ermöglichen die Komprimierung von Bildern in verschiedenen Formaten, sowohl verlustbehaftet als auch verlustfrei.
Die Wahl des richtigen Formats kann Ihnen ebenfalls helfen, die optimale Balance zu finden. Beispielsweise sollten Sie WebP in Betracht ziehen. WebP ist eine bessere Alternative zu JPEG , da es eine um 30 % geringere Bildgröße ermöglicht, ohne die Qualität und Auflösung zu beeinträchtigen.
Wenn Sie WordPress als Content-Management-System (CMS) nutzen, können Sie Ihre Bilder mit Plugins wie Smush , Optimus oder Imsanity optimieren. Diese helfen Ihnen beim Komprimieren, Skalieren, verzögerten Laden von Bildern und vielem mehr. Alternativ können Sie animierte Bilder wie GIFs (die oft sehr groß sind) durch CSS ersetzen. Mit CSS-Animationen und -Effekten lassen sich komplexe Bilder erstellen, die auch bei starkem Zoomen ihre Auflösung und Qualität beibehalten.
Ein Bildname hilft Google, den Kontext eines Bildes beim Ranking in den Suchergebnissen zu verstehen. Bei größeren Publikationen ist es jedoch nicht immer möglich, alle Bilder auf der Website sorgfältig zu benennen. In diesem Fall können Sie eine Bild-Sitemap erstellen , die Google hilft, das Bild zu finden, seinen Zweck zu verstehen und es zu indexieren.
Neben kontextbezogenen Dateinamen empfehlen wir außerdem, dem Bild einen Titel und eine Bildunterschrift hinzuzufügen . Diese Attribute sind zwar optional, ergänzen Ihren Inhalt jedoch, indem sie der Suchmaschine ein umfassenderes Verständnis Ihres Themas vermitteln und so die Indexierung des Bildes verbessern .
So geht's
Bildnamen müssen im Quellcode Ihrer Seite hinzugefügt werden. Dies geschieht entweder manuell oder mithilfe eines CMS-Plugins über das src-Attribut „img“.
Wenn Ihr Bild einen Fußball enthält, sollte der Code für die Bildquelle etwa so aussehen:<img src=”football.jpg”/> , was Google hilft zu verstehen, was das Bild enthält. Andererseits gibt es Code, der so aussieht:<img src=”IMG11082022.jpg”/> ist vage und bietet keinerlei Kontext.
Wenn Ihre Bilder für Menschen mit Sehbehinderung oder aufgrund geringer Bandbreite nicht sichtbar sind, helfen Alt-Text-Attribute, das Bild zu beschreiben. Dies erleichtert auch Suchmaschinen das Crawlen und Indexieren Ihrer Bilder.
So geht's
Um auf das obige Beispiel zurückzukommen: Der Code für Alt-Text sollte folgendermaßen aussehen:<img src=”football.jpg” alt=""Welt" cup official football on the ground”/> Die.
Wenn Sie ein erfahrener Entwickler sind, können Sie den Alternativtext manuell in den Quellcode Ihrer Seite einfügen. Wenn Sie WordPress verwenden, können Sie die folgenden Schritte befolgen:
Durch das Hinzufügen strukturierter Daten zu Ihren Bildern stellen Sie Google die notwendigen Informationen zur Verfügung, um diese als Rich Results und Snippets anzuzeigen. Dies ermöglicht es Nutzern, mehr Informationen zu erhalten und so den passenden Link auszuwählen, was wiederum zu mehr Traffic auf Ihrer Seite führt.
Aktuell unterstützt Google strukturierte Daten für Bilder in den Produkte , Videos und Rezepte .
So geht's
Google empfiehlt die Verwendung von JSON-LD zum Erstellen strukturierter Datenskripte für Ihre Inhalte und Bilder.
Strukturierte Daten lassen sich einfach mithilfe eines der zahlreichen kostenlosen oder kostenpflichtigen Plugins wie Schema Pro , Schema.press usw. hinzufügen. Unabhängig davon, ob Sie die Bildstrukturdaten manuell oder über ein Plugin hinzufügen, umfassen die Schritte das Hinzufügen von Werten für alle relevanten Bildeigenschaften und Datentypen , die Validierung des Codes mithilfe des Rich-Results-Tests und die anschließende Implementierung durch Übermittlung der Bild-Sitemap an Google, damit Google die Bilder crawlen und indexieren kann.
Um mehr über strukturierte Daten und deren Verwendung zu erfahren, sehen Sie sich unser Modul zum Thema Schema .
Wie man Sitemaps erstellt und einreicht, erfahren Sie in unserem ausführlichen Modul zu Google News-Sitemaps.
Die Nutzererfahrung ist ein wichtiges Kriterium, das Google bei der Bewertung von Seiten heranzieht. Eines der Elemente, die die Nutzererfahrung beeinflussen, ist die Ladezeit.
So können Sie Bilder optimieren, um die Seitenladezeit zu verbessern:
Dabei werden zunächst nur die kritischen Ressourcen geladen, während andere, weniger wichtige Ressourcen bedarfsweise nachgeladen werden. Zu den Vorteilen des verzögerten Ladens zählen geringerer Netzwerkverkehr und damit verbundene Bandbreitenprobleme und Datennutzungskosten, verbesserte Lesbarkeit langer Seiten sowie das reduzierte Laden eingebetteter Bilder, die keinen Mehrwert für den Inhalt bieten.
Responsive Bilder erstellen
Nutzer betrachten Bilder auf verschiedenen Geräten. Durch die Implementierung des srcset-Attributs für unterschiedliche Geräte wird sichergestellt, dass das Bild auf verschiedenen Bildschirmgrößen gut lesbar dargestellt wird. Hier ist ein Beispiel für den Code des srcset-Attributs:
Wir haben die Grundlagen der Bildoptimierung behandelt. Die folgenden Punkte tragen jedoch ebenfalls wesentlich zur Suchmaschinenoptimierung von Bildern bei.
Selbst die besten Bilder der Welt können minderwertige Inhalte nicht ausgleichen. Im Vordergrund sollte der Inhalt stehen, der die Bedürfnisse der Nutzer erfüllt. Bilder sollten eine natürliche Ergänzung darstellen und den Storytelling unterstützen. Unpassende oder irrelevante Bilder auf Ihrer Seite verbessern Ihr Ranking nicht.
Im Gegenteil, Google lehnt solche Praktiken ab und empfiehlt, möglichst originelle Inhalte zu verwenden. Hochwertige Inhalte , einschließlich der verwendeten Bilder, , um ein gutes Ranking Ihrer Seite in der Google-Suche zu gewährleisten
Der Inhalt rund um das Bild liefert Nutzern und der Suchmaschine wichtige Informationen zur Relevanz des Bildes. Google empfiehlt, das wichtigste Bild möglichst weit oben auf der Seite zu platzieren.
Auch wenn es umstritten ist, ob Bilder, die weiter unten auf der Seite platziert sind, genauso gut ranken wie die weiter oben platzierten, ist es am besten, sich an die Richtlinien von Google zu diesem Thema zu halten.
Alle Ihre Bemühungen zur Bildoptimierung werden wahrscheinlich zu keinem Ergebnis führen, wenn Ihre Bilder aufgrund von robots.txt- oder noindex-Einstellungen für Googlebot nicht zugänglich sind.
Diese Einstellungen weisen Google an, Ihre Inhalte nicht zu indexieren oder zu crawlen, wodurch sie nicht in den Suchergebnissen erscheinen. Sie können die Funktion „URL prüfen“ in der Google Search Console nutzen, um die Barrierefreiheit von Inhalten und Bildern zu testen.
Wir empfehlen Ihnen außerdem zu prüfen, ob für Ihre Inhalte ein SafeSearch-Filter aktiv ist. SafeSearch ist eine von Google bereitgestellte Nutzereinstellung, die Bilder mit expliziten Inhalten zulässt oder blockiert und Webseiten dazu verpflichtet, diese Inhalte entsprechend zu kennzeichnen .
Tests sind nicht nur wichtig für die Auffindbarkeit, sondern auch wertvoll, um zu auf verschiedenen Geräten dargestellt werden Web Stories-Format . Obwohl dieses Format speziell für mobile Endgeräte optimiert ist, erscheinen die Bilder und Texte auch in Google Bilder und Discover. Mit der „Entwicklervorschau“ können Sie Ihre Inhalte auf überzeugendere Erzählweisen testen.
Lizenzfreie Bilder sind auf zahlreichen Plattformen wie Pixabay, Unsplash und Pexels erhältlich. Auch wenn diese Bilder kostenlos genutzt werden dürfen, ist zu beachten, dass dasselbe Bild möglicherweise bereits von mehreren anderen Urhebern verwendet wurde.
Laut John Mueller von Google kann dies die Platzierung des Bildes in der Google-Bildersuche erschweren. Verwenden Sie daher möglichst Originalbilder.
Neben der Einhaltung der vorherigen Richtlinien ist es auch wichtig, diese häufigen Fehler zu vermeiden, um Ihre Bilder besser zu optimieren.
Wie bereits erwähnt, verbessert ein aussagekräftiger Alternativtext die Zugänglichkeit Ihrer Bilder für Nutzer. Google berücksichtigt die Attribute Ihres Alternativtexts und stuft Ihre Bilder tendenziell höher ein.
Es ist jedoch verlockend, Keywords in großen Mengen zu verwenden, um in den Suchergebnissen weit oben zu erscheinen. Dieses sogenannte Keyword-Stuffing kann Ihren Bemühungen schaden. Es kann nicht nur zu einer schlechten Nutzererfahrung führen, sondern Google kann Ihre Seite auch als Spam einstufen .
Hier sind einige Beispiele für Fehler, die Sie vermeiden sollten, und für korrekt formatierten Alternativtext.
Urteil: Schlecht, da das Alt-Text-Attribut fehlt.
Urteil: Schlecht, aufgrund von Keyword-Stuffing.
Urteil: Gut, aber es sollte detaillierter sein.
Urteil: Ideal
Google verfügt zwar über eine integrierte Technologie zur optischen Zeichenerkennung (OCR), um in Bildern eingebetteten Text zu lesen, diese ist jedoch nicht immer hundertprozentig genau. Darüber hinaus können sowohl Nutzer als auch Suchmaschinen den in Bildern eingebetteten Text möglicherweise nicht entschlüsseln.
Wenn Sie wichtige Informationen vermitteln möchten, ist es besser, Text anstelle eines Bildes zu verwenden.
Es wird wahrscheinlich nicht immer möglich sein, Originalbilder zu verwenden. In solchen Fällen liegt es nahe, über die Google-Suche nach neuen Bildern zu suchen. Allerdings können einige dieser Bilder urheberrechtlich geschützt sein, was ihre Verwendung einschränkt. Daher sollten Sie die Nutzungsbedingungen des jeweiligen Bildes prüfen, bevor Sie es auf Ihrer Seite verwenden.
Google Bilder bietet einen Filter namens „Nutzungsrechte“, mit dem Sie nach Bildern suchen können, denen vom Host-Anbieter oder Bildanbieter Lizenzinformationen hinzugefügt wurden. Diese Funktion finden Sie im Bereich „Tools“ unterhalb des Suchfelds.
Nach der Auswahl des Bildes können Sie die Lizenzdetails überprüfen, um die Auswirkungen, Kosten (falls vorhanden) und Anforderungen der Bildnutzung zu verstehen.
Wie Sie im obigen Screenshot sehen können, sind unter „Nutzungsrechte“ die Lizenzoptionen Creative Commons und Kommerziell oder andere ersichtlich.
Bilder mit einer Creative-Commons-Lizenz sind in der Regel kostenlos nutzbar, erfordern aber unter Umständen die Nennung des Urhebers und der Quelle. Bilder mit einer kommerziellen Lizenz sind üblicherweise kostenpflichtig. Google empfiehlt, die Lizenzbedingungen vor der Verwendung eines Bildes auf Ihrer Seite zu prüfen .
Mit der Einstellung „max-image-preview“ können Sie die maximale Größe für die Bildvorschau in den Suchergebnissen festlegen. Wenn für diese Einstellung kein Wert angegeben ist, zeigt Google das Bild in seiner Standardgröße an.
Dies gilt zwar für alle Google-Oberflächen wie Bilder, Suche und Discover, ist aber besonders relevant bei der Nutzung von Discover, wo größere Formate ein besseres Nutzererlebnis ermöglichen.
Die Verwendung des Attributs „max image preview“ verbessert nachweislich die Klickrate (CTR) und den Traffic für verschiedene Publisher. Dank dieses Attributs kann Google große Bilder in der Vorschau unverändert anzeigen, ohne sie zu komprimieren oder ihre Einstellungen zu ändern. Große, hochauflösende Bilder in der Vorschau wecken mit größerer Wahrscheinlichkeit das Interesse der Suchenden.
Content Delivery Networks (CDNs) sind ausgelagerte Hosting-Plattformen, die als Speicherort für Bilder und andere Mediendateien dienen. Dank ihrer fortschrittlichen Infrastruktur, die auf geringe Latenz und Bandbreite optimiert ist, ermöglichen sie schnellere Seitenladezeiten als intern gehostete Inhalte. Die Vorteile eines CDNs müssen jedoch individuell geprüft werden.
Ein CDN kann zwar einige technische Probleme lösen, aber es kann sich negativ auf Ihr Backlink-Profil auswirken. Backlinks gehören zu den wichtigsten SEO-Faktoren und sind entscheidend für die Platzierung Ihrer Website in den Suchergebnissen. Mehr über den Wert von Backlinks in unserem entsprechenden Modul.
Wenn Sie ein Bild auf einem CDN anstatt auf Ihrer eigenen Website hosten, führen alle Backlinks zu diesem Bild den Benutzer zum Pfad des CDN, wodurch die direkten Besuche auf Ihrer Website, die ein effektiver Backlink erbracht hätte, reduziert werden.
Ein Bildpaket ist eine Collage aus Bildern von verschiedenen Webseiten, die in den Google-Suchergebnissen erscheinen können. Sie sehen etwa so aus.
Wenn Sie auf eines der Vorschaubilder klicken, werden Sie jedoch nicht automatisch zur Quellseite weitergeleitet. Stattdessen öffnet sich ein Google-Bilder-Fenster mit einer vergrößerten Version des jeweiligen Bildes, etwa so.
Erst durch erneutes Klicken auf das Bild – wie im rechten Bereich des obigen Screenshots zu sehen – verlassen Sie Google und gelangen zur Quellseite. Google Bilder fungiert hier also als Vermittler, bevor die Weiterleitung abgeschlossen ist.
Wenn Ihr Bild Teil eines Bildpakets ist, erfasst die Google Search Console (GSC) jedes Mal eine Impression für dieses Bild, wenn das Paket in den Suchergebnissen geladen wird. Dies ist darauf zurückzuführen, dass das title-Attribut Ihres Bild-Tags Ihre URL enthält.
Auch wenn Sie eine hohe Anzahl an Impressionen verzeichnen, dürfte die tatsächliche Anzahl der Klicks auf Ihre Website deutlich geringer sein, da Bildpakete Links zur Suchverfeinerung enthalten, die ein neues Google-Bildersuchergebnis generieren, anstatt die Suchenden von der Plattform wegzuleiten.
Aufgrund der Funktionsweise von Links zur Suchverfeinerung sowie der Art und Weise, wie die Google Search Console Impressionen und Klicks zählt, können Bildpakete Ihre Klickrate (CTR) für Bilder drastisch verfälschen.
Wir wenden uns nun einer Fallstudie einer Website zu, um zu analysieren, wie diese die in diesem Modul genannten Richtlinien zur Optimierung von Bildern umgesetzt hat.
Kirbie Cravings ist ein Foodblog aus San Diego, der Hunderte von Rezepten auf seiner Website veröffentlicht hat. Jedes Rezept wird von ansprechenden und hochwertigen Bildern begleitet.
Wenn wir mit der rechten Maustaste auf die Seite klicken und ihren Quellcode anzeigen, sehen wir das Attribut max-image-preview:large im<head> Element ganz am Anfang des Quellcodes.
Als Ergebnis werden die qualitativ hochwertigen Bilder des Herausgebers in den Vorschauen auf Google-Oberflächen angezeigt.
Gleichzeitig verlangsamen diese Bilder trotz ihrer Größe nicht die Ladezeit der Seite.
Wir klicken mit der rechten Maustaste auf das Bild und wählen „Untersuchen“. Dadurch öffnet sich rechts auf der Seite ein Fenster, in dem wir die Eigenschaften des ausgewählten Elements untersuchen können. Für das obige Bild sehen wir Folgendes:
Wir sehen hier zwei interessante Dinge:
Wie wir bereits besprochen haben, tragen Bilder den größten Teil zum Seitengewicht bei. Daher ist es für eine schnellere Seitenladezeit unerlässlich, sie möglichst klein zu halten.
Wir haben auch die Wichtigkeit des richtigen Dateiformats besprochen. Wir haben .jpg/.jpeg für Fotos empfohlen, während .png für Grafiken und digitale Bilder verwendet werden sollte. Wie unten zu sehen ist, verwendet Kirbie Cravings .png überall dort, wo digitale Bilder wie Logos und Icons verwendet werden.
Wenn wir als Nächstes in demselben Inspektionsfeld auf „Eigenschaften“ klicken, können wir sehen, dass die Seite Lazy Loading verwendet, obwohl die Bilder relativ leicht sind.
Diese Seite hat ihre Bilder sorgfältig optimiert durch:
Da Google sich weiterentwickelt, um den Bedürfnissen seiner Nutzer besser gerecht zu werden, wird das Unternehmen zwangsläufig Funktionen und Richtlinien zur Bildoptimierung und deren Auswirkungen auf die Suchergebnisse hinzufügen bzw. aktualisieren.
Wenn Sie bei der Gestaltung Ihrer Website die aktuellen Best Practices für Bilder berücksichtigen, sind Sie besser aufgestellt, um die beste Benutzererfahrung zu bieten, ein höheres Ranking in den Suchergebnissen zu erzielen und letztendlich mehr Besucher auf Ihre Website zu lenken.
Jetzt aktiv
Mehr anzeigen
