Leitfaden zur Vorbereitung von Fotos für den Online-Shop
Erfahren Sie, wie Sie Ihre Produktbilder vor dem Hochladen richtig vorbereiten, um eine optimale Darstellung und maximale Geschwindigkeit in WooCommerce zu gewährleisten.
Eine professionelle Produktpräsentation erfordert Einheitlichkeit und Schnelligkeit. Wenn Sie Fotos direkt von Ihrem Handy oder Ihrer Kamera ohne Bearbeitung hochladen, wird der Online-Shop “überlastet”, die Seiten laden nur langsam und die Kunden brechen den Kaufvorgang ab. Befolgen Sie die 4 einfachen Schritte unseres Leitfadens für perfekte Ergebnisse.
Korrekte Proportionen und Abmessungen (Dimensions)
Damit Ihre Fotos in den Produktlisten nicht “abgeschnitten” oder ungleichmäßig erscheinen, müssen sie alle dieselben Abmessungen haben.
Die empfohlenen Abmessungen für WooCommerce lauten:
- Quadratische Bilder (Seitenverhältnis 1:1): 800 × 800 Pixel oder 1000 × 1000 Pixel (Die beste Wahl für die meisten Online-Shops).
- Hochformatbilder (Kleidung/Mode – Seitenverhältnis 2:3): 800 × 1200 Pixel.
[ Screenshot: Beispiel für eine korrekte quadratische Anordnung von Produkten in einem Online-Shop ]
Dateinamenskonventionen für SEO
Google liest den Dateinamen des Fotos aus, um zu erkennen, was darauf zu sehen ist. Laden Sie niemals Bilder mit Namen wie IMG_4922.jpg.
Die Regel: Benennen Sie die Datei auf Ihrem Computer um, indem Sie lateinische Druckbuchstaben und Bindestriche (-) anstatt Lücken zu lassen, indem man das Produkt beschreibt.
Beispiel: kokkino-gynaikeio-forema-silk.jpg
Komprimierung und Dateigröße (Weight)
Das ist der entscheidende Faktor. Ein Foto von einem modernen Handy ist etwa 3 MB bis 6 MB groß. Im Online-Shop darf jedes Foto **nicht größer als 100 KB bis 150 KB sein**!
Bevor Sie die Dateien in WordPress hochladen, nutzen Sie kostenlose Online-Komprimierungstools wie das TinyPNG oder das ILoveIMG. Ziehen Sie Ihre Fotos einfach dorthin – das Tool verkleinert sie auf bis zu 80%, ohne dass dabei die Qualität leidet, und Sie können sie dann sofort einsatzbereit herunterladen.
Verwenden Sie .jpg für alle klassischen Produktfotos. Die Dateien sind deutlich kleiner. Verwenden Sie .png **Nur**, wenn Ihr Foto einen transparenten Hintergrund hat. Wenn Sie ein einfaches Foto mit weißem Hintergrund im PNG-Format hochladen, ist es grundlos dreimal so groß wie die entsprechende JPG-Datei!
[ Screenshot: Die Startseite von TinyPNG mit dem Drag-&-Drop-Feld ]
Eingabe von Alternativtext (Alt-Text) beim Hochladen
Wenn Sie das fertige Bild in WooCommerce hochgeladen haben, klicken Sie in der “Medienbibliothek” (Media Library) darauf. Auf der rechten Seite des Bildschirms sehen Sie das Feld Alternativtext (Alt-Text).
Schreiben Sie dort einen kurzen Satz auf Griechisch in natürlicher Sprache (z. B. Rotes Seidenkleid für Damen). Das hilft nicht nur Menschen mit Sehbehinderungen, sondern auch Google dabei, Ihre Bilder in den Google Bilder, wodurch zusätzlich kostenloser Kundenverkehr in Ihr Geschäft generiert wird.
Bei Skynetix installieren wir häufig spezielle Plugins, die Ihre Bilder automatisch in das Format WebP (das neue Format, das Google verlangt). Diese Plugins dienen jedoch lediglich als Sicherheitsmaßnahme und können keine Wunder bewirken, wenn Sie ein riesiges Foto mit einer Größe von 10 MB direkt von einer professionellen Kamera hochladen. Die richtige Vorbereitung auf Ihrem Computer ist immer unerlässlich!
[ Screenshot: Das Feld “Alternativtext” (Alt-Text) in der WordPress-Medienbibliothek ]
Haben Sie Probleme mit der Geschwindigkeit Ihres Online-Shops?;
Wenn Sie in der Vergangenheit Hunderte von unkomprimierten Fotos hochgeladen haben und Ihre Website nun langsam lädt, müssen Sie diese nicht einzeln manuell korrigieren. Bei Skynetix können wir eine vollständige Geschwindigkeitsoptimierung und umfassende Bildüberarbeitung. Wir bereinigen Ihre Datenbank, komprimieren alle vorhandenen Bilder in einem Durchgang und richten erweiterte Caching-Mechanismen ein, sodass Sie einen E-Shop erhalten, der “fliegt”!
