Gute Fotos auf der Website brauchen weder eine teure Kamera noch einen Fotografen für jedes Bild. Entscheidend sind drei Dinge: Die Bilder zeigen echte Menschen und echte Arbeit aus Ihrem Betrieb, sie haben eine vernünftige Dateigröße, und sie sind für Menschen beschrieben, die sie nicht sehen können. Wer das bei seinen Fotos auf der Website beachtet, gewinnt dreimal: bei den Kunden, bei der Ladezeit und bei Google.
Eigene Fotos auf der Website schlagen Stockbilder
Bei den Fotos auf der Website entscheidet sich oft in Sekunden, ob ein Besucher Vertrauen fasst. Standardbilder von lachenden Menschen im Büro kennt jeder. Sie sagen nichts über Ihren Betrieb aus, und der Besucher merkt es. Ein Foto vom echten Team, von der Werkstatt, vom fertigen Auftrag wirkt dagegen sofort glaubwürdiger, auch wenn es nicht perfekt ist.
Für den Anfang genügt Ihr Handy. Ein paar Dinge helfen:
- Fotografieren Sie bei Tageslicht, am besten am Fenster oder draußen.
- Wischen Sie vorher kurz über die Linse. Das klingt banal, macht aber oft den größten Unterschied.
- Räumen Sie den Hintergrund auf. Ein Kabelsalat hinter dem Tresen fällt auf dem Foto doppelt auf.
- Halten Sie das Handy gerade und fotografieren Sie lieber ein Bild zu viel.
- Fragen Sie Mitarbeiter und Kunden, bevor Sie sie zeigen, und halten Sie die Zustimmung schriftlich fest.
Brauchen Sie dennoch Stockfotos, achten Sie auf die Lizenz. Nicht jedes kostenlose Bild darf für gewerbliche Zwecke genutzt werden.
Die richtige Größe für Fotos auf der Website
Ein Foto direkt aus der Handykamera hat oft mehrere Megabyte. Auf der Website wird es aber nur 800 oder 1.200 Pixel breit gezeigt. Alles darüber hinaus ist Ballast, der die Seite verlangsamt. Auf dem Handy trifft das besonders. Warum Ladezeit zählt, erklärt unser Beitrag zur schnellen Website.
Verkleinern Sie Bilder deshalb vor dem Hochladen auf die Größe, in der sie angezeigt werden. Ein Foto für den Textbereich reicht meist bei 1.200 Pixel Breite. Nur ein Titelbild über die ganze Breite braucht etwas mehr.
Beim Format sind WebP und AVIF die moderneren Wahl. web.dev berichtet, dass AVIF in Tests teilweise mehr als 50 Prozent kleiner war als JPEG. WordPress kann WebP heute selbst. Auch Elementor und gängige Optimierungs-Plugins können Bilder umwandeln.
Zwei Dinge macht WordPress übrigens schon richtig: Es erzeugt für jedes Bild mehrere Größen, damit der Browser die passende lädt, und es lädt Bilder weiter unten auf der Seite erst, wenn man dorthin scrollt. Dafür müssen Sie nichts tun.
Der Alt-Text: wofür er da ist
Der Alt-Text ist eine kurze Beschreibung des Bildes. Er wird vorgelesen, wenn jemand einen Screenreader nutzt, er erscheint, wenn das Bild nicht lädt, und er hilft Google zu verstehen, worum es geht. Das ist bei Fotos auf Ihrer Website keine Kür, sondern ein Teil der Barrierefreiheit (mehr dazu im Beitrag zur barrierefreien Website).
So schreiben Sie ihn:
- Beschreiben Sie, was zu sehen ist, so wie Sie es einem Freund am Telefon erzählen würden: „Tischler montiert Küchenfront in einem Altbau in Essen-Rüttenscheid."
- Lassen Sie „Bild von" und „Foto von" weg. Der Screenreader sagt ohnehin, dass es ein Bild ist.
- Bleiben Sie kurz. Ein Satz reicht.
- Dekorative Bilder bekommen einen leeren Alt-Text. Nach Angaben des A11y Collective soll das Attribut dann leer (alt="") gesetzt und nicht ganz weggelassen werden, sonst liest ein Screenreader womöglich den Dateinamen vor.
In WordPress tragen Sie den Alt-Text in der Mediathek ein, wenn Sie das Bild anklicken. In Elementor steht er im Bild-Widget.
Auch der Dateiname zählt
IMG_4821.jpg sagt nichts. Besser: kuechenfront-montage-essen.jpg. Das ist ein kleiner Gefallen für Google und eine gute Gewohnheit für Sie selbst, weil Sie Ihre Bilder später wiederfinden.
Eine Aufgabe für heute
Nehmen Sie sich die drei wichtigsten Bilder Ihrer Startseite vor. Sind sie echt, nicht zu groß und beschrieben? Wenn nicht, tauschen oder verkleinern Sie sie und tragen Sie den Alt-Text nach. Das dauert zusammen eine halbe Stunde und bringt mehr als so manche technische Einstellung. Wenn Sie dabei Hilfe möchten, schreiben Sie uns.