Vorher-Nachher-Fotos zur Website hinzufügen

Wenn Sie Dächer reparieren, wasserschadengeschädigte Keller sanieren, Autos aufbereiten oder ein Wellnessstudio betreiben, ist Ihre fertige Arbeit Ihr bester Verkäufer. Ein Besucher, der sehen kann, wie eine durchhängende Dachrinne zur sauberen geraden Linie wird, oder eine verfärbte Decke wieder strahlend weiß wird, braucht keinen Absatz Text, um zu glauben, dass Sie das können. Deshalb ist das Hinzufügen von Vorher-Nachher-Fotos zur Website eine der Stunden mit der höchsten Rendite, die Sie für Ihre Online-Präsenz aufwenden können.

Die meisten Leitfäden zu diesem Thema springen direkt zu einem WordPress-Plugin und hören dort auf. Dieser beginnt früher - mit dem Teil, der wirklich entscheidet, ob die Fotos funktionieren: passende Paare aufnehmen, sie organisieren, entscheiden, wie man sie darstellt, und sie schnell und auffindbar machen. Ob Sie ein Plugin, einen Baukasten oder ein "Done for You"-Tool verwenden, die folgenden Grundlagen sind dieselben.

Warum Vorher-Nachher-Fotos so gut konvertieren

Menschen vertrauen dem, was sie verifizieren können. Eine schriftliche Behauptung wie "wir liefern Qualitätsarbeit" bittet den Leser, Ihnen beim Wort zu glauben. Ein Seitenbild-Vergleich lässt ihn in etwa einer Sekunde selbst urteilen. Dieser Wechsel - von "Vertrauen erbitten" zu "jemanden prüfen lassen" - ist der ganze Grund, warum diese Fotos ihr Gewicht tragen.

Sie erledigen auch eine stillere Aufgabe. Ein starkes Paar setzt Erwartungen. Jemand, der den Standard Ihrer fertigen Arbeit sieht, bevor er anruft, ist ein wärmerer, besser qualifizierter Lead. Er kauft nicht mehr nur auf Preis. Er stellt sich dieses Ergebnis in seinem eigenen Zuhause vor.

Schritt 1: Fotos aufnehmen, die wirklich verglichen werden können

Der häufigste Fehler ist, das "Vorher" als Nebensache zu behandeln. Sie erinnern sich, den fertiggestellten Auftrag zu fotografieren, aber das einzige "Vorher", das Sie haben, ist eine verwackelte Handyaufnahme in schlechtem Licht aus einem anderen Winkel. Das Paar stimmt nicht überein - und der Vergleich bricht zusammen.

Konsistenz ist das, was ein Vorher-Nachher-Paar glaubwürdig macht. Streben Sie bei jedem Einsatz danach:

Gleicher Winkel und gleiche Entfernung. Stehen Sie für beide Aufnahmen an derselben Stelle. Notieren Sie ein Wahrzeichen - eine Ecke der Einfahrt oder eine Bodenfliese - damit Sie dahin zurückkehren können.
Dasselbe Framing. Behalten Sie dieselbe Menge der Szene im Blick. Wenn das "Vorher" das gesamte Dach zeigt und das "Nachher" eine Ecke, kann das Auge sie nicht verbinden.
Dieselbe Beleuchtung. Fotografieren Sie zu einer ähnlichen Tageszeit oder verwenden Sie dasselbe Arbeitslicht. Harsche Mittagsschatten in einem Foto und weiches Abendlicht im anderen lassen ein ehrliches Ergebnis inszeniert aussehen.
Dieselbe Ausrichtung. Beide Fotos quer oder beide hochkant. Das Mischen zwingt dazu, ein Bild zuzuschneiden und wirft die Ausrichtung durcheinander.
Scharf und im Fokus. Linse abwischen, tippen zum Fokussieren und stillhalten. Ein scharfes "Vorher" neben einem scharfen "Nachher" wirkt wie sorgfältige Arbeit.

Eine praktische Gewohnheit: Machen Sie das "Vorher" in dem Moment, in dem Sie am Einsatzort ankommen, bevor Sie irgendetwas anfassen. Machen Sie es zu einem Teil Ihrer Einrichtungsroutine - genauso wie das Auslegen von Schutzfolien.

Das Fotopaar ist keine Dekoration. Es ist Beweis. Fotografieren Sie das "Vorher", als ob es zählte - weil es auf Ihrer Website zählt.

Schritt 2: Nicht überbearbeiten

Ein bisschen Helligkeit und Begradigung ist in Ordnung. Starke Filter, Sättigungsverstärkungen oder alles, was das eigentliche Ergebnis verändert, überschreitet eine Grenze. Käufer haben genug gefälschte Transformationen gesehen, um misstrauisch zu sein - und ein Foto, das zu gut um wahr zu sein aussieht, lässt sie an allen anderen zweifeln.

Bearbeiten Sie beide Bilder auf dieselbe Weise. Wenn Sie das "Nachher" aufhellen, hellen Sie das "Vorher" um denselben Betrag auf. Das Ziel ist ein ehrlicher Vergleich, kein Schönheitswettbewerb.

Schritt 3: Erlaubnis einholen, bevor irgendetwas öffentlich wird

Dieser Schritt wird übersprungen und sollte es nicht. Wenn die Arbeit auf dem Grundstück von jemandem ist, oder das Foto das Innere eines Hauses, einen Körper, ein Gesicht oder irgendetwas Identifizierbares zeigt, fragen Sie, bevor Sie es veröffentlichen. Für Heimdienstleistungen reicht eine kurze Zeile im Arbeitsauftrag oder eine Folge-SMS: "Dürfen wir Fotos der fertigen Arbeit auf unserer Website und in den sozialen Medien verwenden?" Für Wellness, Gesundheit oder alles Persönliche: Holen Sie es schriftlich ein.

Schritt 4: Entscheiden, wie die Fotos erscheinen

Es gibt drei gängige Methoden, ein Paar zu zeigen - und die richtige hängt von der Arbeit und dem Gerät ab.

Interaktiver Schieberegler. Ein einzelnes Bild mit einem Griff in der Mitte, den der Besucher nach links und rechts zieht, um zwischen Vorher und Nachher zu wechseln. Es ist einbindend und funktioniert wunderbar, wenn die beiden Fotos fast perfekt übereinstimmen. Es erfordert gut abgestimmte Paare.
Nebeneinander-Paar. Zwei Bilder nebeneinander mit klaren Beschriftungen. Einfacher, schneller ladend und verzeihend, wenn die Winkel nicht perfekt übereinstimmen. Auf einem Handy stapeln sich die zwei Bilder meistens, also stellen Sie sicher, dass jedes auch auf kleinem Bildschirm funktioniert.
Raster oder Galerie. Ein Set von Paaren auf einer dedizierten Ergebnisse- oder Galerieseite. Hier bauen Sie im Laufe der Zeit einen Beweis-Körper auf. Gruppieren Sie nach Auftragstyp, damit ein Dachdecker-Lead Dächer sieht.

Wenn Sie gerade anfangen, sind Nebeneinander-Paare die sichere Wahl. Sie sind einfach richtig hinzubekommen, laden schnell und lassen Besucher nie verwirrt darüber, welches Bild welches ist.

Schritt 5: Jedes Paar beschriften

Ein unbeschrifteter Vergleich lässt den Besucher Arbeit leisten - und verwirrte Besucher verlassen die Seite. Markieren Sie, welches Bild das "Vorher" und welches das "Nachher" ist, und fügen Sie eine Kontextzeile hinzu.

Spezifische Beschriftungen schlagen generische. "Vorher" und "Nachher" ist das Minimum. "Sturmschaden, in einem Tag repariert" oder "Wasserextraktion und Vollsanierung, drei Tage" erzählt eine Geschichte und beantwortet die Frage, die sich im Kopf des Lesers bildet: wie lange, wie viel Störung, was genau änderte sich. Eine kurze Bildunterschrift ist oft der Unterschied zwischen einem netten Foto und einem Foto, das einen Anruf bucht.

Schritt 6: Bilder optimieren, damit die Seite schnell bleibt

Große Bilddateien sind der stille Killer dieser Seiten. Eine Galerie voller Fotos direkt vom Handy kann Dutzende von Megabyte groß sein - und auf einer Handyverbindung kann diese Seite mehrere Sekunden brauchen, um zu erscheinen. Viele Besucher verlassen die Seite, bevor sie Ihre Arbeit je sehen. Geschwindigkeit zählt auch für Suchmaschinenpositionen.

Tun Sie das, bevor Sie hochladen:

Verkleinern. Sie brauchen selten ein Bild, das breiter als ca. 2000 Pixel ist.
Komprimieren. Fotos durch einen kostenlosen Kompressor laufen lassen oder als WebP exportieren.
Niedrig anstreben. Ein einzelnes Webfoto unter ca. 300 Kilobyte ist ein gutes Ziel.
Lazy Load. Die meisten modernen Websites und Baukästen laden Bilder nur, wenn der Besucher dazu scrollt. Wenn Ihres das anbietet, schalten Sie es ein.

Schritt 7: Alt-Text für jedes Bild schreiben

Alt-Text ist die kurze schriftliche Beschreibung, die einem Bild beigefügt ist. Er zählt aus zwei Gründen. Er ist, was ein Bildschirmlesegerät einem Besucher vorliest, der das Foto nicht sehen kann - also ist er eine grundlegende Barrierefreiheitsanforderung. Und er ist eine der Möglichkeiten, wie Suchmaschinen Ihre Bilder verstehen, was Ihnen Traffic über die Bildsuche bringen kann.

Schreiben Sie es schlicht und beschreiben Sie, was gezeigt wird. Etwas wie "Vorher und Nachher eines mit Moos bedeckten Asphaltschieferdachs, gereinigt bis auf die blanken Schindeln" erledigt die Aufgabe.

Schritt 8: Die Paare platzieren, wo Entscheidungen fallen

Eine Galerieseite ist gut - aber die Stellen mit dem höchsten Wert sind die Seiten, wo jemand kurz vor dem Anrufen steht. Fügen Sie ein relevantes Paar auf Ihre Startseite nahe Ihrem Haupt-Call-to-Action ein, und auf jede einzelne Leistungsseite. Ein Besucher, der Ihre Dachaustausch-Seite liest, sollte ein Dachaustausch-Ergebnis genau dort sehen.

Aktualisieren Sie das Set, wenn neue Aufträge fertig sind. Ein Ergebnisbereich, der sichtbar wächst, sagt Besuchern, dass Sie beschäftigt und konsistent sind.

Häufige Fehler vermeiden

Nur ein "Nachher" ohne passendes "Vorher" haben.
Unterschiedlicher Winkel, Zoom oder Licht zwischen den zwei Aufnahmen.
Das Zuhause oder Gesicht eines Kunden veröffentlichen, ohne zu fragen.
Riesige Dateien, die die Seite auf einem Handy kriechen lassen.
Keine Beschriftungen, sodass der Besucher nicht sagen kann, welches welches ist.
Ein dramatisches Paar und sonst nichts - was eher wie ein Glücksfall als ein Standard wirkt.

Wenn Sie es lieber einfach beschreiben und erledigt haben möchten

Alles oben setzt voraus, dass Sie selbst Bilder platzieren, den Schieberegler einstellen, Dateien verkleinern und Alt-Text schreiben. Das ist sehr machbar. Aber es ist auch ein Abend, den Sie vielleicht nicht haben.

Das ist der Teil, den Saynovo entfernen soll. Statt mit einem Plugin zu kämpfen, sagen Sie Ihrer Website, was Sie in einfacher Sprache möchten - etwas so Einfaches wie "Füge einen Vorher-Nachher-Bereich zu meiner Dachdeckerseite mit diesen zwei Fotos hinzu" - und die Änderung passiert. Wenn das Bearbeiten der Bilder, Beschriftungen und des Layouts selbst wie eine Aufgabe zu viel klingt, lohnt sich ein Blick auf saynovo.com.

Vorher-Nachher-Fotos zur Website hinzufügen: Die Kurzfassung

Die Mechanik des Hinzufügens von Vorher-Nachher-Fotos zur Website ist einfach, sobald die Grundlagen solide sind. Fotografieren Sie abgestimmte Paare mit demselben Winkel und Licht, halten Sie die Bearbeitung ehrlich, holen Sie Erlaubnis ein, beschriften Sie jedes Paar mit echtem Kontext, komprimieren Sie die Dateien, schreiben Sie Alt-Text und platzieren Sie die Ergebnisse auf den Seiten, wo Menschen entscheiden zu rufen. Stellen Sie das richtig ein - und die Darstellungsmethode, ob Schieberegler, Nebeneinander oder Galerie, ist der einfache Teil. Ihre fertige Arbeit wird das Verkaufen übernehmen - genau das, was sie tun sollte.