Suchmaschinenoptimierung (SEO) mit TYPO3
Dieses Tutorial erhebt keinen Anspruch auf Vollständigkeit. Es soll eher Tipps und Tricks zur Verfügung stellen. Der Artikel ist für Projektplaner und nicht nur für Programmierer geschrieben, daher wurde bewusst kein Schwerpunkt auf technische Feinheiten gelegt. Wir beantworten aber gerne Fragen via Email zur technischen Umsetzung. (Codebeispiele siehe unten)
Keyword-Dichte
Essentiell wichtig ist eine gewisse Dichte an Keywords nach denen eine Seite gefunden werden soll. Dies ist eine rein redaktionelle Angelegenheit.
Vorgehensweise (bei TYPO3 Projekten)
- Erstellen einer aussagekräftigen Keyword-Liste für jede Unterseite
- Texten der einzelnen Seiten mit entsprechend vielen Keywords (auch Wiederholungen sind willkommen)
Aussagekräftige Menüpunkte
Die Menüpunkte ansich sind auf jeder Seite zu finden und sind somit eine hervorragende Sammlung an Keywords für jede Unterseite.
Vorgehensweise (bei TYPO3 Projekten)
- Erstellen einer aussagekräftigen Keyword-Liste für die gesamte Webseite
- Texten der entsprechenden Menüpunkte nach Keywords
Dateinamen
Suchmaschinen haben oft Probleme mit php-Seiten, gerade bei TYPO3, denn hier wird immer nur die index.php aufgerufen mit verschiedenen Parametern. (index.php?id=123&type=0). Besser lesbar für Suchmaschinen sind HTML-Seiten.
Vorgehensweise (bei TYPO3 Projekten)
- Statische Dokumente simulieren (mit der entsprechenden Einstellung in TypoScript, siehe unten), dann erhält man bereits Seiten wie z.B. „SEO-mit-TYPO3.0.html“ statt „index.php?id=123&type=0“.
- Wichtig ist hierbei natürlich auch, dass die Seiten griffige Namen haben, das ist aber für eine gute Navigation ohnehin wichtig.
Dies ist nur möglich, wenn der Apache-Server entsprechend eingestellt ist, bei TYPO3-Hostern ist dies meist schon richtig eingerichtet. Hierfür ist eine entsprechende .htaccess Datei im Root Verzeichnis nötig.
Bei Windows Servern hab ich dies leider selbst noch nicht geschafft, bin aber über Ergänzungen/Tipps dankbar.
Alt- / Title-Tags für Bilder
Alt- und Title-Tags sind unsichtbare Tags, die nur im Quelltext (oder bei ausgeschalteten Bildern im Browser) zu sehen sind. Für jedes Bild und jede Grafik sollten diese verwendet werden und mit entsprechenden Keywords versehen werden.
Vorgehensweise (bei TYPO3 Projekten)
- Beim Einfügen von Bildern immer entsprechende Texte beim Feld „Alt-Text“ bzw. „Title-Text“ eingeben. Dies geht nur mit einer installierten Extension „dmc_image_alttext“
- Alternativ: in TypoScript kann definiert werden, dass z.B. der Bildname oder die Bildunterschrift zusätzlich als Title-Tag verwendet wird. Daher ist es immer sinnvoll, aussagekräftige Bildnamen und auch Bildunterschriften zu benutzen.
Text- statt Grafikbuttons
Gerade schön gestaltete Buttons haben ihren Reiz für Navigationselemente. Am besten ist es, wenn man immer eine Navigation oder auch einzelne Buttons als Text gestaltet (die Menüs als ungeordnete Liste) und erst mitt css im Bedarfsfall Grafiken hinterlegt, evtl. sogar den Text selbst verschwinden lässt.
Vorgehensweise (bei TYPO3 Projekten)
- Bevorzugt das TMENU-Element einsetzen (Textmenü) statt das GMENU (grafisches Menü) und das Styling via Stylesheet (css) erledigen
Nebeneffekt: Die Seiten werden Barrierearm / -frei bei richtiger Verwendung.
Schlanker HTML-Code
Je mehr Keywords in den ersten Zeichen nach dem Bodytag vorkommen desto besser.
Vorgehensweise (bei TYPO3 Projekten)
- Schlankes Design mit Verzicht auf (veraltetes) Tabellenlayout
- Menüs als ungeordnete Listen
- Layout mit <div>-Tags und css
- Wichtige Elemente im HTML-Template nach oben bringen, unwichtige nach unten, obwohl das Layout selbst vielleicht anders aussieht, dies wird aber komplett mit css erledigt / positioniert
Verlinkungen von anderen Seiten
Der wichtigste Faktor, um den Page-Rank bei Google (nach Larry Page) zu verbessern ist, sich von anderen Seiten mit einem hohen Page Rank verlinken zu lassen. Es nützen also Links von unwichtigen Seiten wenig, bzw. neuerdings werden sie sogar von Google als negativ bewertet!
Auch gut, aber nicht ganz so wichtig, sind Links auf andere wichtige Seiten von der eigenen Seite aus.
Meta-Tags
Früher sehr wichtig, heutzutage leider komplett überbewertet sind Meta-Tags (unsichtbar im Head-Bereich der Seite). Trotzdem sollte man sie angeben. In TYPO3 ist dies mit dem page.meta Objekt zu bewerkstelligen.
TypoScript für statische Dokumente
config.simulateStaticDocuments = 1
config.simulateStaticDocuments_pEnc = md5
config.simulateStaticDocuments_addTitle = 40
Inhalt der .htaccess Datei für Apache Server
RewriteRule ^[^/]*\.html$ /index.php
TYPO3 Newsletter
Schon registriert? Hier kann man sich abmelden