Für die Gestaltung Ihrer Website sind Bilder unverzichtbar. Ob die Präsentation Ihres Unternehmens mit Ihren Mitarbeitern, bei Produkten in Online-Shops, Bildern einer Unterkunft auf Reiseportalen und viele mehr. Ohne Bilder wären Websites kaum vorstellbar.
Damit Ihre Bilder auch für Suchmaschinen optimiert sind, gibt es einige nützliche Tipps & Tricks, die Sie beim Erstellen Ihrer Website redaktionell beachten sollten 🤓.
Wie bei der SEO allgemein gilt auch bei der Bilder-SEO: Gestalten Sie Ihre Website für Ihre Kunden und nicht für die Suchmaschine!
Mit Google´s Einführung der Mobile-First-Indexierung seit 1. Juli 2019 bei neuen Websites spielt auch die Qualität und Größe der Bilder eine wichtige Rolle.
Die Bildgröße sollte so gering wie möglich, die Bildauflösung so gut wie nötig sein. Eine höhere Auflösung sorgt für eine bessere Bildqualität. Dabei gibt es allerdings kein Patentrezept, da es natürlich darauf ankommt, in welcher Größe das Bild auf der Website verwendet wird. Zu Bedenken ist allerdings, dass ein Bild in zu hoher Auflösung die Ladezeit Ihrer Website vor allem mobil verlangsamen kann und so zu einer höheren Absprungrate führt. Ein Bild in geringer Auflösung verkürzt zwar die Ladezeit, aber die Seite wirkt unprofessionell und Bildmaterial wird leider oft "verpixelt" dargestellt 😕.
Wir empfehlen Ihnen daher in unsrem CMS
Die Suchmaschine versucht bereits durch den Dateinamen den Inhalt des Bildes zu verstehen.
Beispiel: "DSC_789.jpeg" sagt absolut gar nichts über den Inhalt des Bildes aus. Statt "DSC_789.jpeg" für den Sonnenuntergang Ihres Barcelona-Urlaubs ist eine bessere Dateibenennung "sonnen-untergang-barcelona.jpeg".
Beachten Sie hierbei
Bei Bildformaten gibt es ein paar Varianten. Unsere Mediabox unterstützt die Bildformate: JPG, PNG, SVG, GIF, EPS, TIF und BMP.
Ebenfalls zur guten Bildqualität zählt der für die Webgestaltung richtige Farbraum des Bildes.
Bei den Farbräumen gibt es
RGB - Rot Grün Blau - für digitale Arbeiten, also für die Gestaltung Ihrer Website bestens geeignet.
CMYK - Cyan Magenta Yellow Black - für den Druck zum Beispiel von Prospekten, daher für Ihre Website NICHT empfehlenswert, da es hier im System zu Farbfehlinterpretationen kommen kann.
Der ALT-Text oder Alternativ-Text bei Bildern ist wichtig für die Barrierefreiheit und dadurch ein wichtiger Rankingfaktor für Suchmaschinen. ALT-Texte werden beim maschinellen Lesen eingesetzt, zum Beispiel bei Screenreadern für Menschen mit Sehbeeinträchtigung. Auch bei schlechter Internetverbindung wird statt dem Bild der ALT-Text angezeigt, wenn Bilder nicht geladen werden können.
Wie soll ein ALT-Text also aussehen? Ganz einfach, beschreiben Sie in einfachen und möglichst wenigen Wörtern, was am Bild zu sehen ist. Sätze sind nicht unbedingt notwendig. Der ALT-Text, der das Bild beschreibt, und der Text um das Bild herum müssen zusammenpassen. Das Hauptkeyword, das ohnehin im Text um das Bild vorkommen sollte, kann in die Bildbeschreibung eingebaut werden. Keywordstuffing ist absolut fehl am Platz.
Technisch gesehen gibt es keine Einschränkung bei der Länge der ALT-Texte. Wir empfehlen Ihnen eine Textlänge zwischen 80 und 100 Zeichen, da Screenreader den Text in einem Stück vorlesen und die Barilleschrift auf eine Standardbreite von maximal 80 Zeichen beschränkt ist.
Laut den W3-Richtlinien zur Barrierefreiheit sind Bilder, die rein zu dekorativen Zwecken auf der Seite eingesetzt werden, aber nichts mit den Texten zu tun haben, eine Ausnahme. Hier ist es möglich den ALT-Text wegzulassen. Diese Bilder werden dann von Screenreadern ignoriert.
Wo Sie ALT-Texte oder den Dateinamen bei einem Bild bearbeiten, zeigen wir Ihnen im Tutorial-Bereich Mediabox.
Da auf der Website gerne Bildmaterial verbaut wird, sollten Ihre Bilder mobil genau so gut dargestellt werden, wie am Desktop. Verwenden Sie im Inhalts-Editor das Modul "Mediabox Bilder", wird dieses Bild automatisch auf den mobilen Geräten richtig dargestellt.
Verwenden Sie ein Bild als Hintergrundbild bei Inhaltsfläche oder Inhaltszeile, sehen Sie sich unbedingt die Darstellung auf verschiedenen Geräten oder in der Browsersimulation an und passen das Bildmaterial an.
Beim ersten Öffnen der Seite sehen Sie, ob das Bild sofort da ist oder einige Millisekunden oder Sekunden zum Laden benötigt. Ist das Bild nicht sofort da, ist das Bild vermutlich zu groß und Sie können die Bildgröße verringern. Infos zur optimalen Bildgröße finden Sie weiter oben 😉.
Die aktuellen Information über das Urheberrecht bei Bildern in Österreich finden Sie bei der Ombudsstelle Internet.
Umfassende Informationen stellt Google als Best Practices für Bilder zur Verfügung.