Mittwoch 8 November 2023

Die positive Rolle von Bildern auf einer Website ist unbestreitbar, insbesondere auf einer E-Commerce-Website. Es reicht jedoch nicht aus, Ihrer Website „dumm“ Bilder hinzuzufügen. Es gibt bewährte Vorgehensweisen, die Sie befolgen sollten, damit Ihre Bilder nicht nur attraktiv, sondern auch für Ihre SEO nützlich sind.

Bilder auf einer Website

Die Verwendung von Bildern auf einer Website bietet mehrere Vorteile:

• Sie illustrieren die Website und machen sie dadurch angenehmer und attraktiver.
• Sie machen die Texte verständlicher und einfacher zu lesen.
• Wenn der Inhalt stimmt attraktiver und benutzerfreundlicher, Internetnutzer verbringen mehr Zeit auf einer Seite, die ein positives Signal an Google sendet
• Darüber hinaus spielen Bilder über den Namen der Dateien und den Alternativtext eine Rolle bei Ihrer natürlichen Referenzierung

Auf einer E-Commerce-Website sind sie natürlich unerlässlich, um die Produkte schön und effektiv zu präsentieren.

Optimieren Sie Ihre Bilder für SEO (SEO = Search Engine Optimization)

Benennen Sie Ihre Bilder

Sie haben es wahrscheinlich schon bemerkt: Wenn Sie eine Suche bei Google durchführen, erhalten Sie häufig Ergebnisse in Bildern!

Und ja, die Bilder sind ebenfalls referenziert und bieten einen Zugang zu Ihrer Website!

Damit Ihre Bilder bei diesen Suchanfragen auftauchen, müssen sie einen guten Namen haben. Wir vergessen daher definitiv die Bilder mit dem Titel:

• IMG6785.webp
• Screenshot 29.09.2023 um 09.56.51.png

Best Practices für die Benennung Ihrer Bilder

• Benennen Sie Ihre Bilder, BEVOR Sie sie auf Ihre Website hochladen
• Schreiben Sie Namen in Kleinbuchstaben
• Sie können Buchstaben und Zahlen verwenden
• Verwenden Sie keine Akzente , Leerzeichen, Satzzeichen und andere Sonderzeichen
• Trennen Sie Wörter durch „mittlere Bindestriche“ (nicht durch „untere Bindestriche“)
• Wählen Sie einen beschreibenden Namen mit möglichst wenigen Wörtern< /li>
• Wenn es möglich und relevant ist, denken Sie über Ihre Schlüsselwörter nach
• Wenn es relevant ist, fügen Sie den Namen Ihrer Marke/Ihres Geschäfts im Bildnamen hinzu

Was sollen wir tun, wenn wir Bilder mit demselben Namen haben?

Die Antwort lautet: Geben Sie sich ein wenig Mühe! Es besteht zwangsläufig ein Unterschied zwischen zwei Bildern, die Sie auf Ihre Website hochladen möchten. Andernfalls müssen Sie uns erklären, warum Sie zwei identische Bilder hochladen möchten.

Spielen Sie mit den Unterschieden in Farbe, Blickwinkel (von oben, im Profil, von vorne), Komfort, Material oder anderen Unterscheidungsmerkmalen, die es Ihnen ermöglichen, zwei verschiedene Namen zu finden.

Beispiel für ein Paar Sneakers:

• brand-model-color
• brand-model-color-view-profile

Alternativtext hinzufügen

Mit Alt-Text können Sie ein Bild präzise beschreiben, indem Sie einen umfangreicheren Text als nur den Bildnamen verwenden. Dieser Text erscheint nicht auf der Website (ist aber im Code im Alt-Attribut vorhanden).

Warum ist das wichtig?

• Sprachassistenten können diesen Text lesen, was für Menschen, die diese Art von Assistenten verwenden, sehr wichtig ist, insbesondere für blinde oder sehbehinderte Menschen.
• Und wenn die Sprachassistenten sie lesen können ... auch Google ! Ihr alternativer Text ermöglicht es Google, Ihr Bild im Kontext zu verstehen.
• Aber seien Sie vorsichtig und erzählen Sie nicht einfach nur etwas. Google ist durchaus in der Lage zu verstehen, dass Sie lügen, wenn Ihre Beschreibung nicht mit dem Bild übereinstimmt. Und in diesem Fall wird er Sie bestrafen.

So schreiben Sie Alternativtext:

Beschreiben Sie Ihr Bild im Kontext genau. Und wenn Sie können, verwenden Sie ein Schlüsselwort oder eine Schlüsselphrase.

Im Gegensatz zum Namen Ihres Bildes schreiben Sie für Alternativtext normalerweise Großbuchstaben, Leerzeichen usw.

Optimieren Sie das Gewicht Ihrer Bilder

Es geht darum, nicht von Google bestraft zu werden. Wenn Sie zwei identische Websites hätten, von denen eine hellere Bilder hätte, würde Google letztere bevorzugen.

Da Internetnutzer dazu neigen, eine Seite, die zu langsam geladen wird, schnell zu verlassen, neigt Google dazu, Websites zu bestrafen, die zu langsam sind. Die Ladegeschwindigkeit ist ein wichtiger Faktor für SEO.

Allerdings werden aktuelle Bilder immer größer (Pixel) und immer schwerer (MB). Und ein umfangreiches Bild verbraucht viel Bandbreite, was sich auf die Ladegeschwindigkeit Ihrer Seiten und Ihrer Website auswirkt.

Bilder stellen aufgrund ihres Gewichts daher ein echtes Hindernis für ein schnelles Laden dar. Aber wir sind uns definitiv einig: Wir können darauf nicht verzichten, insbesondere auf einer E-Commerce-Seite. Daher müssen wir sie optimieren!

Gewicht oder Abmessungen optimieren?

Es ist im Wesentlichen das Gewicht unserer Bilder, das wir optimieren möchten, indem wir sie komprimieren und nicht benötigte Informationen aus ihrer Datei löschen.

Aber seien Sie versichert, es gibt Tools dafür. Sie ermöglichen es Ihnen, das Gewicht Ihrer Bilder so weit wie möglich zu reduzieren und gleichzeitig eine hervorragende Bildqualität beizubehalten.
Beispiel: Photoshop, Tinypng oder Compress Image

Hinweis: Wenn Ihre Website dies zulässt, fördern Sie die Optimierung Ihrer Bilder direkt auf Ihrer Website, indem Sie hierfür eine Erweiterung installieren. Auf WordPress können Sie beispielsweise Erweiterungen wie imagify oder tinypng verwenden, mit denen Sie die von Ihnen geladenen Bilder, aber auch die Bilder, die sich bereits auf Ihrer Website befinden, optimieren können.

Und die Abmessungen?

Das ist weniger wichtig, aber es macht natürlich keinen Sinn, ein Bild mit 4000 Pixeln pro Seite hochzuladen, wenn es nur auf einem Mobiltelefon oder als Minifoto auf Ihrer Website angezeigt wird.

Denken Sie also über die Größe Ihrer Bilder nach, je nachdem, wie sie auf Ihrer Website verwendet werden. Ein Bannerbild in voller Breite sollte größer sein als ein kleines Handyfoto.

Gehen Sie weiter mit dem WebP-Format

Wie wir gesehen haben, gilt: Je „leichter“ ein Bild ist, desto weniger Ressourcen verbraucht es, um es auf Ihre Website zu laden. Je schneller es geladen wird, desto besser ist es für Ihre SEO!

Wenn Sie die Wahl haben, bevorzugen Sie das JPG-Format gegenüber dem PNG (es sei denn, Sie benötigen Transparenz).

Neben den Formaten jpg und png gibt es ein neueres Format: das WebP-Format, mit dem Sie die Optimierung Ihrer Bilder noch weiter verbessern können. Wir reden davon, dass immer noch 30 % von JPG- und PNG-Dateien verschlungen werden.

Das gleiche Bild im WebP-Format ist daher heller als sein Äquivalent im JPG- oder PNG-Format. Und das, selbst wenn Sie diese bereits durch Komprimierung optimiert haben! Einige Leute sind jedoch der Meinung, dass es bei letzterem Format zu einem größeren Qualitätsverlust kommt. Es liegt an Ihnen, es zu versuchen und zu beurteilen.

Einige zusätzliche Ratschläge:

• Wählen Sie ein gutes Hosting, um Ihre Ladegeschwindigkeit nicht zu beeinträchtigen. Es ist besser, jedes Jahr etwas mehr zu bezahlen, um zu vermeiden, dass potenzielle Kunden wegen der Langsamkeit unserer Website zur Konkurrenz abwandern.
• Um Ihre Website einzigartig zu machen, bevorzugen Sie Ihre eigenen Bilder gegenüber denen von Datenbanken. Wenn Sie es sich leisten können, beauftragen Sie einen Fotografen oder machen Sie die Bilder selbst.
• Und wenn es sich nicht um Ihre Bilder handelt, stellen Sie immer sicher, dass Sie das Recht haben, sie auf Ihrer Website zu veröffentlichen (entweder durch den Kauf oder durch Bitten Sie den Eigentümer um Erlaubnis oder verwenden Sie lizenzfreie Bilder).

Viel Glück !

Zurück