CMS (TYPO3) - Kurs Tag 20 - Klausurvorbereitung, SEO-Einstellungen (Metaangaben) & Seiteneigenschaften

Mitschrift 05.06.2014

TAG 20

Was machen wir heute?

• weitere Klausurvorbereitung
• Wiederholung

Wiederholung 

Customizer haben Backendlayouts vorbereitet = > das Backend so anpassen, wie das Forntend istdient dazu später dem Redakteur die Möglichkeit zu geben, zu entscheiden, wie das Backend und das Frontend aussehen soll

Anwender: Frontendediting
mehr zum Frontendediting und hier

Template - TS -Ordner:
+ext config auswählen  - Setup

Am Ende des Skripts 2 mal entern und folgendes eintragen: config.admPanel = 1 (Adminpanel, um Frontendediting zu betreiben)
 Speichern, Cache leeren. Seite start neu aufrufen

Wichtig für Redakteure, die viele Inhaltselemente einfügen (eher nicht für Nachrichten und Onlineagenturen.

Admin-Panel = Steuerungeelement zum Fronteendediting

Im Frontend  - das Panel öffnen und dann kann man simulieren: 

Ich habe eine Frage: kann ich mit dem FE-Editing nur Änderungen simulieren oder auch direkt ändern und speichern?
Antwort: Es wird direkt geschrieben und in der Datenbank geändert

• Vorschau
• Cache
• ausschalten
• aktualisieren
• Eingabe
• Bearbeitungssymbole anzeigen
• bearbeitungsleiste anzeigen
• bearbeiten
• nach oben/unten verschieben
• verbergen, 
• neuer Datensatz, 
• löschen
• geht nicht für news aber ist das Hauptfeld des FE-Editings! 
• Typoscript
• Info

Backendlayout ändern für einzelne Seiten:
Seite - neue Seite anlegen - neuer Datensatz - Reiter Erscheinungsbild - Backendlayout für Unterseite dieser Seite


Fragerunde zur KLausurvorbereitung:


Bei einer Frage gibt es mindestens eine richtige Antwort aber auch mehr 
Als Redakteur im Backend einloggen - was gibt man in URL ein:
domainname.de/typo3

mit welchen Logindaten kann man sich im standard von typo3 einloggen:
admin & password

Logindaten zu einer Datenbank (Localhost & XAMPP)
User: root, passwort: leer,  host: localhost

Welcher Sprache wird standardmäßig typo3 von der typo3.0org runtergeladen:
englisch

Admin-Panel - können das auch Redakteure benutzen?
Ja - Sollten sie sogar

Was kann man mit dem Modul Nachrichten machen?
NAchrichten versenden


Was ist Powemail:
Extension mit der man Kontaktformulare erstellen kann

Wie heißt das Rootverzeichnis auf einem Webserver?
htdocs = Wurzel der Darstellung

Kann man typo3 erweitern:
ja

Modul mit dem man typo3 erweitern kann
Erweiterungsmanager

mit welchem Modul kann der Redakteur Sprache ändern?
User Settings

Wie nennt man das Anlegen eines Roottemplates in typo3
Konfigurationstemplate, da typo3 eine Konfigurationssprache ist

Wie nennt man das HTML & CSS-Template?
Designtemplate

Was ist erforderlich um im FE was anzeigen zu können?
Ein Page-Objekt in einem Konfigurations oder Roottemplate

über welches Modul können wir externe Dateien hochladen
Dateiliste

Mit welchem Modul können wir mehrere Seiten auf einmal anlegen
Funktionen

Wie heißt der Bereich, auf dem wir externe Erweiterungen herunterladen können
TER = Typo3 Extension Repository

Wie heißt der Editor in Typo3
RTE = Rich Text Editor

Wenn man eine Datensicherung macht, welche 2 Bereiche, muss man dann sichern?
Verzeichnis (Verzeichnisstruktur runterladen) & Datenbank

Modul: Was muss der Admin machen, um einem redakteur eine neue Sprache einzustellen?
über Sprache einstellen - dann kann der Redakteur seine Sprache über Usersettings wählen

Welches Feld im Inhaltselement verschiebt Text in die Seitenspalte:
über Spalte

Modul, mit dem wir Inhaltselemente anlegen:
Seite

mit Welchem Modul werden Benutzer angelegt:
Liste

Artikel veröffentlicht, aber verschrieben - wie kann ich ihn aus dem FE zurückbekommen:
Verbergen bzw. Unsichtbar machen und ihn danach wieder aktivieren

Was braucht man, um typo3 hochzuladen, damit es im FE sichtbar wird
Domain, Webserver, Filezilla (FTP-Client) oder ein Web-FTP- Tool

Hostingpaket erlaubt nur 2 MB für Datenbank, meine Datenbank ist zu groß, mit welchem Tool kann ich sie doch übertragen?
BIGDUMP

Wie heißt die Sicherheitsdatei, die vorgeschaltet wird, bevor man in die Installation gehen kann?
Enable_Install_Tool

Wie nennt man die Erweiterung, mit der man eine redaktionsumgebung simulieren kann?
Arbeitsumgebungen / Workspaces

Erweiterung mit der man eine interne Suiche starten kann
indexed_search

Inhaltselement mit dem man Google Maps einbuinden kann:
reines HTML einbinden


Anzahl Fragen:

• Customizer: 24 Fragen
• Anwender: 23 Fragen

Seiteneigenschaften einstellen

Hinweis: alle templates kann man sich anzeigen lassen, über Template - oberste Ebene

lokale Umgebung - Seite -  karlaSeite - Seite in den Eigenschaften bearbeiten: rechter Bereich Seiteneigenschaften bearbeiten (Icon Blatt mit Stift)
Seiteneigenschaften steuern die Sachen:

• Reiter Allgemein:

•  Titel
• Seitentitel an sich auch menüpunkt, allerdings einstellbar mit
• Alternativer Navigationstitel - wenn man sprechende Namen haben möchte
• Untertitel wird standardmäßig nicht gezeigt - muss vorher gecustomized werden (über UID - Template - TS-Ordner - ext language 10.field = uid - hier würde es dann nicht uid heißen, sondern subtitel:
• mit Firebug auf das Feld gehen, um das Feld auslesen

Subtitle mit firebug auslesen

• Reiter Zugriff:
• Sichtbarkeit deaktivieren (Klausurfrage: im Inhaltselement Reiter Zugriff: Sichtbarkeit - Inhaltselement deaktivieren - oder über den Seitenbaum in der Ansicht auf die Lampe klicken)
• Veröffentlichkeitsdatum
• entweder zu nem bestimmten Datum veröffentlichen oder
• zu einem bestimmten Datum auslaufen lassen
• Reiter metadaten - Kommt weiter unten!
• Reiter Erscheinungsbild
• Seitenlayout: als neu markieren bis oder Frontend-Layout auswählen
• Backendlayout nur für diese Seite oder Unterseiten ändern.
• Seite als Neu kennzeichnen bis:
• Über Info - Seite - oben Seitenbaumübersicht auswählen, können wir anzeigen lassen, bis wann die Nachricht als Neu markeirt werden soll
• Google mag es gerne, wenn Seiten neu sind!!!

•  Ersetze den Inhalt
• super für AGB - So kann man den Inhalt einer anderen Seite hier einbinden!
• Reiter Verhalten:
• URL-Alias =so erscheint in der URL - nicht die ID als Nummer, sondern der eingegebene Text
• Aber nicht so toll für Google, sondern eher für Leute, die viel in den Mülleimer schmeißt - dann muss man nicht immer das Typoskript an. So bedient es sich nicht einer Nummer, sondern einer selbst zugewisenen immer gleichen ID
• Linkziel = Target
• _blank = neue Seite
• gleiche Seite
• neuer Reiter
• Benutzte Protokolle = hier kann was sicherer machen:
• standard
• http:// - erzeugt das HTML direkt (schelcht für Login-Daten)
• https:// - Seite wird veschlüsselt, verschlüsselt weitergegeben und beim Empfänger entschlüsselt - aber NSA kann das bestimmt auch entschlüsseln
• Nachteil bei Https - man verliert weitere Zeit durch Verschlüsselung
• Caching
• Cache-Dauer: 
• Standard = 86400 Sekunden bleibt es gecached = ist ein Tag ( 24 Stunden + 60 Minuten + 60 Sekunden)
• Was ist die optimale Cachedauer?
• Wir laden die seite einmal komplett berechnet in eine lokale Umgebung, damit der User in Windeseile die Seite geladen hat
• Schlecht bei Newsseiten, weil die News dann nur 1 mal am tag kommt ;)
• Es kommt also auf die Inhalte der Seite an:
• News - kurzer cache (ACHTUNG!!!aber nicht ganz deaktivieren, sonst müsste der Server bei jedem klick neu berechnen - also 1 minute als Zeit einsetzen. Sonst crashed das System bei vielen Usern!)
• AGBs - sehr langer cache
• Sprache 
• Lokalisierung
• Standardvübersetzung verbergern, qwenn ich eine andere Sprache im FE auswähle
• Seite verbergen, wenn keine Übersetzng für die aktuelle Sprache vorhanden ist - haken rein, damit nicht die Deutsche Seite angezeigt wird, wenn sie nicht übersetzt wurde
• Sonstige:
• Anfang der Website benutzen: Aktiviert  - hier kann man quasi die Startseite einstellen
• In Indexsuche einbeziehen: Deaktivieren 
• Berarbeitbar nur für Admins: Aktivieren - Berechtigungskonzept...
• Reiter Ressourcen:
• Dateien - Media = mediafiles (was das auch immer bedeutet)
• Allgemeine Datensatzsammlung - wird seltenst genutzt
• Seite
• Typoscipt-Konfiguration

tsconfig in Googlesuche eingeben
Hierüber bekommt man die komplette Konfiguration von tsconfig!
Hier kann man für die Seiteneinstellungen etwas einstellen
runterscrollen bis Page TSconfig und

SEO-Einstellungen:

Pfad: Seite - Seite auswählen - neuer Datensatz - Reiter: Metadaten

• Inhaltsangaben
• Meta-Tags
• Schlagworte
• Beschreibung
• Redaktion
• Name des Autors
• Email des Autors
• Achtung: immer die gleiche, aber bitte mit Spam rechnen, also eher nicht die persönliche oder Firmenmail ;) )

Um Metadaten angezeigt zu bekommen (werden standardmäßig nicht angezeigt), muss ich vorher folgende Einstellung tätigen

google Suche - Anzeigen von Metatags typo3 - dann erhalte ich folgende inhalte:

# META-TAGS
page.meta {
  description.field = description
  description.stdWrap.ifEmpty.cObject = TEXT
  description.stdWrap.ifEmpty.cObject.value = Die Standard-Beschreibung der Website.
 
  keywords.field = keywords
  keywords.stdWrap.ifEmpty.cObject = TEXT
  keywords.stdWrap.ifEmpty.cObject.value = keyword1, keyword2, keyword3

  # OPTIONAL
  author.stdWrap.dataWrap = {field:author}, {field:author_email}
  abstract.field = abstract
  revised.data = page:SYS_LASTCHANGED
  revised.strftime = %A, %d.%m.%Y
}

oder einfach aus der Datei des Dozenten: Skriptmeta.txt runterladen 

In ein Erweiterungstemplate kopieren

Pfad: Template - TS - neues template +ext - setup - STRG + v (evtl vorher ein a eintippen, welches vnachher wieder gelöscht wird)

Jetzt noch den Titel des Templates ändern zu +ext metadata

Und in Home einbinden!!!!

Pfad: Template - Home - Volständigen Datensatz bearbeiten - Reiter enthalält - schwarzes Kreuz - Ordner TS und +ext metadata raussuchen und speichern

Cache löschen und im FE anzeigen lassen


Beschreibung gaaanz wichtig - das liest Google aus!

Weitere Hinweise
Bereinigung: CC-Cleaner - Achtung vor Werbung!
Klausur morgen von 12-13h