Grundlagen und Vorbereitung bei der Webseiten-Erstellung

FĂŒr eine Firma ist die eigene Webseite das grĂ¶ĂŸte AushĂ€ngeschild und auch Privatpersonen wĂŒnschen sich immer mehr eine eigene Webseite, auf der sie interessante Inhalte fĂŒr die Öffentlichkeit zugĂ€nglich machen möchten.

Doch um eine eigene Webseite zu erstellen reicht es in den meisten FĂ€llen nicht aus einen Baukasten zu buchen, mit dem man mit nur ein paar wenigen Schritten seine Gedanken freien Lauf lassen kann. Denn eine Webseite besteht nicht nur aus wild zusammengewĂŒrfelten Elementen, die das System vorgibt, sondern auch aus vielen weiteren Bereichen, ĂŒber die man sich als zukĂŒnftiger Webseiten-Betreiber Gedanken machen sollte.

Ich zeige dir die wichtigsten Grundlagen beim Erstellen einer Webseite, an die du vielleicht noch gar nicht gedacht hast.

Domainnamme und Domainregistrierung

Der Domainname spielt eine essenzielle Rolle bei der Vorbereitung einer Webseite. Der Besucher sollte schon einmal eine grobe Ahnung davon bekommen, was auf der Webseite geboten wird oder von welcher Firma die Webseite ist. Zudem ist die Domain auch ein Indikator fĂŒr Suchmaschinen.

WĂ€hle eine Domain, die leicht zu merken ist und die deinen Aufgabenbereich, dein Produkt-Gebiet oder deine Firma gut beschreibt. Die Domain sollte natĂŒrlich auch nicht zu lang sein.

Ein Beispiel fĂŒr eine Webseite, auf der Kaffee verkauft wird wĂ€re kaffee-shop, kaffee-billig-kaufen oder kaffeekaufen24.

Du hast in den Beispielen vielleicht bemerkt, dass es weder Leerzeichen oder Sonderzeichen gibt, da diese Zeichen nicht in einer Domain vorkommen dĂŒrfen. Mittlerweile werden Umlaute zwar im WWW akzeptiert, aber nur empfohlen wenn die Zielgruppe ausschließlich aus Deutschland, Österreich und der Schweiz kommt. Großbuchstaben werden nicht beachtet und automatisch klein geschrieben (Kaffee-Shop = kaffee-shop).

Hast du dir deine Domain ausgesucht musst du dich noch fĂŒr eine sogenannte Top-Level-Domain entscheiden. Top-Level-Domains werden in zwei Gruppen unterteilt: Generische-Domains und LĂ€nder-Domains. Alle LĂ€nder-Spezifischen Domains wie .de, .es, .pl, usw. sind LĂ€nder-Domains. Generische Domains sind beispielsweise .com, .info, .org, usw.

Hast du ein regionales Unternehmen solltest du dir ĂŒberlegen eine LĂ€nder-Domain zu verwenden, wie zum Beispiel .de. Internationale Unternehmen nehmen in den meisten FĂ€llen eine .com-Domain, gemeinnĂŒtzige Organisationen verwenden ĂŒblicherweise eine .org-Domain.

Du kannst dich auch dafĂŒr entscheiden mehrere Domains gleichzeitig zu registrieren. Jedoch gibt es fĂŒr eine Webseite nur eine Haupt-Domain. Alle anderen Domains sollten auf die Haupt-Domain weiterleiten.

Nachdem du dir sicher mit deiner Domain bist kannst du sie bei einem Hoster auf VerfĂŒgbarkeit prĂŒfen lassen und fĂŒr dich registrieren.

Solltest du die domain im nachhinein Ă€ndern und keine entsprechenden Maßnahmen ergreifen, verlierst du dein Google-Ranking. Sei dir bei der Wahl deiner Domain also sicher, damit du sie nicht noch einmal austauschen musst.

Das Template als Grundlage Deiner Webseite

In der Regel wird bei der Erstellung einer Webseite ein fertiges Template verwendet, um Zeit zu sparen. Das Template ist eine fertige Vorlage fĂŒr deine Webseite, meistens in HTML und CSS programmiert. Viele Templates haben Dank PHP und JavaScript auch schon einige Funktionen, wie Animationen, Formulare und noch viel Mehr enthalten.

Achte nicht so sehr auf die Farben deines Wunsch-Templates. Es gibt nur wenige Ausnahmen in den man sie nicht anpassen kann. In WordPress und anderen Content Management Systemen kann der Template-Hersteller ĂŒber das sogenannte Backend dem Website-Betreiber eine OberflĂ€che zur VerfĂŒgung stellen, in der er alle wichtigen Anpassungen vornehmen kann um die Corporate Identity (Firmenspezifische Farben und Typografien) in die Webseite einfließen zu lassen.

Die Entscheidung um das Template sollten die programmierten Elemente und das Verhalten treffen. Ein modernes Template setzt viel auf weiße FlĂ€chen, große Bilder und hat als Eye-Catcher Elemente in einer Highlight-Farbe enthalten. Die Highlight-Farbe sollte sich in vielen FĂ€llen an die CI richten.

Ein sehr wichtiges Kriterium bei der Auswahl eines Templates spielt auch die FĂ€higkeit eine responsive Darstellung zu ermöglichen. Die ResponsivitĂ€t beschreibt die Eigenschaft ein und dieselbe Webseite auf jedem EndgerĂ€t optimal darzustellen. Somit muss der Website-Ersteller nur eine einzelne Webseite erstellen, statt jeweils fĂŒr das Smartphone, das Tablet und den Desktop-Rechner.

NatĂŒrlich musst du kein Template verwenden, sondern kannst auch in die Programmierung von Webseiten einsteigen und damit ein eigenes Template fĂŒr deine Webseite entwickeln, dass du nach belieben anpassen kannst.

Die Seitenstruktur

Die Seitenstruktur sollte gut durchdacht werden, damit sich der Benutzer Intuitiv auf deiner Webseite auskennt. Andernfalls wird er deine Webseite sehr schnell frustriert verlassen.

Um das zu ermöglichen solltest du bereits bei der Template-Auswahl darauf achten, ob das MenĂŒ deines Wunsch-Templates auch eine Multi-Level-Navigation zulĂ€sst. Mit dieser Art der Navigationen kannst Du mehrere MenĂŒ-Ebenen darin erstellen um Deine Seiten richtig zu kategorisieren und zu strukturieren. Ein Beispiel wĂ€re ein MenĂŒpunkt "Unternehmen" unter dem der User Punkte wie "Kontakt", "Über uns" und "Referenzen" findet, sobald er ĂŒber diesen MenĂŒpunkt mit der Maus fĂ€hrt.

Überlege dir genau wie du die Kernelemente deiner Webseite Aufbereiten möchtest und verknĂŒpfe diese in der Navigation so, dass sie auf den ersten Blick erkenntlich sind. Auch das Google-Ranking deiner Webseite profitiert davon, da die Navigation deine Kernbereiche auf allen Seiten verlinkt. Die eigentliche Eingangsseite ist in vielen FĂ€llen nicht die Startseite, sondern die sogenannten Landingpages (Einstiegs-Seiten) deiner Webseite, wie eine Produktkategorie, die detaillierte Darstellung eines bestimmten Produkts bzw. einer Leistung.

Wichtige Inhalte

Sobald du eine Webseite betreiben möchtest musst du einige Grundangaben platzieren, damit man dich nicht ĂŒber einen Anwalt Abmahnen kann. Die wichtigsten beiden Seiten auf einer Webseite sind das Impressum und der Datenschutz.

Im Impressum stehen wichtige Inhalte zum Webseiten-Betreiber und wer fĂŒr die Inhalte verantwortlich ist. FĂŒr Privatpersonen gelten dabei aber andere Regelungen wie bei einer Firma. FĂŒr eine Firmen-Webseite oder einen Shop benötigst du zum Beispiel eine gĂŒltige Umsatzsteuer-Nummer. Eine Homepage, also eine nicht-kommerzielle Webseite, benötigt eine solche Umsatzsteuer-Nummer nicht, da hier auch keine Produkte beworben werden.

Wichtig fĂŒr eine Privatperson ist die Angabe des Namens, der Telefonnummer, die E-Mail-Adresse und eine gĂŒltige Anschrift.

Was du fĂŒr deine Webseite tatsĂ€chlich benötigst findest du auf e-recht24.de. Shop-Betreiber oder Firmen sollten aber einen Anwalt und einen Datenschutzbeauftragten aufsuchen und die rechtlichen Seiten mit ihm zusammen erstellen.

Die Entwicklungs-Umgebung

Eine Entwicklungs-Umgebung ist eine Webseite die man fĂŒr das Entwickeln neuer Elemente oder das Vorbereiten neuer Seiten und BeitrĂ€ge verwenden kann. Auf dieser Test-Seite kannst du deine Website fĂŒr den ersten Betrieb vorbereiten, bevor sie veröffentlicht wird. Das ist sehr empfehlenswert, da der Benutzer sonst die leere Webseite, oder eine fehlerhafte Webseite vorfindet.

Viele Hoster (Strato, 1und1, etc.) geben dir die Möglichkeit eine Subdomain innerhalb deiner Domain zu erstellen, um einen Blog neben der eigentlichen Seite zu erstellen, oder eben eine Entwicklungs-Umgebung mit einem Passwortschutz vorzubereiten. Eine Subdomain kann so aussehen (Am Beispiel von kaffee-kaufen.de): www.kaffee-kaufen.de, www2.kaffee-kaufen.de, blog.kaffee-kaufen.de, shop.kaffee-kaufen.de, staging.kaffee-kaufen.de.

Eine Subdomain darf nur einmal innerhalb deiner Domain existieren. Hier gelten die gleichen Regeln wie in deiner Domain: Keine Sonderzeichen, keine Leerzeichen, keine Großbuchstaben.

Sobald du zufrieden mit deiner Webseite bist kannst du sie von deiner Entwicklungs-Umgebung auf deine Live-Umgebung transferieren um sie fĂŒr das World-Wide-Web sichtbar zu machen. Bei einer HTML- oder PHP-Webseite geht das relativ einfach, indem du die Daten per FTP ĂŒbertrĂ€gst. Sobald eine Datenbank verwendet wird musst du auch diese ĂŒbertragen. Das ist bei jedem Content Management System der Fall.

CMS oder HTML

Content Management System oder doch lieber Hypertext Markup Language? Worin liegt der Unterschied? Ein Content Management System basiert auf HTML und weiteren Programmiersprachen wie PHP und verwendet in den meisten FĂ€llen eine Datenbank.

Eine HTML-Seite kann unter UmstĂ€nden Sinn machen, wenn die Webseite nur aus sehr wenigen Seiten besteht, die so gut wie nie geĂ€ndert werden, wenn nur eine Übergang-Seite aufrufbar sein soll, oder wenn man eine Web-Visitenkarte mit der Domain verknĂŒpfen möchte. Sobald aber mehr Seiten benötigt werden sollte man lieber die Finger von einer reinen HTML-Webseite lassen und auf ein Content Management System setzen.

Ein Content Management System, kurz CMS, erlaubt es dem Website-Ersteller schnell und einfach neue Seiten im gleichen Schema hinzuzufĂŒgen. Das passiert in der Regel mit nur wenigen Klicks. Alle weiteren Maßnahmen die man sonst bei einer HTML-Seite machen mĂŒsste sind in einem solchem System schon enthalten.

Eine der bekanntesten Content Management Systeme sind Magento, Typo3 oder WordPress. Je nach GrĂ¶ĂŸe der Firma und was man benötigt, entscheiden sich die Webseiten-Ersteller oder die Auftraggeber welches System sie verwenden möchten. Große Firmen verwenden in vielen FĂ€llen Typo3, da dieses von der Sicherheit wesentlich besser aufgestellt ist als WordPress, jedoch wird hier ein großes Basiswissen vorausgesetzt die die Erstellung einer Webseite deutlich erschwert was zu höheren Kosten kommen kann. WordPress hingegen ist sehr flexibel und einfach in der Anwendung. Wer das notwendige Fachwissen besitzt kann dieses System auch sehr Sicher gestalten. Bei beiden Systemen gilt jedoch, dass diese niemals zu 100% vor Hacker-Angriffen geschĂŒtzt sind.

Suchmaschinen-Vorbereitung

Eine Webseite zu erstellen ist schön und gut, aber was bringt das Ganze, wenn sie von keinem Benuzter gefunden wird?

Deshalb sollte ein jeder Webseitenbetreiber auch mit dem Begriff SEO auseinandersetzen. SEO bedeutet Search-Engine-Optimizing (auf deutsch Suchmaschinenoptimierung) und wird gemacht, damit Google und Co. die Webseite finden und Einstufen können.

Du kannst bereits beim Erstellen deiner Webseite auf viele Kleinigkeiten achten um die Webseite fĂŒr Google vorzubereiten: Überschriften (h-Tags) definieren und semantisch passend setzen, Seitentitel und Seitenbeschreibung (Meta-Description) fĂŒr jede Einzelne Seite setzen, Keywords in die Texte einfließen lassen, Bilder beschriften (alt- und title-Tag setzen).
Diese Maßnahme nennt sich OnPage Optimierung und sind die Basis fĂŒr eine gute Suchmaschinenoptimierung.

 

Wer eine eigene Webseite erstellen möchte muss ein wenig Wissen bereithalten. Das waren die grundlegenden Informationen, damit du eine kleine Liste fĂŒr den Start in das WWW bekommst. In folgenden BeitrĂ€gen zeige ich dir wie du deine Webseite fĂŒr Google optimierst und bringe dir bei, wie du eine Webseite von Grund auf mit verschiedenen Auszeichnungssprachen und Programmiersprachen programmierst.

 

Codepalm
Leitfaden zur Erstellung Deiner Webseite