Wachstumstaktiken für Verlage für die Wahlsaison | WEBINAR
Wachstumstaktiken für Verlage für die Wahlsaison | WEBINAR
In diesem Modul erfahren Sie, was Bildoptimierung ist, wie wichtig sie für die Suchmaschinenoptimierung ist, welche Best Practices für ihre effektive Verwendung gelten und welche Fallstricke Sie bei der Bildoptimierung vermeiden sollten.
Videodauer
19:24
Quiz beantworten
Nehmen Sie das aktuelle Modulquiz
Materialien
Gebrauchsfertige Vorlagen
Ressourcen
Berichte und Ressourcen
Für dieses Modul können keine Quiz angezeigt werden.
Bei der Bildoptimierung werden Best Practices auf die Bilder angewendet, die Sie auf Ihrer Seite verwenden, damit Ihre Inhalte auf den Ergebnisseiten von Suchmaschinen (SERPs) besser platziert werden.
Internetnutzer haben eine zunehmende Präferenz für umfangreichere visuelle Inhalte . Das bedeutet, dass die Optimierung von Bildern genauso wichtig ist wie die Optimierung des Textes in Ihren Inhalten.
Die Bildoptimierung wird verwendet, um Bilder im bestmöglichen Format, in der bestmöglichen Größe und Auflösung zu erzeugen, um die Benutzererfahrung (UX) zu verbessern. Damit Google das Bild richtig indexieren und crawlen kann, um es in SERPs anzuzeigen, sollte das Bild gemäß den Richtlinien von Google und mit den relevanten Metadaten angemessen gekennzeichnet werden.
In diesem Modul tauchen wir tiefer in die wichtigsten Aspekte der Bildoptimierung ein.
Bilder sind auch Inhalt. Wie Text erscheinen sie in den Suchergebnissen und beeinflussen, wie nützlich ein Leser Ihre Seite findet. Aus diesem Grund ist die Optimierung von Bildern für SEO wichtig.
mehr als 70 % ihres Gewichts aus , was bedeutet, dass die Verwendung nicht optimierter Bilder die Ladezeiten verlangsamen kann. Da die Geschwindigkeit einer Website ein wichtiger Rankingfaktor ist, wirkt sich dies direkt auf die Suchmaschinenoptimierung aus. Über die Website-Geschwindigkeit hinaus können nicht optimierte Bilder auch das Benutzererlebnis beeinträchtigen, indem sie Probleme wie Layoutverschiebungen verursachen.
Diese Faktoren wirken sich auf die Core Web Vitals (CWVs) Ihrer Website aus, die Google zur Messung der Seitenerfahrung verwendet.
Weitere Informationen zu CWVs finden Sie in unserem ausführlichen Seitenerlebnismodul hier .
Die Bildoptimierung beinhaltet die korrekte Identifizierung und Beschriftung von Bildern mit Alt -Text und strukturierten Daten, Hinzufügen von Bildern zu Sitemaps und Erstellen neuer Sitemaps für Bilder . All diese dabei helfen Webcrawlern schnell und korrekt und verarbeiten die Bilder auf einer Seite, wodurch die Krabbelgeschwindigkeit und Effizienz verbessert werden.
Google-Suchanfragen werden immer visueller , anstatt sich ausschließlich um textbasierte Keywords zu handeln. Die Anzahl der Bilder bei Google ist im letzten Jahrzehnt gestiegen, was es wichtiger denn je, Ihr Bild zu optimieren.
Bereits 2018 kündigte Google sein Engagement an, visuelle Inhalte für die Suche zentraler . Infolgedessen hat Google mehrere neuere Funktionen eingeführt - wie Bildunterschriften, schnelle Fakten und verwandte Suchanfragen -, die alle stark von Bildern beruhen. Als Verlag wirkt sich das Tippen auf diese Funktionen wahrscheinlich direkt auf Ihre SEO- und Inhaltsfindung aus.
Schauen Sie sich an, was passiert, wenn wir nach der FIFA -Weltmeisterschaft in Katar suchen.
Auf der rechten Seite befindet sich jetzt ein spezielles Seitenfeld mit Bildern, die direkt über dem Wikipedia -Eintrag für den Suchbegriff enthalten sind.
Wenn Sie auf die Registerkarte "Bilder" klicken, wird nicht nur die Anzahl der durch Browsable -Bildoptionen erweitert, sondern wie wir im grünen Feld unten sehen können, bietet jetzt ein Karussell vorgeschlagener Begriffe, mit denen Sie Bilder mit Namen filtern können.
Das Scrollen weiter nach unten (wie im Bild unten gezeigt) wird weitere Empfehlungen für verwandte Suchvorgänge angezeigt, die dazu beitragen können, die Ergebnisse einzudämmen oder die Abfrage zu erweitern.
Bilder aus Ihrem Inhaltsrang in den Top -Bildern zu haben, ist eine weitere Möglichkeit für Publisher, die Erkennung von Inhalten zu verbessern.
Google hat auch Google Lens -seine AI-fähige Bilderkennungstechnologie, die in der Suchleiste der Google-App für iOS und Android zu finden ist
- um es noch mächtiger zu machen.
Mit Google Lens können Benutzer nach weiteren Informationen zu Bildern suchen, indem sie auf ein Bild von etwas klicken oder ein Bild hochladen, das auf ihrem Telefon gespeichert ist, und dann Google auffordert, Übereinstimmungen aufzurufen.
Eine leistungsstarke Funktion von Google Lens ist Multisearch, mit der Benutzer Bildbeschreibungen zu Bildsuche hinzufügen können, um die Suche nach visuellen Informationen zu erleichtern.
Google arbeitet außerdem daran, Multisearch localer zu gestalten, was bedeutet, dass Benutzer ihre Kameras auf etwas hinweisen, sie in Google Lens hochladen, einige Fragen eingeben können, und Google zeigt die besten Ergebnisse in der Nähe ihres aktuellen Standorts an.
Trotz seiner offensichtlichen Bedeutung haben Verlage aufgrund einiger allgemein beobachteter Herausforderungen häufig mit der Bildoptimierung zu kämpfen.
Wenn es darum geht, Inhalte für Text zu optimieren, wissen die Verlage häufig, welche Parameter zu überwachen und zu optimieren sind - Schlüsselwörter, Inhaltssäulen und Cluster, Header und Titel usw.
Wenn es jedoch um die Bildoptimierung geht, sind sich Verlage jedoch möglicherweise nicht bewusst, welche Metriken zu überwachen und zu verbessern sind. Zu den allgemeinen Metriken gehören Bildgröße, Bildtyp und Ladegeschwindigkeit, um nur wenige zu nennen.
Mit regelmäßig optimierenden Bildern für die vielen Artikel, die Sie erstellen, kann dies zu einer mühsamen Aufgabe machen. Während es Möglichkeiten gibt, Bilder zu optimieren, wie die Verwendung von Plugins und die Verwendung eines CDN, ist die Aufrechterhaltung der Bildqualität auch wichtig. Es ist ein Gleichgewicht, das durch strenge Tests wichtig ist.
Nachdem wir verstehen, was Bildoptimierung ist und warum sie für SEO wichtig ist, können wir uns mit dem Optimierungsprozess befassen.
PNG und JPEG sind die beiden beliebtesten und allgemein unterstützten Bildformate . Zu wissen, welche der beiden zu verwenden ist, in welcher Situation wichtig ist.
Während PNG gut für Screenshots, Grafiken und Bilder mit Text funktioniert, ist JPEG gut für Fotos. PNG verwendet eine verlustfreie Komprimierung, um die Bildqualität beizubehalten, während JPEG die Bildqualität jedes Mal reduziert, wenn es im Format gespeichert wird.
SVG (skalierbares Vektorformat) ist ideal für Logos und einfache geometrische Formen mit niedriger Bildkomplexität.
Neuere Formate wie WebP und AVIF gewinnen schnell an Popularität als Alternativen zu den oben genannten Formaten. Während beide Formate zusammen mit der Fähigkeit zur Unterstützung von Animation eine höhere Qualitätsauflösung bieten, wird insbesondere WebP in allen modernen Web- und Mobile -Browsern unterstützt.
Insgesamt bleiben PNG und JPEG/JPG jedoch bei weitem die beliebtesten Bildformate, die von 81,3% bzw. 76,6% aller Websites verwendet werden, wobei SVG ab November 2022 dicht hinterher folgt.
Die kollektive Größe der Bilder auf Ihrer Seite hat einen direkten Einfluss auf die Ladengeschwindigkeit. Die Komprimierung sollte jedoch nicht zu einer unterdurchschnittlichen Bildqualität führen.
Das richtige Gleichgewicht zwischen Qualität und Größe zu finden ist unerlässlich, kann jedoch umständlich sein, wenn Sie dies durch Versuch und Irrtum tun. Hier können Online -Tools jedoch wirklich glänzen. Tools wie Imagemin können verwendet werden, um Bilder über verschiedene Formate sowohl in verlustigen als auch in verlustfreien Szenarien zu komprimieren.
Durch die Verwendung des richtigen Formats können Sie auch das APT -Gleichgewicht finden. Erwägen Sie beispielsweise die Verwendung von WebP. WebP ist eine bessere Alternative zu JPEG, da es eine um 30% niedrigere Bildgröße liefern kann, ohne sich auf die Qualität und Auflösung auszutauschen.
Wenn WordPress Ihr CMS der Wahl ist, können Sie ein Plug-In wie Smush , Optimus oder Imsanity , um Ihre Bilder zu optimieren. Diese helfen Ihnen bei der Komprimierung, Größe der Größe, faulen Ladenbildern und vielem mehr. Sie können auch animierte Bilder wie GIFs (die groß sein können) durch CSS ersetzt. CSS -Animation und -Effekte können Ihnen helfen, komplexe Bilder zu erstellen, die die Integrität und Qualität der Auflösung behalten, selbst wenn Sie durch ein hohes Zooming sind.
Ein Bildname hilft Google, den Kontext des Bildes zu verstehen, wenn es darum geht, ihn in der SERP einzustellen. Für größere Veröffentlichungen ist es möglicherweise nicht immer möglich, alle Bilder auf der Website sorgfältig zu benennen. In diesem Szenario können Sie eine Image -Sitemap erstellen , mit der Google das Bild lokalisiert, seinen Zweck verstehen und indexieren kann.
Neben kontextbezogenen Dateinamen empfehlen wir auch, für das Bild hinzuzufügen Während dies optionale Attribute sind, ergänzen sie Ihren Inhalt, indem sie der Suchmaschine ein ganzheitlicheres Verständnis Ihres Themas und Themas vermitteln und damit das Bild besser indizieren .
Wie geht es darum
Bildnamen müssen im Quellcode Ihrer Seite hinzugefügt werden. Dies erfolgt mit dem IMG SRC-Attribut entweder manuell oder ein CMS-Plug-In.
Wenn Ihr Bild einen Fußball enthält, sollte der Code für die Bildquelle ungefähr so aussehen<img src=”football.jpg”/> , was Google hilft, zu verstehen, was das Bild enthält. Auf der anderen Seite Code, der so aussieht<img src=”IMG11082022.jpg”/> ist vage und bietet keinen Kontext.
Wenn Menschen Ihre Bilder nicht sehen können - ein Problem für diejenigen mit einer Sehbehinderung oder wenn eine niedrige Bandbreite die Rendern Ihrer Bilder schwierig macht -, das Bild für sie zu beschreiben Dies hilft auch Suchmaschinen, Ihre Bilder leichter zu kriechen und zu indizieren.
Wie geht es darum
Wenn Sie das Beispiel aus dem obigen Punkt fortsetzen, sollte der Code für ALT -Text so erscheinen.<img src=”football.jpg” alt=""Welt" cup official football on the ground”/> .
Wenn Sie ein erfahrener Entwickler sind, können Sie den ALT -Text manuell in den Code Ihrer Seite hinzufügen. Wenn Sie WordPress verwenden, können Sie folgende Schritte befolgen:
Durch das Hinzufügen strukturierter Daten zu Ihren Bildern können Sie Google die erforderlichen Informationen geben, um sie als reichhaltige Ergebnisse und Snippets aufzulisten. Auf diese Weise können Benutzer weitere Informationen helfen, den Link zum Klicken zu wählen, wodurch mehr Datenverkehr zu Ihrer Seite geführt werden.
Derzeit unterstützt Google strukturierte Daten für Bilder in Produkten , Videos und Rezepten .
Wie geht es darum
Google empfiehlt, JSON-LD zum Erstellen strukturierter Datenskripte für Ihre Inhalte und Bilder zu erstellen.
Strukturierte Daten können einfach mit einer der verschiedenen kostenlosen oder Premium-Plug-Ins wie Schema Pro , Schema.Press usw. hinzugefügt werden. Unabhängig davon, ob Sie Bildstrukturdaten manuell oder über ein Plug-In hinzufügen, werden die Schritte Werte für alle relevanten Bildeigenschaften hinzufügen und Datentypen validieren, den Code validieren, indem Sie den Rich-Ergebnis-Test , indem Sie die Bilder mit dem Bildung implementieren, indem Sie die Bilder mit dem Crawch und dem Indexieren der Bilder in den Vordergrund stellen.
Um mehr über strukturierte Daten und die Verwendung zu erfahren, siehe unser Modul zum Schema .
Weitere Informationen zum Erstellen und Einreichen von Sitemaps finden Sie in unserem detaillierten Modul in Google News -Sitemaps.
Die Seitenerfahrung ist ein wichtiges Kriterium, das Google beim Ranking -Seiten verwendet. Eines der Elemente, die die Seitenerfahrung ausmachen, ist die Ladegeschwindigkeit.
So können Sie Bilder optimieren, um die Ladegeschwindigkeit der Seiten zu verbessern:
Darin werden am Anfang nur die kritischen Ressourcen geladen, während andere Ressourcen mit niedriger Priorität nach Bedarf geladen werden. Zu den Vorteilen der faulen Belastung gehören ein reduzierter Netzwerkverkehr und die zugehörigen Bandbreitenprobleme und die Datennutzungskosten, eine verbesserte Lesbarkeit von langen Seiten, eine verringerte Belastung von Inline -Bildern, die den Inhalt keinen Wert verleihen usw.
Erstellen Sie reaktionsschnelle Bilder
Benutzer sehen Bilder auf einer Vielzahl von Geräten. Durch die Implementierung des SRCSet -Attributs für verschiedene Geräte kann das Bild leserlich über verschiedene Bildschirmgrößen erfolgen. Hier ist ein Beispiel für den IMG -Scret -Code:
Wir haben das Wesentliche der Bildoptimierung abgedeckt. Die unten aufgeführten Punkte tragen jedoch auch dazu bei, die Bilder für SEO zu optimieren.
Alle Bilder der Welt können minderwertige Inhalte nicht ausgleichen. Der Hauptaugenmerk sollte der Inhalt sein, der darauf abzielt, die Bedürfnisse der Benutzer zu erfüllen. Bilder sollten eine organische Erweiterung sein und als Hilfe im Gesamtprozess des Geschichtenerzählens verwendet werden. Wenn Sie Ihre Seite mit irrelevanten oder nicht verwandten Bildern pfeffern, wird Ihr Ranking nicht gesteigert.
Im Gegenteil, Google ist gegen solche Praktiken und empfiehlt, Originalinhalte so weit wie möglich zu verwenden. Hochwertiger Inhalt ist sicherlich sicher, dass Ihre Seite in der Google-Suche gut eingestuft wird, einschließlich der von Ihnen verwendeten Bilder.
Der Inhalt rund um das Bild liefert den Benutzern und der Suchmaschine über die Relevanz des Bildes wichtige Informationen. Google empfiehlt, das wichtigste Bild nahe an Ihrer Seite zu platzieren.
Während es eine Frage der Debatte darstellt, ob Bilder weiter unten auf dem Seitenrang und den oben nach oben platzierten, ist es am besten, die Richtlinien von Google zu diesem Thema zu befolgen.
Es ist unwahrscheinlich, dass alle Ihre Bemühungen zur Bildoptimierung Ergebnisse liefern, wenn Ihre Bilder aufgrund von Robots.txt oder No-Index-Einstellungen nicht zugänglich sind.
Diese geben Google an, Ihren Inhalt nicht zu indizieren oder zu kriechen, was wiederum bedeutet, dass sie nicht in den Suchergebnissen angezeigt werden. Sie können die Funktion „URL inspizieren“ auf GSC verwenden, um die Zugänglichkeit von Inhalten und Bildern zu testen.
Darüber hinaus empfehlen wir auch zu überprüfen, ob ein Safesearch -Filter in irgendeiner Weise auf Ihren Inhalt gilt. SafeSearch ist eine von Google bereitgestellte Benutzereinstellung, die Bilder mit explizitem Inhalt ermöglicht oder blockiert und die Websites benötigt, um den Inhalt angemessen zu kennzeichnen .
Das Testen ist nicht nur wichtig für die Entdeckbarkeit, es ist auch wertvoll zu testen, wie Ihre Bilder tatsächlich über Geräte auftreten , bevor sie live vor der Seite gehen. Google bietet im Rahmen seines Web -Stories -Formats . Dies ist zwar speziell so konzipiert, dass mobile visuelle Inhalte mitgebracht werden, aber die Bilder und der Text werden auch in Google Images und Discover angezeigt. Sie können die Funktion „Developer Preview“ verwenden, um Ihre Inhalte für überzeugendere Geschichtenerzählen zu testen.
Copyright -kostenlose Bilder sind aus einer Reihe von Quellen wie Pixabay, Unsplash und Pexels erhältlich, um nur einige zu nennen. Denken Sie zwar frei zu verwenden, denken Sie jedoch daran, dass das gleiche Bild von mehreren anderen Inhaltserstellern verwendet wurde.
Laut John Mueller von Google kann dies es schwieriger machen, dass das Bild bei der Google Image Search ein Rang hat. Versuchen Sie so weit wie möglich, Originalbilder zu verwenden.
Neben den vorherigen Richtlinien ist es auch wichtig, diese gemeinsamen Fallstricke zu vermeiden, um Ihre Bilder besser zu optimieren.
Wie bereits erwähnt, macht die Verwendung eines deskriptiven ALT -Textes Ihre Bilder für Benutzer zugänglicher. Google wird Ihre Alt -Text -Attribute vertrauen und dazu neigen, sie höher zu bewerten.
Es ist jedoch leicht, in die Keywords zu packen, um in SERPs hoch zu rängen. Dies ist als Keyword -Füllung bekannt und kann Ihre Bemühungen beeinträchtigen. Es kann nicht nur zu einer schlechten Benutzererfahrung führen, sondern Google kann auch Ihr Seitenspam halten .
Hier sind einige Beispiele für Fehler, die Sie den richtigen Text vermeiden und den richtigen Text erledigen können.
Urteil: Schlecht, da es das Alt -Text -Attribut fehlt
Fazit: Schlecht, aufgrund von Keyword -Füllen.
Urteil: Gut, aber es sollte beschreibender sein.
Urteil: Ideal
Während Google die OCR-Technologie (OPTICAL CHARASTICE ERKUNNIONS) eingebaut hat, um den auf den Bildern eingeprägten Text zu lesen, ist dies möglicherweise nicht jedes Mal 100% genau. Darüber hinaus können sowohl Benutzer als auch Suchmaschinen möglicherweise nicht in der Lage sein, den in das Bild eingebetteten Text zu entschlüsseln.
Wenn Sie wichtige Informationen haben, um zu vermitteln, ist es besser, Text anstelle eines Bildes zu verwenden.
Es wird wahrscheinlich nicht möglich sein, Originalbilder jedes Mal zu verwenden. In solchen Fällen sind Sie möglicherweise versucht, Google Search zu verwenden, um neue Bilder zu finden. Einige dieser Bilder können jedoch urheberrechtlich geschützt sein und ihre Verwendung einschränken. die Wiederverwendbarkeitsbedingungen des Bildes überprüfen müssen, bevor Sie es auf Ihrer Seite verwenden.
Google Images bietet einen Filter, der als „Nutzungsrechte“ bezeichnet wird, um nach Bildern zu suchen, die mit Lizenzinformationen von der Host -Site oder dem Bildanbieter versehen sind. Diese Funktion ist im Abschnitt „Tools“ im Suchfeld verfügbar.
Nach Auswahl des Bildes können Sie die Lizenzdetails überprüfen, um die Auswirkungen, Kosten (falls vorhanden) und die Anforderungen der Verwendung des Bildes zu verstehen.
Wie Sie im obigen Screenshot sehen können, sind unter „Nutzungsrechten“ die Lizenzoptionen von Creative Commons und Commercial oder anderen offensichtlich.
Im Allgemeinen können Bilder mit einer Creative Commons -Lizenz kostenlos verwendet werden, aber möglicherweise verlangen, dass Krediten angegeben und angegeben werden. Bilder mit einer kommerziellen Lizenz sind normalerweise mit Nutzungskosten geliefert. Google empfiehlt die Überprüfung der Lizenzdetails, bevor Sie ein Bild auf Ihrer Seite verwenden.
der MAX-Image-Preview-Einstellung können Sie die maximale Größe für die Vorschau des Bildes festlegen, wenn sie auf SERPs angezeigt werden. Wenn es für diese Einstellung keinen Wert gibt, zeigt Google das Bild in der Standardgröße an.
Während dies für alle Google -Oberflächen wie Bilder, Suche und Entdeckung gilt, ist es bei der Verwendung von Discover, wo größere Formate für eine reichhaltigere UX sorgen, relevanter.
Die Verwendung von MAX -Image -Vorschau -Attribut wurde dokumentiert, um die CTR und den Verkehr für mehrere Verlage zu verbessern. Durch die Verwendung dieses Attributs kann Google große Bilder in der Vorschau so angezeigt, wie sie sind, ohne zu versuchen, sie zu komprimieren oder ihre Einstellungen zu ändern. Es ist wahrscheinlicher, dass große, qualitativ hochwertige Bilder in der Vorschau selbst das Interesse der Sucher erfassen.
Content Delivery Networks (CDNs) sind ausgelagertes Hosting -Plattformen, die als Repository für Bilder und andere Mediendateien dienen. Aufgrund ihrer fortschrittlichen Infrastruktur, die sich auf Latenz- und Bandbreitenprobleme konzentriert, können sie schnellere Seitenlastgeschwindigkeiten als intern gehostetes Material anbieten. Die Vorteile von CDN müssen jedoch für Ihre spezifischen Anforderungen bewertet werden.
Während ein CDN dazu beitragen kann, ein paar technische Probleme zu lösen, kann dies Ihrem Backlink -Profil beeinträchtigen. Backlinks sind einer der höchsten SEO-Faktoren und für das Erscheinungsbild Ihrer Website in den Suchergebnissen. Wert von Backlinks in unserem Modul zu diesem Thema erfahren
Wenn Sie ein Bild auf einer CDN anstelle Ihrer eigenen Website hosten, führt alle Backlinks den Benutzer zum Pfad des CDN für das Bild, wodurch die direkten Besuche auf Ihrer Website reduziert werden, die ein effektiver Backlink bereitgestellt hätte.
Ein Bildpaket ist eine Collage von Bildern aus verschiedenen Websites, die in Google Serps angezeigt werden können. Sie sehen ungefähr so aus.
Wenn Sie auf eine der Miniaturansichten klicken, werden Sie jedoch nicht automatisch auf die Quell -Site weitergeleitet. Stattdessen wird Ihnen ein Google Images -Fenster mit einer erweiterten Version dieses Bildes angezeigt.
Nur beim erneut klicken auf das Bild - wie auf dem rechten Feld des obigen Screenshots angezeigt - verlassen Sie Google und kommen auf der Quellseite an. Mit anderen Worten, Google Images fungiert hier als Vermittler, bevor die Routing -Aktion abgeschlossen ist.
Wenn Ihr Bild Teil eines Bildpakets ist, zeichnet die Google Search Console (GSC) jedes Mal, wenn das Paket in einem SERP geladen wird, einen Eindruck für dieses Bild auf. Dies ist dem Titelattribut Ihres Image -Tags mit Ihrer URL zu verdanken.
Obwohl Sie eine hohe Anzahl von Impressionen aufzeichnen können, ist die tatsächliche Anzahl von Klicks auf Ihre Website wahrscheinlich viel niedriger, da die Bildpackungen mit Abfragen Verfeinerungslinks enthalten, die ein neues Google -Bild -Suchergebnis generieren, anstatt Suchende von der Plattform zu leiten.
Aufgrund der Art und Weise, wie Abfragestellverzögerlinks funktionieren, und wie GSC Impressionen und Klicks zählt, können Bildpacks Ihre Klickrate (CTR) für Bilder dramatisch verzerren.
Wir wenden uns nun einer Fallstudie einer Website zu, um zu dekonstruieren, wie die in diesem Modul genannten Richtlinien zur Optimierung der Bilder implementiert wurden.
Kirbie Cravings ist ein in San Diego ansässiges Food-Blog, das Hunderte von Rezepten auf seiner Website veröffentlicht hat. Jedes Rezept wird von lebendigen und hochwertigen Bildern begleitet.
Wenn wir mit der rechten Maustaste auf die Seite klicken und den Quellcode anzeigen, sehen wir das Max-Image-Präview: Großes Attribut in der<head> Element direkt am Anfang des Quellcode.
Infolgedessen erscheinen die hochwertigen Bilder des Herausgebers in Voransichten auf Google Surfaces.
Gleichzeitig verlangsamen diese Bilder, obwohl sie groß sind, die Ladezeit der Seite nicht.
Wir klicken mit der rechten Maustaste auf das Bild und wählen „inspizieren“. Dadurch wird ein Panel auf der rechten Seite der Seite geöffnet, auf der wir die Eigenschaften des ausgewählten Elements auf der Seite überprüfen können. Wir sehen Folgendes für das obige Bild:
Wir sehen hier zwei interessante Dinge:
Wie wir bereits zuvor besprochen hatten, tragen Bilder den größten Teil des Gewichts zum Gewicht einer Seite bei. Daher ist es wichtig, sie Licht zu halten, um Ihre Seite zu beschleunigen.
Wir haben auch die Wichtigkeit der Verwendung des richtigen Dateiformats besprochen. Wir hatten .jpg/.jpeg für Fotos empfohlen, während .png für Grafik und digitale Bilder verwendet werden sollte. Wir können unten sehen, dass Kirbie Cravings .png verwendet, wo immer es digitale Bilder wie Logos und Symbole verwendet wird.
Als nächstes können wir innerhalb desselben Inspektionsfelds auf „Eigenschaften“ sehen, dass die Seite trotz des relativ leichten Gewichts der Bilder faul geladen hat.
Diese Seite hat ihre Bilder akribisch optimiert nach:
Während es sich weiterentwickelt, um die Bedürfnisse seiner Benutzer besser zu erfüllen, muss Google Funktionen und Richtlinien zur Bildoptimierung und seine Auswirkungen auf die Suchergebnisse hinzufügen/aktualisieren.
Indem Sie die aktuellen Best Practices für Bild in Ihrer Website berücksichtigen, sind Sie besser positioniert, um den besten UX zu bieten, in SERPs höher zu rangieren und den Verkehr schließlich auf Ihre Weise zu steigern.
Jetzt aktiv
Mehr sehen
