Wie sollte man Bilder für eine Website optimieren?
Bilder ziehen Besucher auf die Website und generieren mehr Traffic. Das Letzte, was deine Leser sehen möchten, wenn sie eine Seite aufrufen, ist ein langweiliger Text.
Jeder Inhalt, bei dem keine Bilder verwendet werden, scheint endlos und schwer zu verstehen zu sein. Bilder beeinflussen auch die Ladezeit und das Surfverhalten von Usern.
Deswegen kann qualitative Bildoptimierung die Rankingposition deiner Website in Suchmaschinen verbessern. Wie optimierst du Grafiken und Fotos, um Suchsysteme und Nutzer anzusprechen? Lies in diesem Artikel nach :)
Warum ist es so wichtig, Bilder zu optimieren?
Der Mensch liest Texte nicht sorgfältig durch, sondern „scannt" einfach. Oft lenken Seitenbesucher die Aufmerksamkeit nur auf grafische Elemente. Aus diesem Grund verwenden Suchmaschinen ein paar Kriterien, nach denen sie Bilder analysieren.
Sie bestehen hauptsächlich in der Verbesserung von Inhalten und Befriedigung der Nutzerbedürfnisse. Deswegen sollten Bilder schnell geladen, schön, informativ und hochwertig sein.
Seit Snippet-Texte in Google SERPs erweitert wurden, ist es sehr einfach, auf die erste Seite mithilfe von Grafiken zu kommen. Dein Bild kann auch zusammen mit dem Content von konkurrierenden Webseiten angezeigt werden.
Dadurch entstehen neue Chancen, Sichtbarkeit und Erkennbarkeit der Website mit Bildern und Infografiken zu erhöhen. Damit deine Website die besten Ergebnisse bei Suchmaschinen erzielt, solltest du komplexe Bildoptimierung vornehmen. Das Ziel ist, Suchsystemen dabei zu helfen, den Inhalt richtig zu analysieren und einzuordnen.
Welche Anforderungen bestehen an die Bildentwicklung?
Insgesamt laufen die Anforderungen an die Entwicklung von Bildern auf folgende Daten hinaus: Format, Qualität, Dateigröße.
#1
Bildformat
Google indexiert Bilder in den Formaten BMP, GIF, JPEG, PNG, WebP und SVG.
JPEG: Benutze dieses Dateiformat für Fotos.
PNG: Das Format ist für die Grafik oder einfach gesagt für Elemente geeignet, die Gestalter zeichneten.
SVG: Das ist das Format für die Darstellung der Vektorgrafik.
Es gibt auch andere Formate, wie WebP und JPEG-XR. Obwohl sie einige Vorteile haben, werden sie nicht von allen Browsern unterstützt. Zum Beispiel passt JPEG-XR zu IE, WebP ist das geeignete Format für Chrome, Opera, Android. In diesem Zusammenhang werde ich sie nicht betrachten. Trotzdem steht dir die Wahl offen :)
#2
Qualität
Zur Optimierung der Bilder für Google solltest du eine ideale Lösung zwischen Dateigröße und Qualität finden. Der Content ist in erster Linie für Besucher vorgesehen, deshalb sollten Fotos und Grafiken scharf und visuell ansprechend sein.
#3
Bildgröße und Auflösung
Die Bildgröße wirkt sich auf die Ladezeit der Seite aus, was ihrerseits das Ranking der Website beeinflusst. Wenn du zu viele hochauflösende Fotos verwendest, kann dies erheblich die Seitenladezeit verzögern. Es gibt eine Vielzahl von Tools, die grafische Darstellungen ohne Qualitätsverlust verkleinern (davon werde ich später erzählen). Wenn du sie anwendest, vergleich unbedingt das originale Bild mit dem Endergebnis, um ein optimales Verhältnis von Qualität und Quantität zu erreichen.
Erstelle Bilder in der Größe, in der sie auf der Webseite dargestellt werden.
Suchmaschinen verstehen deinen Seitencontent richtig, wenn du in CSS Breite und Höhe angibst. Für Retina-Displays füge Bilder in der Größe 2x hinzu und stelle die Darstellung der verschiedenen Größen entsprechend den Eigenschaften der Bildschirme ein. Sonst haben Benutzer von Retina-Displays das Risiko, Grafiken von schlechter Qualität anzuschauen.
Wie komprimierst du Bilder verlustfrei?
Wenn du das Internet schneller machen wirst, wäre dir Google sehr dankbar. Hier sind ein paar Cloud Tools, die du zur Bildkompression verwenden kannst.
1
Compressor ist ein kostenloser Service, der eine Beschränkung für die Größe der geladenen Datei auf 10 MB hat. Die Kompression ist auch ohne Qualitätsverlust möglich. In diesem Fall werden nur JPG- und PNG-Bildformate unterstützt. Mit dem Tool ist die Komprimierung um bis zu 90 % zu erreichen.
2
Mithilfe von Kraken können sowohl ein als auch mehrere Files gleichzeitig optimiert werden. Um Bilder der bestimmten Webressource zu optimieren, braucht man nur die URL der Website anzugeben. Die Ergebnisse bekommst du in der Form von Archivdateien.
Außerdem sind darin nützliche Features enthalten, wie Änderung der Bildgröße, API für Webressourcen und Plugins für WordPress und Magento. Der volle Guide der Bildoptimierung auf der Website.