🖼️Everything about pictures
Alles rund um Bilder
#1 Bilder Größen
Als Faustregel für Bilder auf der Website gilt: Große Bilder, die über die volle Breite gehen, sollten maximal 130 – 250 KB haben. Kleine Bilder ca. 50 KB.
Icons müssen ganz schnell geladen werden und sollten daher max. 10 KB haben.
Es ist nicht immer machbar, aber ein guter Richtwert, da wo es ohne Qualitätsverlust möglich ist. Schau, dass du so nahe wie möglich an diese Werte kommst. Deine Ladezeit wird es dir danken.
#2 Bilder beschriften + ALT Texte
Statt einem Dateinamen wie "IMG_1234.jpg" oder "DC0001.jpg" zu verwenden, sollte man den Dateinamen des Bildes möglichst beschreibend und einzigartig gestalten. Ein guter Weg, dies zu tun, ist, die wichtigsten Keywords in den Dateinamen einzubeziehen, die mit dem Inhalt des Bildes und der zugehörigen Webseite zusammenhängen.
Angenommen, du hast ein Bild von einem schwarzen Labrador, das auf einer Seite über Hundezucht verwendet wird. Ein geeigneter Dateiname für dieses Bild könnte "schwarzer-labrador-hundezucht.jpg" sein. Der Dateiname enthält wichtige Keywords, die es Suchmaschinen erleichtern, das Bild zu erkennen und zuzuordnen, und ist gleichzeitig beschreibend und einzigartig genug, um sich von anderen Dateinamen zu unterscheiden.
Zusätzlich können auch die sogenannten ALT-Tags verwendet werden. Der ALT-Text sollte eine kurze und prägnante Beschreibung des Bildes enthalten und ebenfalls relevante Keywords beinhalten. Ein Beispiel wäre "Schwarzer Labrador Retriever sitzt auf einer Wiese während der Hundezucht-Veranstaltung".
#3 Mehrere Bilder beschriften + ALT Texte
Wenn du mehrere Bilder hast, die dasselbe Motiv zeigen, kannst du diese dennoch SEO-freundlich beschriften, indem du sie mit ähnlichen oder identischen Dateinamen kennzeichnest, aber unterschiedliche Nummern oder Zusätze hinzufügst, um sie voneinander zu unterscheiden.
Beispielsweise, wenn du mehrere Bilder von einem schwarzen Labrador hast, der auf einer Hundezucht-Veranstaltung abgebildet ist, kannst du diese wie folgt benennen: "schwarzer-labrador-hundezucht-1.jpg", "schwarzer-labrador-hundezucht-2.jpg", "schwarzer-labrador-hundezucht-3.jpg", usw.
Alternativ könntest du auch die Bildunterschriften oder den ALT-Text verwenden, um zwischen den einzelnen Bildern zu unterscheiden. Hier könntest du zum Beispiel schreiben: "Schwarzer Labrador Retriever bei der Hundezucht-Veranstaltung - Bild 1", "Schwarzer Labrador Retriever bei der Hundezucht-Veranstaltung - Bild 2", usw.
#4 Bilder komprimieren
Zusammenfassung
Last updated