SEO in Contao (Teil 2/2) - Bilddateien und Content

Es ist schon ein Weilchen her, dass wir über das Thema "SEO und Contao" geschrieben haben. Die Fortsetzung der kleinen Serie von Teil 2 wollen wir aber nicht schuldig bleiben...

Unser erster Teil "SEO in Contao" drehte sich um die Optimierung des Seitentitels, des Seitenalias, des Seitennamens und um sinnvolle Beschreibungstexte der einzelnen Seiten, im zweiten SEO-Contao-Teil haben wir uns mit der Texstrukturierung mittels Überschriften, bzw. dem Texteditor von Contao beschäftigt. 
Der dritte Teil behandelte schließlich die Handhabung der XML Sitemap in Contao.

Dieser Teil knüpft an den zweiten an und greift im Arbeitsablauf eigentlich etwas zurück, da er sich neben Bilddateien und deren Beschriftung auch um Keywords und Content dreht. Themen, mit denen sich natürlich vor dem Erstellen der Inhalte beschäftigt werden sollte. Da Keywords aber auch für die Handhabung der Bilder von Bedeutung sind, sollen sie hier nicht unerwähnt bleiben.

Bilddateien

Bilder schaffen Lebendigkeit und unterstützen bestenfalls die textliche Aussage einer Webseite, darauf sollte nicht verzichtet werden. Allerdings sollte auch hier einigen Aspekten im Sinne der Suchmaschinenoptimierung Beachtung geschenkt werden.

Bildgrößen

Zunächst ist die Größe der Dateien wichtig. Zu große Dateien verlängern die Ladezeit der Website und verschlechtern somit ihre Performance. Die wenigsten User sind allerdings gewillt, lange Ladezeiten in Kauf zu nehmen. Durch Optimierung der Bildgröße kann bereits viel gewonnen werden. Zu beachten ist allerdings auch, dass zu kleine Bilder schnell pixelig aussehen können - auch wenn dies der Performance zu Gute käme.
Es gilt also einen Mittelweg zu finden. Hilfreich ist es, sich auf eine maximale Transfergröße von ca. 1 MB zu einigen. Also HTML, Bilder, Script- und CSS Dateien zusammen genommen. Je nach Anwendung kann es natürlich mehr oder auch weniger sein. Weniger ist allerdings immer besser.
Unser Online Website Check Tool überprüft übrigens auch genau diese Transfergröße. Wer wissen möchte, wie groß die Transfergröße seiner Webseite ist, findet nach Eingabe der URL unter den Check-Details im Bereich Technik den Unterpunkt "TRANSFER", in dem die Summe aller übertragenen Bytes aufgelistet ist. 

alt und title Tags

Sehr wichtig sind die alt und title-Tags an img-Elementen. Da die Suchmaschine Bilder nicht "ansehen" kann und daher diese beiden Elementen "ausliest", sollte der Beschriftung besondere Aufmerksamkeit geschenkt werden. Wichtig ist hier wieder das relevante Keyword der jeweiligen Seite. (Keywords s.u.)

Der Alternativtext (alt - Tag) genießt besondere Bedeutung für die Barrierefreiheit der Website. Da für z.B. blinde Nutzer Grafiken nicht zugänglich sind, soll der Alternativtext die Aussage des Bildes wiedergeben und damit die Grafik ersetzen. Gleiches gilt für Nutzer die einfache Text-Editoren als Browser benutzen, sowie für den Fall, dass die Grafik nicht geladen werden konnte oder vom Nutzer bewusst unterdrückt werden.
Der Alternativtext sollte aus diesen Gründen beschreibend und kurz gehalten sein, sowie das relevante Keyword enthalten. Zum Beispiel ist "Logo" als Alternativtext zwar richtig, besser ist aber "Logo der Pergamon Interactive GmbH".

Der title Tag steht ebenfalls als Beschreibungstext zur Verfügung. Dieser wird zudem im Browser beim Mouseover als Tooltip angezeigt. Auch hier sollte das relevante Keyword zum Einsatz kommen.

Beide Tags können in Contao direkt im Artikel und nach der Auswahl "Bild hinzufügen" eingetragen werden. Ebenso verhält es sich bei Verwendung des "reinen" Bild-Elements. Ab Contao 3 können Bild-Titel und Bild-Unterschrift direkt in der Dateiverwaltung mehrsprachig hinterlegt werden.

Bildnamen

Neben der Größe ist der Dateiname des Bildes beim Aufbereiten fürs Web wichtig.
Eine sinnvolle Beschriftung hilft nicht nur beim Wiederfinden, sie kann auch für die Suchmaschine wichtig sein: Es sollte ebenfalls wieder das Keyword der Seite verwendet werden. Denn auch dieser wird von der Suchmaschine ausgelesen.
Daneben gilt auch hier wieder - wie bereits mehrfach in den ersten beiden SEO Beiträgen erwähnt - das Trennen mehrerer Wörter im Dateinamen sollte anhand von Trennzeichen und nicht mit Unterstrichen geschehen. Also bspw. "Keks-mit-Schoko", anstatt "Keks_mit_Schoko".
Die Suchmaschine "trennt" einzelne Worte anhand von Trennzeichnen, mit Unterstrichen getrennte Worte "verbindet" sie zu einem. Bei Verwendung der Unterstriche wäre das Resultat somit höchstwahrscheinlich sinnentstellt, eben "KeksmitSchoko".

Wir hatten es zwar bereits in den ersten beiden Beiträgen erwähnt, kommen aber auf Grund des Zusammenhangs bei der Beschreibung und Benennung der Bilddateien noch einmal - in einer kurzen Zusammenfassung - darauf zurück: Die Keywords.

Keywords

Suchmaschinen sind natürlich vor allem textbasiert. Beim Verfassen von Inhalten - ob Texte oder Bildnamen - sind Keywords wichtig. Es sollte allerings auf nicht mehr als 2-3 Keywords pro einzelner Seite optimiert werden.
Das hat, etwas vereinfacht dargestellt, damit zu tun, dass sich der Inhalt einer Einzelseite bestenfalls auf eine eindeutige Fragestellung bezieht. Umso mehr sich der Inhalt auf einzelne, wenige Keywords oder Keywordkombinationen bezieht, desto relevanter wird er auch zu dem vom Suchenden eingegebene Suchwort bei Google sein.
Wenn Schokokeks-Rezept ohne Schoko gegooglet wird, will wahrscheinlich niemand etwas von Gewürzgurken lesen wollen.
Der inhaltlichen Struktur sollte eine Keyword Analyse voran gehen, mit der eruiert werden kann, welche "Schlüsselworte" für die Website am wichtigsten sind. Anhand dieser Schlüsselworte kann im Folgenden relevanter (und möglichst einzigartiger) Content verfasst werden, der unsere Ziele unterstützt. Die grundlegendsten Schritte für Einsteiger ins Thema haben wir in unserem Beitrag "Keywords, Content und Contao" zusammengefasst.