Was ist Bildoptimierung und warum ist sie wichtig für SEO?

Veröffentlicht: 2019-08-13
Image Optimization

Zuletzt aktualisiert - 8. Juli 2021

Visuelle Inhalte sind heutzutage ein wesentlicher Bestandteil jeder Website, wobei mehr als 80 % der Vermarkter Rich Media für digitale Kampagnen verwenden. Das letzte Update in der Bildsuchoberfläche von Google hat die Bedeutung visueller Inhalte für das Seitenranking noch weiter erhöht. Die Optimierung der Bilder reduziert die Seitenladegeschwindigkeit und verbessert das Seitenranking erheblich. Lesen Sie weiter, um mehr darüber zu erfahren, was Bildoptimierung ist und warum sie für SEO wichtig ist.

Was ist Bildoptimierung?

Die Bildoptimierung bezieht sich auf den Prozess der Bereitstellung qualitativ hochwertiger Bilder bei kleinstmöglicher Größe.

Es gibt drei Hauptmethoden zur Bildoptimierung: Größenänderung, Caching oder Komprimierung. Größenänderung bedeutet, die Größe des Bildes zu reduzieren, um die kleinste Größe mit der höchsten Qualität zu erreichen. Die Caching-Methode speichert Bilddateien im Browser-Cache und reduziert so die Ladezeit der Seite.

Warum ist es wichtig, Bilder zu optimieren?

Jeden Tag verwenden laut Google Hunderte Millionen Menschen Google Bilder, um visuell nach Webinhalten zu suchen. Die Bildsuche macht 27 % aller Suchanfragen aus, die über die Top 10 der US-Websuchseiten generiert werden.

Die Aktualisierung der Google-Schaltfläche „Bild anzeigen“ von der Bildsuche auf „[Seite] besuchen“. führte dazu, dass Analyseplattformen eine Zunahme der Sitzungen verzeichneten, die aus der Bildsuche generiert wurden. Dadurch wurde die Sichtbarkeit der Inhalte für die Hostseiten erhöht. Bilder sind eine wichtige Verkehrsquelle und wir sollten sie nutzen.

Die Optimierung Ihrer Bilder reduziert die Seitenladezeiten. Daher besteht eine höhere Wahrscheinlichkeit, dass Besucher auf Ihrer Website bleiben, da die durchschnittliche Zeit, die ein Benutzer darauf wartet, dass eine Seite geladen wird, 2 Sekunden beträgt. Je schneller Ihre Seite lädt, desto höher ist die Verweildauer Ihrer Besucher vor Ort. Darüber hinaus priorisiert Google schnellere Websites und bestraft langsame Websites. Zusammenfassend kann Ihnen die Optimierung Ihrer Bilder bei zwei wichtigen Aspekten helfen:

Seitenladegeschwindigkeit

Bilder enthalten mehr als die Hälfte des Gewichts von Webseiten. Aus diesem Grund ist die Optimierung der Bildgrößen der einfachste Weg, um Ihre Ladegeschwindigkeit zu minimieren.

SEO-Ranking

Das Erreichen der goldenen linken Ecke ist das Ziel eines jeden Marketingspezialisten und Webadministrators. Daher ist die Optimierung der Bilder für SEO ein Muss. Wir werden einige Tipps und Techniken im folgenden Abschnitt behandeln.

Der Fall für E-Commerce

Die Optimierung von Bildern ist besonders wichtig bei E-Commerce-Shops, um einen klaren und ansprechenden Katalog bereitzustellen. Allerdings benötigen Sie eine solide E-Commerce-Plattform mit integrierten SEO-Funktionen, um in den Suchmaschinenergebnissen einen höheren Rang einzunehmen.

Die drei führenden E-Commerce-Plattformen Shopify, Magento und Woocomerce betonen die Bedeutung der Optimierung von Bildern für SEO. Zum Beispiel hat Shopify ein Online-Tutorial , in dem es seinen Benutzern empfiehlt, ihre Bilder für SEO und Konvertierung zu optimieren, wobei JPG-Dateien aufgrund des Verhältnisses von Qualität und Größe gegenüber anderen Formaten bevorzugt werden.

Daher ist die Wahl der Plattform, die die beste SEO-Funktionalität bietet, der Schlüssel zur Maximierung der Wirkung Ihrer optimierten Bilder. Lassen Sie uns diese drei Top-E-Commerce-Plattformen schnell überprüfen:

WooCommerce

Bietet Zugriff auf den Quellcode Ihres Shops und verfügt über eine Reihe von Anpassungen, daher gilt es als SEO-freundlich. Eine Erweiterung des Content-Management-Systems WordPress ist daher mit WordPress-SEO-Plugins kompatibel. Laut dieser Statistik ist es eine der beliebtesten E-Commerce-Plattformen .

Einige der für WooCommerce verfügbaren SEO-Plugins sind:

  • MonsterEinblicke
  • Alles in einem SEO-Paket
  • Google XML-Sitemaps
  • W3 Gesamtcache
  • BZ Lazy Load
  • SEO-optimierte Bilder

Preise – Es ist ein kostenloses E-Commerce-Plugin mit kostenlosen Updates, das kostenpflichtige Erweiterungen für SEO ab 49 US-Dollar anbietet

Sicherheit – Sie sollten ein SSL-Zertifikat installieren, das vom Host oder einem Drittanbieter verkauft wird und starke Passwörter und begrenzte Anmeldungen erfordert.

Leistung – WooCommerce neigt dazu, langsamer zu werden, wenn Bilder mit einer großen Anzahl von Versionen geladen werden.

Magento

Eine durchgängig verwaltete E-Commerce-Plattform, eine der am weitesten verbreiteten Plattformen.

SEO – Bietet starke integrierte SEO-Funktionen, die für mittlere und große Online-Shops erweitert werden können. Einige der für Magento verfügbaren SEO-Erweiterungen sind:

  • Magento SEO Suite Pro-Erweiterung v9.5.2
  • Erweiterte SEO-Suite von Mirasvit
  • Kostenlose Magento SEO-Erweiterung von Creare
  • Ultimative SEO-Suite von AheadWorks v1.3.8

Preise – es ist Open-Source, mit einer kostenlosen Community-Edition. Magento Enterprise Edition ist die kostenpflichtige Version, mit Preisen nach Angebotsanfrage. Bietet wie WooComerce kostenpflichtige SEO-Erweiterungen an.

Leistung – es fungiert als Content-Management-System und wird von Adobe unterstützt, wodurch es agil und benutzerfreundlich wird.

Shopify

Als Cloud-basierte E-Commerce-Plattform ist die unbegrenzte Verkaufsfunktion sehr beliebt.

SEO – Shopify Apps sind wie Plugins, um ihre Funktionalitäten zu erweitern, mit einem eigenen Marktplatz für Apps.

Einige der besten SEO-Apps für Shopify sind:

  • SEO-Bildoptimierer
  • SEO-Meta-Manager
  • Ultra-SEO

Preise – kommt mit verschiedenen Preisplänen , beginnend mit einer 14-tägigen Testversion. Der Basisplan beginnt bei 29 $ und geht bis zu 279 $.

Leistung – Eine der besten Eigenschaften von Shopify ist die hohe Ladegeschwindigkeit für Seiten. Dies ist das Ergebnis der hohen Priorität, die Shopify der Bildoptimierung beimisst.

So optimieren Sie Bilder für Web und Leistung

Hier sind einige Tipps, die Ihnen helfen, Ihre Bilder für die beste Leistung zu optimieren.

#1. Bilddateien natürlich benennen

Der einfachste Weg, Bilder in Ihre SEO aufzunehmen, besteht darin, sie zu benennen. Versuchen Sie, den logischen Namen für Bilder zu finden, indem Sie die Schlüsselwörter verwenden, für die das Bild ranken könnte.

Angenommen, Sie haben einen E-Commerce-Shop, der handgefertigten Schmuck verkauft, und Sie verkaufen die Ohrringe im Bild unten, die Sie „Silver Blanket“ genannt haben:

Sie können das Bild „image17797.jpg“ oder „ohrringe-seed-beads-woven.jpg“ nennen, je nachdem, welche Suchbegriffe Ihre potenziellen Kunden verwenden können, um nach Ihren Produkten zu suchen.

In ähnlicher Weise tragen Alt- und Titelattribute von Bildern dazu bei, dass Bilder in der Suche höher eingestuft werden, wodurch die Benutzererfahrung verbessert wird. Dies wiederum baut die Seitenrelevanz im Laufe der Zeit auf, was dazu führt, dass die Suchmaschine die Seite als eine Seite identifiziert, die es wert ist, höher eingestuft zu werden.

Schreiben Sie diese Attribute prägnant und grammatikalisch logisch, um den Lesern der Barrierefreiheit zu helfen und so die Erfahrung aller Benutzer zu verbessern. Das Gleiche gilt für Bildunterschriften auf der Seite und Schlüsselwörter, die das Bild umgeben, helfen Suchmaschinen, mehr Kontext für Bilder zu erhalten.

 Die HTML-Titel-Tags der Hostseite werden jetzt in den Ergebnissen der Bildsuche angezeigt, daher sollten diese auch für das Bild relevant sein.

#2. Verwenden Sie die richtige Größe und das richtige Format

Die Arbeit mit verschiedenen Arten von Formaten kann Ihnen helfen, das Gewicht Ihrer Website im Auge zu behalten. Zum Beispiel können Sie SVG für Logos oder Symbole verwenden, da es leicht ist und gut mit einfachen Bildern und begrenzten Farben funktioniert.

PNG eignet sich hervorragend für Bilder mit transparentem Hintergrund, obwohl es der schwerste Typ ist, verwenden Sie es also sparsam. JPG ist der am häufigsten verwendete Bildtyp, da er viele Details und Farben zulässt. Sie sollten JPG-Bilder jedoch kleiner als 100 KB und 1920 px halten, um der Seite nicht zu viel Gewicht hinzuzufügen.

Wenn Sie ein großes Bild speichern müssen, können Sie es als progressives JPG festlegen, bei dem Bilder beim Laden progressiv angezeigt werden

GIFs sollten für einfache Animationen mit einfachen Farbschemata gespeichert werden, da sie auf 256 Farben begrenzt sind.

#3. A/B-Testen Sie Ihre Bilder

Ein großartiges Beispiel dafür, wie Sie Ihre Bilder verbessern können, ist der Fall Unilever. Unilever hat den Markt mit seinen Heldenbildern anstelle der traditionellen Pack-Shots revolutioniert, um die Erfahrung der mobilen Benutzer zu verbessern. Diese Heldenbilder vermitteln mehr Informationen, mit einer Nahaufnahme der Verpackung und einem Streifen, der die Elemente zeigt, die für einen Verbraucher am interessantesten sind.

#4. Bilder hosten und zwischenspeichern

Bilder können die Anzahl der Anfragen an den Server erhöhen, bevor der Browser das Laden der Seite beenden kann, wodurch die Seite verlangsamt wird.

 Bild-Sprites und gehostete Bilder waren einst nützlich, um das Abrufen und Laden von Bildern zu beschleunigen. Heute kann es je nach Konfiguration schneller sein, Bilder auf demselben Host wie Ihre HTML-Dateien zu hosten.

Das Hosten von Bildern auf Ihrer Domain hilft dabei, potenziellen Linkwert durch das Einbetten Ihrer Bilder in deren Inhalt zu erfassen. Weitere Vorteile sind die Kontrolle des Cache, Branding und die Kontrolle von Weiterleitungen.

Die Verwendung eines Content Delivery Networks (CDN) kann die Ladezeiten verkürzen, indem der Server in der Nähe des Benutzerstandorts platziert wird.

Apropos Caching. Bilder sollten die Assets mit den längsten Caching-Zeiten sein, wobei Server-Ablaufzeiten für alle Bildtypen festgelegt werden.

 Stellen Sie beim Caching auch sicher, dass Server-Ablaufzeiten für alle Bildtypen festgelegt sind. Bilder sollten zu den Ressourcen mit den längsten Cache-Zeiten gehören (normalerweise viele Wochen).

#5. Einsatz einer Digital-Asset-Management-Lösung

Eine Digital-Asset-Management-Lösung kann nicht nur bei der Organisation Ihrer Bildbibliothek helfen, sondern auch bei der Bildoptimierung. Eine gute DAM-Lösung verfügt über eine automatische Tag-Kennzeichnung, die Ihnen hilft, Ihre Bilder mit dem richtigen, durchsuchbaren Schlüsselwort richtig zu benennen.

#6. Verwenden Sie Lazy Loading

Je nachdem, wie Sie Ihre Bilder laden, können Sie Ihre Seiten tatsächlich verlangsamen. Die Verwendung der Lazy-Loading-Technik ermöglicht es der Seite, den Ladevorgang abzuschließen, obwohl Off-Screen-Bilder geladen werden, wenn ein Besucher die Seite nach unten scrollt.

 Dies kann die Seitengeschwindigkeit verbessern, aber Sie sollten darauf achten, die Bilder richtig zu indizieren. In diesem Zusammenhang hilft die Verwendung von Bild-Sitemaps bei der Indizierung und fördert so die Entdeckung und das Crawling.

In diesem YouTube-Tutorial erfahren Sie mehr darüber, wie Sie Ihre Bilder für E-Commerce-Websites wie Shopify oder WooComerce optimieren .

In Summe: Verwenden Sie Bilder, um Ihre SEO zu verbessern

Bilder sind nicht nur schöne visuelle Hilfsmittel für Ihre Inhalte. Heutzutage lenken Bilder tatsächlich den Verkehr zu Ihren Inhalten und haben das Potenzial, Beständigkeit aufzubauen und Ihren Seitenrang zu steigern. Daher ist die Optimierung Ihrer Bilder, um Suchanfragen anzuziehen, ein Muss für jede Website, die bereit ist, ihre SEO zu verbessern.