41
1 Websiteentwicklung auf Basis vonTYPO3 Extensions / Backendkonfig / URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11- 1. Zusammenfassung der letzten Vorlesungen - Extension indexed_search - Extension News Plugin news 2. Lesbare URLs 3. Weitere Konfigurationen in TYPO3 4. Suchmaschinenoptimierung 1 2

New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

1

Websiteentwicklung auf Basis vonTYPO3

Extensions / Backendkonfig / URL-Management / SEO

Unterlagen zur VorlesungWS 19/20

-11-

1. Zusammenfassung der letzten Vorlesungen

- Extension indexed_search

- Extension News Plugin news

2. Lesbare URLs

3. Weitere Konfigurationen in TYPO3

4. Suchmaschinenoptimierung

1

2

Page 2: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

2

TYPO3 Repository

www.pagemachine.de

TYPO3 Extensions

Extension Repository

o Alle frei verfügbaren Erweiterungen befinden sich im Repository unter

www.typo3.org

o Aktuell sind ca. 1.800 Extensions verfügbar

o Jede Extension hat einen eindeutigen Extension Key

o Die Extension kann heruntergeladen werden oder direkt über den

Extension Manager installiert werden.

o Modul - Erweiterungen für das Backend (z.B. phpMyAdmin)

o Plugin – Frontenderweiterung (z.B. News Plugin)

www.pagemachine.de

TYPO3 Extensions

3

4

Page 3: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

3

Extension Manager

www.pagemachine.de

TYPO3 Extensions

Installierte Extensions

eindeutiger Key

Install Icon

Bevor Extensions gesucht und installiert werden, sollte die Extension Liste aktualisiert

werden.

Diese wird lokal auf dem Server vorgehalten

Extension Manager

www.pagemachine.de

TYPO3 Extensions

Anzahl der der zur Verfügung stehenden Extensions

5

6

Page 4: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

4

Extension „indexed search“

www.pagemachine.de

TYPO3 Extensions

Indexed Search ist eine System Extension

Wird von TYPO3 mitgeliefert aber nicht installiert.

Muss manuell installiert werden.

Extension „indexed search“

www.pagemachine.de

TYPO3 Extensions

Bei der Installation wird die Datenbank erweitert

und die Extension wird in der Datei LocalConfiguration.php eingetragen.

Außerdem wird ein statisches Template für die Konfiguration bereit gestellt, das

eingebunden werden muss.

7

8

Page 5: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

5

Extension „indexed search

www.pagemachine.de

TYPO3 Extensions

Im Template im Constant Editor können Extensions ggf. konfiguriert werden

Extension „indexed search

www.pagemachine.de

TYPO3 Extensions

Nach der Installation kann die Grundkonfiguration der Extension erfolgen.

Für eine Standardinstallation sind i.d.R. keine Anpassungen erforderlich.

Um zusätzliche Dateiformate wie z.B. Word oder PDF-Dokumente zu durchsuchen,

kann man hier die Pfade zu den entsprechenden Parsern angeben.

9

10

Page 6: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

6

Extension „indexed search“

Die Systemextension befindet sich im Verzeichnis

typo3/sysext/indexed_search

Die grundlegenden Dateien sind (fast bei allen Extensions vorhanden):

o ext_emconf.php – Generelle Beschreibung, z.B. Autor, Bezeichnung, Funktion, Version etc.

o ext_tables.php – Erweitert die TYPO3 Konfiguration, Implementiert Extension

o ext_tables.sql – SQL-Dump. Die Tabellen werden bei Installation angelegt

o ext_conf_template.txt – Extension Configuration template

Allgemeine Dokumentation unter: https://docs.typo3.org/typo3cms/CoreApiReference/singlehtml/

www.pagemachine.de

TYPO3 Extensions

Extension „indexed search“

Die Suche muss im TypoScript Setup aktiviert werden.

Für die Unterscheidung von verschiedenen Sprachen kann noch ein Sprachparameter

mitgegeben werden.

page.config.index_enable = 1

page.10.marks.SEARCH.settings.language = 0

#----------------Mehrsprachigkeit--------------------------------

[globalVar = GP:L=1]

config.sys_language_uid = 1

config.language = en

config.locale_all = gb_UK

config.htmlTag_langKey = en

page.10.marks.SEARCH.settings.language = 1

[global]

www.pagemachine.de

TYPO3 Extensions

11

12

Page 7: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

7

Extension „indexed search“

Im Modul „Indexing“ erhält man allgemeine Informationen zum Status der Indizierung der Seiten kann den Index manuell löschen

www.pagemachine.de

TYPO3 Extensions

Extension „indexed search“

Die Einbindung der Suche und Ergebnisseite erfolgt als Contentelement.

Weitere Einstellungen sind nicht erforderlich.

www.pagemachine.de

TYPO3 Extensions

13

14

Page 8: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

8

Extension „indexed search“

Der Marker für das Suchfeld wird manuell mit dem benötigten Formular befüllt und das

Stylesheet mit den erforderlichen Styles ergänzt.

# --- SEARCHBOX OBJECT ----------------------------------

marks {

SEARCH = FLUIDTEMPLATE

SEARCH.file = fileadmin/templates/search.html

SEARCH.settings.targetPid = 21

}

www.pagemachine.de

TYPO3 Extensions

Extension „indexed search“

Auf Basis von Extbse und Fluid

Fluid View Helper.

<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"; data-namespace-typo3-fluid="true">

<f:form action="search" method="post" action="search" controller="Search"

extensionName="indexedsearch" pluginName="pi2" pageUid="{settings.targetPid}">

<f:form.textfield name="search[sword]" value="{sword}" class="quicksearch-sword" />

<f:if condition="{settings.language} == 0">

<f:then><input type="submit" name="search[submitButton]" value="Suche" class="quicksearch-

submit"></f:then>

<f:else if="{settings.language} == 1">

<input type="submit" name="search[submitButton]" value="Search" class="quicksearch-submit">

</f:else>

</f:if>

</f:form>

</html>

www.pagemachine.de

TYPO3 Extensions

15

16

Page 9: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

9

Language Packages

Für TYPO3 sind zahlreiche Sprachvarianten verfügbar. Die einzelnen Sprachpakete

können im Modul „Languages“ heruntergeladen werden.

Es handelt sich dabei jeweils um XML-Dateien, die im Verzeichnis

typo3conf\l10n abgelegt werden.

www.pagemachine.de

TYPO3 Extensions

Language Packages

Beispiel: indexed search. Ausschnitt aus englischem Teil:

Ausschnitt aus deutschem Teil:

www.pagemachine.de

TYPO3 Extensions

17

18

Page 10: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

10

Language Packages

Alle für Redakteure relevanten Module im Backend sind in über 50 Sprachen

übersetzt.

Viele Extensions, die auch eine Ausgabe im Frontend haben, verfügen über

entsprechende Übersetzungen, allerdings nicht in allen angezeigten Sprachen.

www.pagemachine.de

TYPO3 Extensions

Extension „news“

Die Newsextension wird aus dem Repository geladen.

www.pagemachine.de

TYPO3 Extensions

19

20

Page 11: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

11

Extension „news“

Anschließend wird noch ein „Static Template“ benötigt.

Hier kann z.B. ein separates

Template für die Darstellung

angegeben werden.

Alle hier vorgenommenen An-

passungen werden in Constants

eingetragen.

www.pagemachine.de

TYPO3 Extensions

Extension „news“

Die einzelnen Newsbeiträge werden in einer Extraseite (Sysordner) „Newseinträge“

gepflegt.

www.pagemachine.de

TYPO3 Extensions

21

22

Page 12: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

12

Extension „news“

Anschließend werden die News in die einzelnen Seiten mit den Verschiedenen

Ansichten(z.B. List, Single) eingebunden.

www.pagemachine.de

TYPO3 Extensions

Extension „news“

Anschließend wird konfiguriert, welche Ansicht und welche News

auf der Seite dargestellt werden.

www.pagemachine.de

TYPO3 Extensions

23

24

Page 13: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

13

Extension „news“

Anschließend wird konfiguriert, welche Ansicht und welche News

auf der Seite dargestellt werden.

List

www.pagemachine.de

TYPO3 Extensions

List

Single

Lesbare URLs

dynamischen URLs werden nach Bedarf umgeschrieben.

Z.B. wird aus:

www.domain.de/index.php?id=123&L=1

www.domain.de/en/about-us.html

Vorteile:

1. Bessere Merkbarkeit und Lesbarkeit für den User

2. Suchmaschinenoptimierung

www.pagemachine.de

Site Configuration

25

26

Page 14: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

14

Lesbare URLs

Das URL Management erfolgt seit der Version 9 im Site Management (nicht mehr über die

Extension RealURL).

www.pagemachine.de

Site Configuration

Lesbare URLs

Basiseinstellungen können hier direkt vorgenommen werden.

www.pagemachine.de

Site Configuration

27

28

Page 15: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

15

Lesbare URLs

Basiseinstellungen können hier direkt vorgenommen werden.

www.pagemachine.de

Site Configuration

Lesbare URLs

Daraus generiert TYPO3 eine YAML-Datei zur Konfiguration

www.pagemachine.de

Site Configuration

29

30

Page 16: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

16

Lesbare URLs

Hier können weitere Definitionen z.B. für das Newsmodul eingetragen werden.

www.pagemachine.de

Site Configuration

.htaccess

Dafür wird das Apache Modul mod_rewrite, das das Umschreiben von Internetadressen

ermöglicht, benötigt.

Dieses Modul wird mit der .htaccess Datei konfiguriert. Mit dieser Datei kann man z.B.

Passwörter vergeben.

Weiterleitungen eintragen und für uns benötigten folgenden Befehle eintragen:

RewriteEngine On

RewriteRule ^typo3$ - [L]

RewriteRule ^typo3/.*$ - [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteCond %{REQUEST_FILENAME} !-l

RewriteRule .* index.php

www.pagemachine.de

Site Configuration

31

32

Page 17: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

17

.htaccess

RewriteEngine On

RewriteRule ^typo3$ - [L]

RewriteRule ^typo3/.*$ - [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteCond %{REQUEST_FILENAME} !-l

RewriteRule .* index.php

Zunächst wird das Modul aktiviert.

In Zeile 2 und 3 wird definiert, dass das Typo3-Verzeichnis /typo3 von dem Rewrite

ausgeschlossen wird.

Die Regeln dann besagen, dass wenn die Anfrage auf kein file, kein directory und kein

link läuft, sie intern an die index.php von Typo3 weitergeleitet wird.

REQUEST_FILENAME ist eine Servervariable, und enthält den kompletten lokalen

(physikalischen) Pfad zu der angefragten Datei: http://www.domain.de/en/typo3.html

Alle anderen Anfragen werden an die Index-Dateigeleitet.

Dort wird sie anhand der URL-Konfiguration korrekt umgesetzt.

www.pagemachine.de

Site Configuration

Lesbare URLs

Was passiert also, wenn ein User z.B. die URL www.domain.de/en/about-us.html aufruft?

1.zunächst überprüft der Webserver die Datei .htaccess. Als Ergebnis wird die Anfrage an

die index.php Datei weitergeleitet.

2. Hier werden dann die Anweisungen aus der config.yaml abgearbeitet und

3.den GET-Parametern zugeweisen.

www.pagemachine.de

Site Configuration

33

34

Page 18: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

18

Konfiguration

www.pagemachine.de

TYPO3 Konfiguration

Auslagern von TypoScript in eine Datei

Vorteile

1. Einsatz von Versionsverwaltung z.B. GIT oder Subversion

Vor allem bei größeren Projekten mit mehreren Entwicklern

2. Einsatz von eigenen Programmierwerkzeugen

wie z.B. UltraEdit, BBEdit, Eclipse ,Aptana,…

3. Browserbasierter Editor arbeitet in

einigen Browsern fehlerhaft

35

36

Page 19: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

19

www.pagemachine.de

TYPO3 Konfiguration

Auslagern von TypoScript in eine Datei

Vorgehen

1.Anlegen eines eigenen Ordners „typoscript“ innerhalb von „fileademin“

2. Anlegen einer Textdatei „setup.ts“

3. Übernahme des Typoscripts aus „setup“ aus dem Template

4. Einbindung der Datei im Setup

Inhalte können weiterhin auch direkt im Editor bearbeitet werden

www.pagemachine.de

Backendkonfiguration

Wozu das Backend konfigurieren?

Redakteure, die für den Inhalt der Website zuständig sind, müssen die

entsprechenden Aufgaben möglichst einfach und schnell durchführen können.

Die Aufgaben sind i.d.R.

• Seiten anlegen

• Inhalte einpflegen

• News einstellen

• Bilder und Dokumente hochladen

37

38

Page 20: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

20

Login für Redakteure

o Nach Login eines Redakteurs sieht das Backend z.B. wie folgt aus:

www.pagemachine.de

Backendkonfiguration

www.pagemachine.de

Backendkonfiguration

Weitere Konfigurationsmöglichkeiten

o Mit weiteren TypoScript Befehlen kann das Backend angepasst werden.

o Die Befehle werden i.d.R. auf der Rootseite unter „Pageproperties“ im Reiter

„Resources“ in das Feld „Page-TS-Config“ eingetragen

o Oder auf User, oder Gruppenebene im „User-TS-Config

o Z. B.

o Unbenutzte Spalten ausblenden

o Ausblenden von überflüssigen Optionen

o Umbenennen von Optionen

o Beschränkungen für neue Datensätze

o Listenansicht für viele Datensätze

o RTE-Konfiguration

39

40

Page 21: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

21

www.pagemachine.de

Backendkonfiguration

Backend Layout

www.pagemachine.de

Backendkonfiguration

Backend Layout (z.B. Spalten ausblenden)

41

42

Page 22: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

22

www.pagemachine.de

Backendkonfiguration

Backend Layout (z.B. Spalten ausblenden)

o Am Besten über den Wizzard konfigurieren.

www.pagemachine.de

Backendkonfiguration

RTE

o Der Rich Text Editor bietet sehr umfangreiche Konfigurationsmöglichkeiten.

Allerdings ist der Aufwand recht groß.

Es können z.B.

o Alle Funktionen / Buttons individuell aktiviert / deaktiviert werden

o eigen Stylesheets eingebunden werden, die das Design der Website

wiedergeben

o HTML-Tags und CSS Elemente erlaubt/ unterdrückt werden

o Ein gutes Tutorial:

http://www.typo3lexikon.de/typo3-tutorials/rte.html

43

44

Page 23: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

23

www.pagemachine.de

Backendkonfiguration

Beispielkonfiguration für Darstellung der Buttons

#-----------RTE Konfiguration-----------------------

# Buttons die gezeigt/versteckt werden

RTE.default {

showButtons (bold, italic, underline, left, center, right,

orderedlist, unorderedlist, insertcharacter, line, link, image,

removeformat

)

hideButtons (

fontstyle, fontsize, strikethrough,lefttoright, righttoleft,

textcolor, bgcolor, textindicator, emoticon, user, spellcheck,

outdent, indent, justifyfull, subscript, superscript, acronym, copy,

cut, paste, textstyle, textstylelabel, formatblock, blockstyle,

blockstylelabel, table, toggleborders, tableproperties, rowproperties,

rowinsertabove, rowinsertunder, rowdelete, rowsplit,

columninsertbefore, columninsertafter, columndelete, columnsplit,

cellproperties, cellinsertbefore, cellinsertafter, celldelete,

cellsplit, cellmerge, findreplace, insertcharacter, undo, redo,

showhelp, about, chMode, insertag

)

}

www.pagemachine.de

Backendkonfiguration

Beispielkonfiguration für Darstellung der Buttons

nachher

vorher

45

46

Page 24: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

24

Suchmaschinenoptimierung

Marktanteil

Suchmaschinen in

Deutschland

Quelle: http://de.statista.com/

www.pagemachine.de

Suchmaschinenoptimierung

47

48

Page 25: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

25

Marktanteil Suchmaschinen weltweit

Desktop / Mobil

Quelle: http://de.statista.com/

www.pagemachine.de

Suchmaschinenoptimierung

www.pagemachine.de

Suchmaschinenoptimierung

Suchmaschinenoptimierung

o Suchmaschinenoptimierung = Google Optimierung

o Was für Google gut ist, ist i.d.R. für alle anderen auch gut.

o Über 200 Faktoren bestimmen das Ranking bei Google

49

50

Page 26: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

26

SEO

Verschiedene Bereiche

1. On Site Maßnahmen

a) technische Optimierung

b) inhaltliche (textuelle Optimierung)

2. Off Site MaßnahmenÜberwiegend Erhöhung der „Linkpopularity“

D.h. Verlinkung von anderen Websites auf die eigene.

www.pagemachine.de

Suchmaschinenoptimierung

SEO – Begriff „Dehnungsmessstreifen“

www.pagemachine.de

Suchmaschinenoptimierung

Shopping und

bezahlte Werbung

SEO

51

52

Page 27: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

27

SEO – Begriff „Dehnungsmessstreifen“

www.pagemachine.de

Suchmaschinenoptimierung

Shopping und

bezahlte Werbung

SEO

On Site

www.pagemachine.de

On Site: Suchbegriff – TYPO3 Frankfurt

title-Tag

URL

h1-Tag

(nur 1 x pro Seite)

p-Tag

h2-Tag

53

54

Page 28: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

28

www.pagemachine.de

Suchmaschinenoptimierung

Quelle: seorch.de

www.pagemachine.de

Suchmaschinenoptimierung

Quelle: seorch.de

55

56

Page 29: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

29

www.pagemachine.de

Suchmaschinenoptimierung

Quelle: seorch.de

57

58

Page 30: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

30

Suchbegriff - Keyword

1. Keyword Density

Die Keyword-Dichte, oder auch Suchbegriffsdichte, ist eine Kennzahl der

Suchmaschinenoptimierung und bezieht sich auf das Verhältnis eines

Suchbegriffs zur Gesamtwortzahl. Üblicherweise wird die Keyword Density in

Prozent angegeben. Ideal ist ca. 5%

2. Keyword Stuffing

Keyword Stuffing bezeichnet eine Methode, mit der versucht wird, die Relevanz

einer Webseite zu einem bestimmten Keyword durch das übermäßige

Verwenden dieses oder ähnlicher Keywords zu steigern. Heute wird Keyword

Stuffing von Suchmaschinen meist als Spam interpretiert und die betreffende

Seite entweder mit einer Penalty belegt oder sogar aus dem Index

ausgeschlossen.

www.pagemachine.de

Suchmaschinenoptimierung

59

60

Page 31: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

31

www.pagemachine.de

Suchmaschinenoptimierung

Code „ aufräumen“

o Kommentare entfernen

o Klassen entfernen

www.pagemachine.de

Suchmaschinenoptimierung

Code „ aufräumen“ (im Setup)

#Kommentare im Quellcode deaktivieren

config.disablePrefixComment = 1

#csc-header entfernen

lib.stdheader.stdWrap.dataWrap >

lib.stdheader.3.headerClass >

#noch mehr entfernen

tt_content.stdWrap.dataWrap >

tt_content.stdWrap.innerWrap >

# class="bodytext" bei RTE abstellen

lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >

61

62

Page 32: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

32

Weitere technische Maßnahmen

o möglichst fehlerfreier Code (w3c-konform) (http://validator.w3.org)

www.pagemachine.de

Suchmaschinenoptimierung

Page Speed Optimierung

o https://developers.google.com/speed/pagespeed/insights/

www.pagemachine.de

Suchmaschinenoptimierung

63

64

Page 33: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

33

Weitere technische Maßnahmen

o Vermeidung von Duplicate Content

Seiten mit gleichem Inhalt über mehrere URLs erreichbar. Z.B.

http://www.website.de

http://website.de

http://www.website.de/index.php

http://www.website.de/startseite.html

http://www.website.de/index.php?id=1

...

o Verwendung von korrekten Redirects in der htaccess-Datei

o Einbindung eines Canonical-Tags im Head-Bereich der Seite

o Eintragen von „Nofollows“ in der robots.txt Datei

www.pagemachine.de

Suchmaschinenoptimierung

Weitere technische Maßnahmen

o Verwendung von Redirects in der htaccess-Datei

RewriteCond %{HTTP_HOST} !^www\.

RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

200 OK Die Anfrage wurde erfolgreich bearbeitet und das Ergebnis der

Anfrage wird in der Antwort übertragen.

301 Moved Permanently Die angeforderte Ressource steht ab sofort unter

der im „Location“-Header-Feld angegebenen Adresse bereit (auch

Redirect genannt). Die alte Adresse ist nicht länger gültig.

www.pagemachine.de

Suchmaschinenoptimierung

65

66

Page 34: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

34

Weitere technische Maßnahmen

Einbindung eines Canonical-Tags im Head-Bereich der Seite

Ein kanonischer Link, englisch Canonical Link, gibt Webseitenbetreibern in

einem HTML-Dokument die Möglichkeit, bei mehrfach verwendetem Inhalt

(Duplikate Content) die Originalressource auszuweisen. Er wird in Form eines

link-Elements im Kopf eines HTML-Dokuments notiert:

<link rel="canonical" href="http://example.com/unterseite.html">

www.pagemachine.de

Suchmaschinenoptimierung

Weitere technische Maßnahmen

Nach der Übereinkunft des Robots-Exclusion-Standard-Protokolls liest ein Webcrawler

(Robot) beim Auffinden einer Webseite zuerst die Datei robots.txt (kleingeschrieben) im

Stammverzeichnis („root“) einer Domain. In dieser Datei kann festgelegt werden, ob und

wie die Webseite von einem Webcrawler besucht werden darf. Website-Betreiber haben

so die Möglichkeit, ausgesuchte Bereiche ihrer Website für (bestimmte) Suchmaschinen

zu sperren.

Die Datei robots.txt ist eine Textdatei in einem einfach lesbaren Format. Jede Zeile

besteht aus zwei Feldern, die durch einen Doppelpunkt getrennt werden.

User-agent: Sidewinder

Disallow: /

Eintragen von „Nofollows“ in der robots.txt Datei z.B.

Disallow: /*?id=*

Disallow: /*&type=98

www.pagemachine.de

Suchmaschinenoptimierung

67

68

Page 35: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

35

Weitere technische Maßnahmen

User-Agent: *

Allow: / #Zunächst wird alles Erlaubt

Disallow: /fileadmin/ #Dateien in Fileadmin gesperrt

Disallow: /t3lib/ #gesperrt

Disallow: /typo3/ #gesperrt

Disallow: /typo3conf/ #gesperrt

Disallow: /typo3temp/ #gesperrt

Disallow: /*?id=* #Seiten ohne Realurl gesperrt

Disallow: /*&type=100 #Seiten mit typeNum 100 gesperrt (z.B.

Druckseiten, …)

Sitemap: www.beispielsweise.de/sitemap.xml #Hinweis auf die Sitemap

www.pagemachine.de

Suchmaschinenoptimierung

Weitere technische Maßnahmen

o geringe Ladezeiten

o schneller Server

o Grafiken optimal umrechnen (jpg, gif, png)

o CSS und JavaScript Dateien auslagern und ggf. komprimieren

o Hintergrundbilder zu Sprites zusammenfassen

www.pagemachine.de

Suchmaschinenoptimierung

o SSL-Zertifikat (https)

69

70

Page 36: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

36

Google Search Console (früher Webmastertools)

www.pagemachine.de

Suchmaschinenoptimierung

o Fehleranalyse

o Besucheranalyse

o Anmeldung einer XML-Sitemap

Google Analytics

zur Auswertung der Besuchszahlen

o Einbindung eines Tracking Codes

www.pagemachine.de

Suchmaschinenoptimierung

71

72

Page 37: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

37

Google Analytics

o Auswertung über externes Tool

www.pagemachine.de

Suchmaschinenoptimierung

Google Analytics

o Auswertung über externes Tool

www.pagemachine.de

Suchmaschinenoptimierung

73

74

Page 38: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

38

Off Site Maßnahmen

o Eintragen eines Links auf die eigene Website z.B.

o Wikipedia

o Auf anderen Websites

o Portale

o Beiträge in Blogs und Foren

o Pressemitteilungen

o Verzeichnisse (z.B. Google Places)

o Social Media (Facebook, Twitter, YouTube)

o ….

www.pagemachine.de

Suchmaschinenoptimierung

Praktikum / Bachelor

75

76

Page 39: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

39

Praktikum bei Pagemachine – ab Herbst 2020

www.pagemachine.de

Pagemachine AG

Vertiefen der Kenntnisse

o Programmierung in

HTML, CSS, PHP MySQL

JavaScript, TypoScript

o Frameworks

Bootstrap, TYPO3 FLOW jQuery, etc.

o Programmierung von Websites

o Erstellen von Extensions

o Versionsverwaltung GIT

o Projektmanagement (Kanban, Scrum)

www.pagemachine.de

Pagemachine AG

77

78

Page 40: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

40

www.pagemachine.de

Pagemachine AG

Bachelor bei Pagemachine

Relaunch einer Unternehmens-Website unter Einsatz des Content

Management Systems TYPO3

Entwicklung einer Extension zur Präsentation von Referenzen unter Einsatz

des Content Management Systems TYPO3

Konzeption und Umsetzung eines Bewerbermanagementsystems als

Extension für TYPO3

Entwicklung einer Extension zur Lokalisierung des Benutzerstandortes auf

Basis von Extbase für das Content Management System TYPO3

Programmierung eines Parsers von Stammdaten aus Lebensläufen,

unabhängig ihres Formats, unter besonderer Berücksichtigung der

Wiederverwertbarkeit und Erweiterbarkeit

www.pagemachine.de

Pagemachine AG

79

80

Page 41: New Websiteentwicklung auf Basis vonTYPO3 Extensions / … · 2020. 2. 12. · URL-Management / SEO Unterlagen zur Vorlesung WS 19/20 -11-1. ... Lesbare URLs 3. Weitere Konfigurationen

41

Klausurtermin

Freitag, 21.02.2020

www.pagemachine.de

Pagemachine AG

www.pagemachine.de

Vielen Dank für Ihre Aufmerksamkeit

Diese Präsentation können Sie ab morgen unter:

www.pagemachine.de/fh-frankfurt

herunterladen.

Miklos Weiszhaupt

[email protected]

81

82