Das Unternehmen

MERSOR ist eine Premium Marke für personalisierte Accessoires der Sorg Lederwaren GmbH aus Berlin, welche sich auf den Online-Verkauf fokussiert hat. Das junge Unternehmen verkauft Lederwaren wie Taschen oder Portemonnaies, die mit personalisierten Beschriftungen bestellbar sind.

Die Herausforderung

Bisher wurde für die mobile Version des Onlineshops der Marke Mersor keine technische mobile SEO durchgeführt. Der Pagespeed-Score der Seite, also die Bewertung der Webseitengeschwindigkeit, war im unteren Bereich, bei ca. 20 Punkten. Dies führte dazu, dass die mobile Seite teilweise sehr langsam lädt, wodurch NutzerInnen oftmals die Seite verließen, ohne einen Einkauf getätigt zu haben. Zwangsläufig lag dadurch Umsatzpotential brach.

Vorgehensweise

Zunächst wurde eine IST-Analyse der Webseite mit Hilfe von Analysetools durchgeführt. Auf dieser Grundlage konnte das Unternehmen gezielt Maßnahmen im Bereich der Bildoptimierung durchführen. Die Ergebnisse wurden geprüft und ggf. nachjustiert.

Lösung

  • Bilder in der mobilen Version in der richtigen Größe zur Verfügung stellen

Oftmals wird die Breite einer Header-Grafik mit 100% festgelegt. Das führt dazu, dass auf dem Smartphone eine viel zu große Datei heruntergeladen werden muss. Gerade auf mobilen Geräten ist dies nicht optimal, da die Internetverbindung über das Mobilfunknetz eine höhere Latenz (= Verzögerung) aufweist. Um in der responsiven Version ein kleineres Format des Bildes anzuzeigen, braucht es ein Skript, welches die Breite des Gerätes, welches die Webseite anzeigen möchte, erkennt.

  • Bilder komprimieren

Liegt ein Bild in der richtigen Größe vor, lässt es sich noch komprimieren und dadurch weiterverkleinern. Die Komprimierung ist für das menschliche Auge so gut wie nicht sichtbar, so dass keine Qualitätsverluste entstehen. Das kostenlose Tool www.tinypng.com hilft dabei Bilder verlustfrei zu komprimieren.

  • Bilder von einer einheitlichen URL laden

Oftmals werden gleiche (im Sinne von identisch) Bilder von unterschiedlichen URL’s geladen (z.B. von verschiedenen Unterseiten). Logischerweise erhöht das die Ladezeit einer Webseite.

  • Bilder erst laden, wenn nach unten gescrollt wird (Lazy LOAD)

Lässt man nicht sichtbare und versteckte Bilder erst laden, wenn der Nutzer bzw. der Kunde nach unten scrollt, sind vorher alle wichtigen Ressourcen geladen. Damit reduziert sich die Zeit bis zur Interaktivität.

  • Bildformate richtig verwenden

PNG und JPG richtige verwenden. Es gilt:

  • PNG: Hohe Bildqualität, aber eine große Dateigröße
  • JPG: Kleinere Dateigröße, aber schlechtere Bildqualität

JPG ist optimal für:

Bilder ohne Transparenz

  • Bilder mit vielen Farben
  • fotografische Erzeugnisse

PNG ist optimal für:

Bilder mit Transparenz

  • Bilder mit wenig verschiedenen Farben
  • Logos, Illustrationen, Icons, Screenshots

WebP nutzen (siehe Bild): Für die ultimative Optimierung von Bildern hat Google 2010 ein neues, eigens entwickeltes Format namens „WebP“ veröffentlicht. WebP ist neben JPG und PNG ein weiteres Dateiformat für Bilder. WebP hat beide Vorteile von JPG und PNG vereint.

Allein durch Maßnahmen im Bereich der Bildoptimierung (z. B. Formate, Dateigrößen, Lazy Loads, etc.) konnte der Pagespeed bereits um ca. 100% gesteigert werden.

Suchmaschinen-Stichworte für Lösungsanbieter

  • SEO
  • mobile SEO
  • Pagespeed
  • Pagespeed Optimierung
  • Bildbearbeitung
  • Bildoptimierung

Art des benötigten Umsetzungspartners/ Dienstleisters

Agentur mit Know-how im Bereich mobile SEO, speziell im Bereich der Bildoptimierung.

Komplexität bei der Entwicklung und Einführung der Lösung

Gering*

*(Die Komplexität kann je nach Anforderungen, Investitionsbedarf, Schulungsbedarf, etc. der Aufgabenstellung stark variieren.)

Dauer der Einführung

3 Monate

Systemkosten für den Betrieb der Lösung pro Monat

unter 200 €*

Investitionskosten für die Lösung

unter 50 €*

*(Die Kosten können je nach Komplexität, Anforderungen stark variieren.)

Teillösung aus dem Praxisprojekt SEO-optimiert und mobil – Lederwaren gut verkauft

Logo Mersor
Schnelle Webseite - Bildoptimierung
Kontaktieren Sie uns.

Bei Fragen und Anmerkungen helfen wir Ihnen gerne weiter. Schreiben Sie uns!

Nicht lesbar? Neues Captcha anfragen. captcha txt

Start typing and press Enter to search