RealURL-Konfiguration

Abhilfe schafft hier die TYPO3 Extension RealURL management (key: realurlmanagement) von Juraj Sulek. Mit ihr können URLs und ganze Pfade komplett für RealURL angepasst werden. Die TYPO3 Extension unterstützt dabei auch die Mehrsprachigkeit. Die RealURL managment Extension stellt zur Verwaltung der RealURLs einen separaten Eintrag im Modul Web zur Verfügung.

Extensionbeschreibung auf typo3.org

Installation

1. Im Ext Manager die Extension realurlmanagement suchen, herunterladen und installieren.
2. Weitere Konfiguration (siehe unten).

Konfiguration

Die Extension kann für jeden Nutzer bzw. für jede Nutzergruppe separat eingestellt werden. Hierzu erfolgt der Eintrag in das TSconfig des Nutzers bzw. der Gruppe. Per Standard ist der Zugang zum RealURL mangement nur für Administratoren erlaubt.

realUrlManagement{
 editPages = 1
 deletePages = 1
 showErrors = 1
}

Weitere Einstellungen

Im TSconfig des Nutzers bzw. der Gruppe können weitere Einstellungen für die TYPO3 Extension RealURL management gesetzt werden. Eine komplette Übersicht der Konfigurationen kann im Manual der Extension im Kapitel "Configuration" nachgelesen werden. Hier eine kleine Übersicht wichtiger Einstellungen:

Modul zur Bearbeitung der RealURLs für Seiten.

realUrlManagement.pages.show=1

Modul zur Bearbeitung der Aliase.

realUrlManagement.aliases.show =1

Modul zur Anzeige und zum Löschen der Error Logs.

realUrlManagement.errors.show =1

Modul zur Bearbeitung der RealURL Redirects.

realUrlManagement.redirects.show =1

Modul zum Löschen aller RealURL Einträge.

realUrlManagement.tableClean.show =1

Wichtig

Bei jeder Änderung an den URLs sollte darauf geachtet werden, dass diese ggf. bei Suchmaschinen indexiert sind. Somit können ggf. wichtige URLs gelöscht werden.

Das folgende TS zum graphischen Rendern des tt_news Datums ist reichlich kommentiert. Zusätzlich zum Skript wird noch eine Schriftdatei im ttf-Format benötigt und ein Web 2.0 Icon als Kalenderblatt für den Hintergrund. Beide Dateien werden im Dateisystem z.B. im fileadmin-Verzeichnis von Typo3 abgelegt und im TS referenziert.

Zum Testen steht am Ende des Artikels ein Kalenderblatt als Beispiel zum Download zur Verfügung. Im Internet sind aber auch noch viele weitere frei Web 2.0 Graphiken verfügbar, die verwendet werden können. Hierzu müssen im TS lediglich die Größen der Graphik sowie die Ausrichtung der Schrift angepasst werden. Gleiches gilt auch für die Verwendung einer anderen Schriftart, als die im Beispiel verwendete Arial.

Das TS verwendet den GIFBUILDER, um das Datum der tt_news zu rendern. Hierzu muss auf dem Server ImageMagick installiert sein. Ist es nicht möglich etwas auf dem Server zu installieren, kann auch die statisch komplierte Version von ImageMagick verwendet werden.

Die weitere Darstellung und Positionierung der Datumsgraphik erfolgt über das Template der tt_news und per CSS. Ein Beispiel bietet das Bild rechts.

plugin.tt_news {
 displayList {
  date_stdWrap.strftime >
  date_stdWrap.cObject = IMAGE
  date_stdWrap.cObject.titleText.field = tile
  date_stdWrap.cObject.altText.field = title
  date_stdWrap.cObject.file = GIFBUILDER
  date_stdWrap.cObject.file {
   # Groesse des Icons
   XY = 100, 100
   # Format, wird nichts angegeben wird eine 
   png Graphik erstellt
   format = jpg
   # JPG Bildqualitaet
   quality = 95

   #Daten fuer das Hintergrundbild
   10 = IMAGE
   # Pfad zum Hintergrundbild
   10.file = fileadmin/kalender-icon.jpg

   #Daten fuer den Tag
   20 = TEXT
   #Das Datumsfeld der tt_news verwenden
   20.text.field = datetime
   #Aus dem Datumsfeld wird nur der Tag verwendent
   20.text.date = d
   #Pfad zur Schrift (ttf)
   20.fontFile = fileadmin/arial.ttf
   #Schriftgroesse
   20.fontSize = 40
   #Schriftfarbe
   20.fontColor = #ffffff
   #Abstand von: links, oben
   20.offset = 0,65
   #Schrift formatieren
   20.antiAlias = 1
   20.niceText = 0
   #Ausrichtung des Datums
   20.align = center

   #Daten fuer Monat und Jahr
   #die Einstellungen vom Tag wiederverwenden
   30 < .20
   #Monat als Abkürzung und vierstelliges Jahr
   30.text.date = M.  Y
   #Schriftgroesse
   30.fontSize = 12
   #Abstand von: links, oben
   30.offset = 0,80
  }
 }
}

page = PAGE
page{
  ...
  # Headerimage ist vom Typ IMAGE
  10.marks.HEADERIMAGE = IMAGE
  # Standardmaessig wird das folgende Bild angezeigt
  10.marks.HEADERIMAGE.value = /fileadmin/images/standardbild.jpg
}

Das Standardbild soll nun tageszeitabhängig wechseln. Hierfür muss man sich im Voraus Gedanken machen, welche Tageszeiten Sinn machen und man natürlich auch die passenden Bilder hat oder ggf. noch erstellen lassen muss. Eine einfache Struktur ist folgenden:

1. Morgens (06:00 Uhr bis 09:00 Uhr)
2. Vormittag (09:00 Uhr bis 12:00 Uhr)
3. Mittag (12:00 Uhr bis 15:00 Uhr)
4. Nachmittag (15:00 Uhr bis 18:00 Uhr)
5. Abend / Nacht (18 Uhr bis 06:00 Uhr)

Zum Realisieren muss mit den Typo3 Conditions gearbeitet werden. Es ergibt sich folgendes TS:

page = PAGE
page{
  ...
  # Headerimage ist vom Typ IMAGE
  10.marks.HEADERIMAGE = IMAGE
  # Standardmaessig wird das folgende Bild angezeigt
  10.marks.HEADERIMAGE.value = /fileadmin/images/standardbild.jpg
}

[hour = >6, <9]
page.10.marks.HEADERIMAGE.value = /fileadmin/images/morgens.jpg
[global] 
[hour = >9, <12]
page.10.marks.HEADERIMAGE.value = /fileadmin/images/vormittags.jpg
[global] 
[hour = >12, <15]
page.10.marks.HEADERIMAGE.value = /fileadmin/images/mittags.jpg
[global] 
[hour = >15, <18]
page.10.marks.HEADERIMAGE.value = /fileadmin/images/nachmittags.jpg
[global]
[hour = >18, <6]
page.10.marks.HEADERIMAGE.value = /fileadmin/images/abends.jpg
[global]

Bei der Arbeit mit den Typo3 Conditions sollte man immer darauf achten, dass man die Conditions nicht in geschweiften Klammern verwenden kann. Deshalb muss man innerhalb der Conditions den kompletten Pfad des Objektes angeben. Innerhalb der Condition kann natürlich wieder mit geschweiften Klammern gearbeitet werden.

Neben der tageszeitabhängigen Anzeige von Bildern, lässt sich das ganze natürlich auch für Texte wie z.B. tageszeitabhängige Begrüßungen nutzen.

Die Extension integriert sich BE-Modul im Menüpunkt "Web". Sie stellt in einer Matrix übersichtlich die vergebenen Zugriffsrechte der FE-USer Gruppen dar. Es können sowohl Seiten, als auch Contentelemente angezeigt werden.

Mit der Typo3 Extension können aber nicht nur die Gruppenrechte dargestellt, sondern auch vergeben werden. Durch einfaches Anklicken einer Zelle, kann für die jeweilige Seite bzw. das Contentelement die Zugriffsrechte für die Gruppe gesetzt oder entfernt werden. Eine Speicherung erfolgt sofort per AJAX.

Anzumerken ist natürlich auch noch, das man abhängig vom Monitor und der verwendeten Anzahl von Gruppen ab und zu doch Mal sehr lange scrollen muss. Eine Beschränkung der Anzeige auf bestimmte FE-User Gruppen gibt es nicht.

Extensionbeschreibung auf Typo3.org

Installation

1. Im Erw-Manager die Extension zw_rechtematrix suchen, herunterladen und installieren
2. Keine weitere Konfiguration nötig

Wichtig

Die Extension funktioniert auf Grund von javascript DOM operations nicht im Internet Explorer 6 (IE 6).

Um dem Redakteur die Arbeit zu erleichtern bietet Typo3 seit Version 3.5 eine kleine aber sehr gut versteckte Funktion. Mit dieser können beispielsweise alle Seitentitel eines Unterordners gleichzeitig geöffnet und bearbeitet werden oder aber auch tt_news Kategorien geändert werden. Die Funktion ist extensionübergreifend verfügbar und somit beliebige Datenfelder

Aufruf der Funktion zum gleichzeitigen Bearbeiten mehrerer Datensätze

Nachdem man den Ordner in der Listenansicht ausgewählt hat, der die zu bearbeitenden Datensätzen beinhaltet sind nur noch wenige Schritte nötig um die Datensätze gleichzeitig zu bearbeiten.

1. Klick auf das Symbol "Nur diese Tabelle bearbeiten"
2. a) Klick auf das Bearbeitungssymbol oder
2. b) Auswahl des zu editierenden Feldes am unteren Ende der Seite, wie z.B. die Kategorie der tt_news mit anschließendem Klick auf das Bearbeitungssymbol
3. Speichern

Das TS zum Auslesen des Header-Bildes, holt sich das erste Bild in der Liste und vererbt es bei Bedarf unendlich weit in die Unterebenen.

In den Constants kann man zusätzlich noch ein Standard-Bild genutzt werden.

Constants:

headerimage = Pfad/zum/Bild.jpg

TS:

lib.headerimage = IMAGE
lib.headerimage {
  file = {$headerimage}
  file.import = uploads/media/
  # Vererbung über unendliche Unterseiten
  file.import.data = levelmedia:-1, slide
  # erstes Bild im Feld nehmen
  file.import.listNum = 0
  file.import.override.field = media                  
  # maximale Bildbreite
  file.maxW = 950
  # maximale Bildhöhe
  file.maxH = 150
  # den IMG-Tag wrappen
  wrap = | 
  # alt-Text auch als Constante
  altText = alternativer Text
  # title-Text auch als Constante
  titleText = Titel des Bildes
  # zusaetzliche Parameter
  params = class="meineKlasse"
}

tt_content.menu.20.1.excludeUidList = current

Dies ist die wichtigste Regel bei der Suchmaschinenoptimierung. Bieten Sie den Besuchern wirklich relevanten Inhalten und schaffen Sie Mehrwert gegenüber anderen Seiten. Hierbei kann Ihnen Typo3 leider nicht helfen.

2. Seitenspezifischer Titel

Jede Seite muss einen seitenspezifischen Titel haben, der die Inhalte in sehr kurzer Form charakterisiert. Der Titel sollte nicht länger als 50-80 Zeichen sein und das Hauptkeyword maximal zwei Mal enthalten. Einige Typo3 Extensions wie tt_news bieten leider nicht automatisch die Möglichkeit den Titel aus der News zu übergeben. Es gibt aber einige Möglichkeiten zur Anpassung und Erstellung von individuellen Titeln in Typo3.

3. Lesbare URL mit wichtigen Keywords

Lesbare URLs sind immer wieder im Gespräch und werden auch immer wieder in Frage gestellt. Selbst wenn es zu Suchmaschinen nichts hilft, ein Mensch bewertet trotzdem nochmals die Relevanz der angezeigten Treffer in Suchmaschinen. Bietet ihm die lesbare URL relevante Keywords und einen entsprechenden Kontext wird er doch häufiger sich für eine lesbare als eine kryptische URL entscheiden.

4. Metadaten

Metadaten haben zwar in den letzten Jahren immer mehr an Bedeutung verloren, aber wer weiß schon was die Zukunft mit dem Semantic Web alles bringt. Grundsätzlich sei gesagt, dass gute Metadaten mit Keywords und Description noch nie geschadet haben und beim Erstellen von  Inhalten sowieso anfallen. Für Typo3 gibt es einige Extensions mit denen sich Metadaten komfortabel einbauen lassen, als auch Extensions zum Einbau von Metadaten in Extensions wie tt_news.

5. XML-Sitemap

Zur Suchmaschinenoptimierung gehört auch das schnelle Indexieren durch Suchmaschinen. Sowohl Google als auch Yahoo bieten die Möglichkeit eine XML-Sitemap mit allen Seiten einer Website anzumelden. Eine solche XML-Sitemap kann z.B. die Indexierungsgeschwindigkeit durch Suchmaschinen erheblich steigern und kann mit Typo3 automatisch erstellt werden.

6. robots.txt

Mit der robots.txt lassen sich Suchmaschinen in bedingtem Maße steuern. Nicht relevante Seite können ausgeschlossen werden und die XML-Sitemap verlinkt werden.

7. Verlinkung mit TITLE-Tags

Nicht nur Bilder, sondern auch Links sollten mit einem relevanten Title für Suchmaschinen ausgestattet werden. Wer seine Metadaten pflegt oder gute Seitentitel verwendet kann diese einfach wieder verwenden und den Link in einen für Suchmaschinen optimierten Kontext legen.

8. ALT- und TITLE-Tags für Bilder

Typo3 bietet bei den Standardelementen bereits Felder für das einpflegen von ALT-  und TITLE-Tags. Diese müssen redaktionell nur noch befüllt werden. Bei selbst erstellten Templates mit Templa Voilá muss beim Erstellungsprozess auf die Integration dieser Felder achten. Wer Bildmenüs verwendet muss auch in erheblichem Maße darauf achten diese Bildmenüs mit ALT- und TITLE-Tags zu optimieren.

9. HTML ist eine Auszeichnungssprache

HTML ist eine Auszeichnungssprache mit Tags für Paragraphen, Umbrüche, ... und Überschriften. Bei der Erstellung der Templates sollten Sie immer darauf achten, dass Sie auch die richtigen HTML-Tags einsetzen. Aktuell wird der H2-Tag stärker gewichtet als der H1-Tag. Sie sollten aber trotzdem nicht vergessen, dass es immer eine H1-Überschrift geben sollte. Dafür rentiert sich eine stärkere Gliederung der Texte. DIV-Objekte eignen sich nicht für die Auszeichnung von Überschriften. Eine Gestaltung der Objekte kann einfach per CSS erfolgen.

10. Verlinkungen

Die Popularität einzelner Seiten entscheidet immer mehr über das Ranking in Suchmaschinen. Dies betrifft nicht nur die Links von externen Seiten, sondern auch die internen Links. Schaffen Sie möglichst sinnvolle Verlinkungen innerhalb von themenverwandten Seiten. Typo3 bietet auch die Möglichkeit mit einfachsten Mitteln zusätzliche Verlinkungen z.B. über ein Breadcrumbs-Menü oder eine "vor-und-zurück-Navigation" zwischen Seiten.

page.config{
  headerComment (
        ##################################
        #                                #
        # Diese Seite wurde erstellt von #
        #                                #
        #      www.rainer-grundel.de     #
        #                                #
        ##################################
  )
}

Im TSconfig der Root-Seite muss folgendes TS eingebaut werden:

# Ausschalten von Kopie X beim Kopieren von Seiten
TCEMAIN.table.pages.disablePrependAtCopy = 1

#Ausschalten von Kopie X beim Kopieren von Inhalten
TCEMAIN.table.tt_content.disablePrependAtCopy = 1