Inhalt
SEO für Einsteiger
Ratschläge für die Suchmaschinenoptimierung (SEO) gibt es wie Sand am Meer. Manche sind veraltet, andere Binsenweisheiten. Doch wie findet der Einsteiger sich dabei zurecht? Welche Grundlagen sollten Blogger und Betreiber kleinerer Websites mit vertretbarem Aufwand umsetzen?
Zu den wichtigsten Grundregeln gehört auch heute noch der richtige Umgang mit Bilddateien. Dabei geht es längst nicht mehr nur darum, Suchmaschinen zusätzliche Informationen zum Bildinhalt zu liefern. Gut optimierte Bilder verbessern zugleich Ladezeit, Nutzererfahrung, Barrierefreiheit und die Darstellung auf unterschiedlichen Bildschirmgrößen. Der Fokus dieses Artikels liegt vor allem auf WordPress-Nutzern.
Bisher sind in der Reihe SEO-Grundlagen erschienen:
- Teil 1: Bilder fürs Web optimieren
- Teil 2: Texte für Blog und Website verfassen
- Teil 3: Linkbuilding-Strategien
Fotos und Grafiken optimieren
Dateigröße reduzieren
Die Ladezeit einer Website ist weiterhin ein wichtiger Faktor für Nutzererfahrung und technische Suchmaschinenoptimierung. Besonders auf mobilen Geräten können große Bilddateien die wahrgenommene Geschwindigkeit deutlich verschlechtern. Für Google spielen dabei unter anderem die Core Web Vitals eine Rolle, also von Google definierte Kennzahlen zur Nutzererfahrung und technischen Seitenqualität. Insbesondere der Largest Contentful Paint (LCP) ist zu beachten, der häufig durch große Header-, Beitrags- oder Hero-Bilder beeinflusst wird. Gute Performance garantiert zwar kein gutes Ranking, sie hilft aber dabei, Inhalte schneller und nutzerfreundlicher auszuliefern. Langsame Seiten erhöhen zudem das Risiko, dass Besucher abspringen, bevor sie den Inhalt überhaupt wahrnehmen. Das ist in erster Linie ein Problem für Nutzererfahrung, Conversion und Lesebereitschaft. Die Absprungrate sollte man daher eher als Analyse- und Warnsignal verstehen, nicht als direkten Rankingfaktor.
Und kaum etwas verschlechtert die Ladezeit so schnell wie übergroße Bilddateien. Die sichtbare Darstellungsgröße eines Bildes auf der Website sagt noch nichts darüber aus, welche Bilddatei der Browser tatsächlich lädt. Ein Foto kann beispielsweise klein angezeigt werden, aber dennoch mit unnötig großen Pixelabmessungen oder hoher Dateigröße ausgeliefert werden. Gehen wir von einem Content Management System wie WordPress aus, so können wir unterschiedliche Szenarien unterscheiden:
- Das Theme, Template oder ein Plugin verwendet an Stellen wie Header, Slider oder beim Teaser selbstständig eine verkleinerte Version des hochgeladenen Bildes. Dann ist die Gefahr übergroßer Bilddateien an diesen Stellen deutlich reduziert.
- Bei der Gestaltung von Seiten oder Beiträgen verwenden wir Bilder zur Illustration des Textes. Der aktuelle Block-Editor von WordPress erlaubt es uns dabei, verkleinerte Versionen der ursprünglichen Datei per Auswahl manuell einzubinden. Gleichzeitig erzeugen WordPress-Installationen beim Upload mehrere Bildgrößen und geben Bilder in vielen Fällen mit srcset und sizes aus. Der Browser kann dann selbst entscheiden, welche Bildvariante für das jeweilige Gerät sinnvoll ist.
Ganz unabhängig von diesen automatisierten Hilfestellungen sollte man keine unnötig riesigen Originaldateien hochladen, sondern Bilder vor oder beim Upload auf ein sinnvolles Maximalmaß und eine angemessene Kompression bringen. Dazu können wir ein Grafikprogramm oder ein Plugin nutzen.
Aussagekräftige Dateinamen
Es kann mühsam sein, dennoch ist es wichtig, seine Bilddateien sprechend zu gestalten. Meist kommen sie als IMG_1234.JPG oder ähnlich aus der Digitalkamera oder dem Smartphone. Hier gilt es, kurze und prägnante Dateinamen zu finden, die das Gezeigte widerspiegeln und sich in den Kontext des Textes einpassen. Wenn es passt, kann auch ein relevantes Suchwort im Dateinamen vorkommen. Der Dateiname sollte aber in erster Linie den Bildinhalt beschreiben und nicht künstlich mit Keywords gefüllt werden. Bei mehrteiligen Bezeichnungen aus mehreren Wörtern gibt Google dem Bindestrich den Vorzug gegenüber dem Unterstrich.
Übrigens: Für Fotos ist auch weiterhin das JPG-Format verbreitet und kompatibel, aber WebP und AVIF sind heute wichtige moderne Alternativen, weil sie bei guter Qualität häufig kleinere Dateien ermöglichen. Für Logos und Grafiken, die als Pixelgrafiken daherkommen, sollte man dagegen auf PNG-Dateien setzen. Mehr zu den unterschiedlichen Dateiformaten findet ihr hier: Pixelgrafik und Vektorgrafik – Praxisratgeber zu Dateiformaten.
Alternativtext vergeben
Der Alternativtext, technisch das alt-Attribut eines Bildes, klingt banal, ist aber wichtig. Er hilft Suchmaschinen, den Inhalt eines Bildes besser einzuordnen, und ist vor allem ein zentrales Element der Barrierefreiheit. Screenreader können den Alternativtext vorlesen, wenn blinde oder sehbehinderte Nutzer eine Website besuchen. Wird eine Bilddatei nicht geladen, kann der Alternativtext außerdem anstelle des Bildes angezeigt werden.
Ein guter Alternativtext beschreibt kurz und konkret, was auf dem Bild zu sehen ist und welche Funktion das Bild im Kontext des Textes erfüllt. Er sollte zum begleitenden Inhalt passen und nicht künstlich mit Suchbegriffen überladen werden. Für rein dekorative Bilder ist dagegen kein beschreibender Alternativtext nötig. In WordPress lässt sich der Alternativtext direkt in der Mediathek oder beim Einfügen eines Bildes vergeben. Sinnvoll ist es, ihn spätestens beim Einbinden des Bildes zu prüfen, weil der passende Alternativtext immer auch vom konkreten Kontext abhängt.
Titel und Bildunterschrift verwenden
Das title-Attribut eines Bildes sollte man nicht mit dem Alternativtext verwechseln. Es kann zusätzliche Informationen enthalten und wird in manchen Browsern als Tooltip angezeigt, wenn man mit der Maus über ein Bild fährt. Für SEO und Barrierefreiheit ist es jedoch deutlich weniger wichtig als ein guter Alternativtext. Wichtige Informationen sollten deshalb nicht ausschließlich im title-Attribut stehen, zumal solche Tooltips auf Touch-Geräten und für viele Nutzer nicht zuverlässig zugänglich sind.
Sinnvoller ist in vielen Fällen eine sichtbare Bildunterschrift. Sie steht direkt beim Bild, wird von Besuchern tatsächlich gelesen und hilft dabei, den Zusammenhang zwischen Bild und Text zu verdeutlichen. Besonders nützlich ist sie bei Fotos von Personen, Orten, Kunstwerken, Diagrammen, Screenshots oder erklärungsbedürftigen Motiven. Auch Quellen- oder Urheberangaben lassen sich dort gut unterbringen. Nicht jedes Bild benötigt allerdings eine Bildunterschrift. Bei rein dekorativen Bildern oder einfachen Symbolbildern kann man darauf verzichten, wenn sie dem Text keinen zusätzlichen Nutzen bringen.
Zusammenfassung
Wer Bilder fürs Web optimiert, hilft nicht nur Suchmaschinen, sondern vor allem den Besuchern der Website. Sprechende Dateinamen, sinnvoll gewählte Bildformate, angemessene Dateigrößen, passende Alternativtexte und bei Bedarf erklärende Bildunterschriften sorgen dafür, dass Bilder schneller laden, besser verstanden werden und barriereärmer zugänglich sind. Für SEO ist das weiterhin relevant: Suchmaschinen können Bilder und ihren Kontext besser einordnen, und die Sichtbarkeit in der Bildersuche kann davon profitieren. Gleichzeitig sollte man Bildoptimierung nicht als isolierten Ranking-Trick verstehen. Gute Performance, saubere Technik und verständliche Inhalte greifen zusammen, ersetzen aber keine hochwertigen Texte und keine insgesamt hilfreiche Website.
Wer diese Grundlagen beachtet, ist bei der Bildoptimierung auf einem guten Weg. Für den Einstieg reicht es oft schon, Bilder vor dem Upload sinnvoll zu benennen, auf ein angemessenes Maß zu bringen, komprimiert auszuliefern und den Alternativtext bewusst zu setzen. Um in die Thematik tiefer einzusteigen und das letzte Quäntchen herauszuholen, empfehle ich einen weitergehenden Artikel: Bilder für Suchmaschinen optimieren (Bilder SEO) von Webtimiser.
