← Alle Artikel

Web 3 Min. Lesezeit

Von Sotirios Terzis ·

Bilder helfen Suche und Anfragen, wenn sie echt sind, im Text beschrieben werden und klein genug sind, um schnell zu laden. Verwenden Sie, wo möglich, eigene Fotos, schreiben Sie für jedes aussagekräftige Bild einen kurzen Alternativtext, komprimieren Sie die Dateien und legen Sie Bildmaße fest, damit die Seite nicht springt. Schwere Stockfotos ohne Beschreibung bewirken das Gegenteil.

Das Wichtigste in Kürze

  • Echte Fotos Ihrer Arbeit, Ihres Teams und Ihrer Räume liefern Besuchern Belege, die generische Stockbilder nicht liefern können.
  • Alternativtext beschreibt, was ein Bild zeigt – für Screenreader und für Suchmaschinen.
  • Zu große Bilder sind eine häufige Ursache langsamer Seiten, verkleinern und komprimieren Sie sie also vor dem Hochladen.
  • Wenn jedes Bild Breite und Höhe hat, verschiebt sich das Layout beim Laden nicht.
  • Laden Sie das Hauptbild oben auf der Seite nicht verzögert (Lazy Loading).

Warum echte Fotos Stockbilder schlagen

Besucher suchen nach Belegen, dass ein Unternehmen ist, was es sagt. Ein Foto Ihrer echten Werkstatt, Ihres Büros, Ihres Teams oder eines fertigen Projekts liefert diesen Beleg. Ein Stockfoto lächelnder Menschen vor einem Laptop liefert keinen, und Besucher haben es schon anderswo gesehen. Echte Fotos brauchen kein professionelles Shooting, um nützlich zu sein. Gutes Licht, ein ruhiger Hintergrund und scharfer Fokus mit einem aktuellen Smartphone reichen für die meisten kleinen Unternehmen.

Das knüpft an die Belege an, die wir in unserem Artikel zur Startseite für Dienstleister beschreiben.

Alternativtext: was Sie schreiben

Alternativtext ist eine kurze Beschreibung im Code der Seite. Screenreader lesen ihn Menschen vor, die das Bild nicht sehen können, und Suchmaschinen nutzen ihn, um zu verstehen, was es zeigt. Beschreiben Sie den Inhalt schlicht: „Esstisch aus Eiche mit sechs Stühlen in einem hellen Showroom“ ist besser als „Tisch“ oder eine Reihe von Keywords. Ist ein Bild rein dekorativ, geben Sie ihm ein leeres alt-Attribut, damit Screenreader es überspringen.

Stopfen Sie keine Keywords in den Alternativtext. Schreiben Sie für einen Menschen, der das Bild nicht sehen kann. Barrierefreie Bilder sind auch Teil unserer Checkliste zum European Accessibility Act.

Dateinamen, Formate und Größe

Benennen Sie Dateien vor dem Hochladen beschreibend, etwa „esstisch-eiche-showroom.jpg“ statt „IMG_4821.jpg“. Das hilft Ihnen bei der Verwaltung und gibt Suchmaschinen einen zusätzlichen Hinweis.

Verkleinern Sie das Bild auf die größte Größe, in der es angezeigt wird. Ein Foto direkt vom Smartphone kann mehrere tausend Pixel breit sein – weit mehr, als ein Layout braucht. Komprimieren Sie es dann und verwenden Sie ein modernes Format wie WebP oder AVIF, die bei ähnlicher Qualität meist kleiner sind als JPEG. Die meisten modernen Website-Plattformen können die Umwandlung für Sie übernehmen.

Layoutverschiebung und Laden

Wenn eine Seite nicht weiß, wie groß ein Bild wird, springt der Text nach unten, sobald das Bild erscheint. Legen Sie bei jedem Bild Breite und Höhe fest oder reservieren Sie seinen Platz im Layout. Google zählt dieses Springen als Cumulative Layout Shift, und ein guter Wert liegt bei 0,1 oder weniger.

Bilder weiter unten auf der Seite können erst laden, wenn der Besucher in ihre Nähe scrollt – das nennt man Lazy Loading. Das Hauptbild oben auf der Seite, oft das Element des Largest Contentful Paint, sollte sofort laden. Googles Grenzwert für einen guten Largest Contentful Paint liegt bei 2,5 Sekunden oder weniger. Unser Leitfaden zur Website-Geschwindigkeit geht tiefer.

Bilder auf lokalen Seiten und Leistungsseiten

Eine Seite über eine Leistung wird überzeugender mit Fotos genau dieser erledigten Leistung. Wenn Sie in einer bestimmten Region arbeiten, zeigen Sie Fotos, die sie erkennen lassen: die Räume, den Transporter, fertige Aufträge in der Gegend. Nennen Sie den Ort in der Bildunterschrift, wo es zutrifft. Unser Leitfaden zur lokalen SEO nennt die anderen Stellen, an denen Ihre Angaben übereinstimmen sollten.

Ein kurzer Check Ihrer eigenen Website

Öffnen Sie Ihre drei wichtigsten Seiten und prüfen Sie vier Dinge. Sind die Fotos Ihre eigenen? Hat jedes aussagekräftige Bild eine Beschreibung? Haben die Dateien eine vernünftige Größe? Bleibt die Seite beim Laden ruhig? Beheben Sie zuerst die schwersten Bilder.

Wenn Sie ein zweites Paar Augen möchten, enthält unser kostenloses Website-Audit Prüfungen zu Geschwindigkeit und Bildern, und ein kostenloses 30-minütiges Erstgespräch ist der Ort, um über einen Fotoplan zu sprechen. Unsere Arbeiten zeigen, wie wir echte Projekte präsentieren.

HABEN SIE EIN PROJEKT IM KOPF?

Erzählen Sie uns, was Sie vorhaben – oder starten Sie mit einem kostenlosen Audit Ihrer aktuellen Website.