Was ist eine Webseite? Eine Einführung für Anfänger

calendar icon

Aktualisiert: 07/02/2023

Wenn wir die Frage stellen: Was ist eine Website?  würden wohl die meisten sagen, dass es sich hier um etwas dreht, das man im Internet findet. Das ist zwar richtig, aber eine Website ist viel mehr als nur das, was man sieht, wenn man eine URL-Adresse eingibt.  

Zunächst müssen Sie sich aber über den Unterschied zwischen einer Website und einer Webseite bewusst sein. Viele nutzen beide Begriffe austauschbar, aber es gibt einen deutlichen Unterschied. Eine Website ist der Name, der an Ihre Domain geknüpft ist, während Webseiten alle die Unterseiten repräsentieren, die dieser Website unterliegen. Websites können also mit nur einer Seite erstellt werden, aber Webseiten können nicht ohne eine Website funktionieren. 

Eine Website besteht also aus einer Sammlung verschiedener Webseiten, die aus HTML, XHTML, AMP-HTML und einer Reihe verschiedener Elemente zusammengesetzt sind. Darüber hinaus gehören Server, Apps, Erweiterungen, Code und vieles mehr zu dem Sammelbegriff Website. Dies ist jedoch etwas, das sich im Hintergrund verbirgt, womit nur wenige Nutzer wirklich darüber nachdenken, wie viel Arbeit auf einer guten Website steckt. Aus diesem Grund haben wir diesen Leitfaden erstellt, um Ihnen die verschiedenen Elemente näherzubringen, die eine Webseite wirklich ausmachen. 

So, was ist eine Website? 

Obwohl eine Website offensichtlich aus dem besteht, was wir finden, wenn wir eine Adresse in die Suchleiste unseres Browsers eingeben, läuft im Hintergrund dieser Aktion eine ganze Menge ab. Eine Website besteht tatsächlich aus HTML, CSS, JavaScript, XHR, JSON, PDF, CSV, Bildern, Schriftarten, XHTML und verschiedenen Erweiterungen, aber wenn alle diese für die Benutzer sichtbar wären, hätten wir es mit einem heilloses Chaos aus Zahlen, Kästchen und unglaublich langen Code-Strings zu tun. 

Was wirklich passiert, wenn wir einen Domainnamen in unseren Browser eingeben, ist, dass der User Agent (Browser) den Code liest und das Bild erzeugt, das dieser Code angibt. Für Sie als Nutzer der Website erscheint sie daher als eine benutzerfreundliche Webseite mit einer logischen Struktur von Überschriften, Bildern und Inhalten. 

Die erste Website im Internet wurde am 06. August 1991 von Tim Berners-Lee veröffentlicht. Seitdem sind Milliarden von Websites in allen Formen und Größen entstanden, und dieser Artikel geht der Frage nach, was dies möglich macht. 

Was ist die Struktur einer Website? 

Im Grunde genommen besteht jede einzelne Webseite unter einer Website-Domain aus strukturiertem Text, in den andere Elemente wie Bilder und Videos integriert werden. Der grundlegendste Aspekt einer Website ist, dass sie einen Hyperlink enthält, der auf alle vorhandenen Webseiten verweist. Jede dieser Webseiten hat mindestens eine URL-Adresse, auf die mit einem Web Browser wie Chrome, Firefox, Edge und Safari zugegriffen werden kann. 

Der Inhalt einer Webseite kann dynamisch oder statisch sein, was sich darauf auswirkt, wie er bei jedem Aufruf der Website aktualisiert wird. Eine dynamische Website wird bei jedem Zugriff auf der Grundlage des Ergebnisses der Abfrage neu erstellt. Eine statische Webseite hingegen hat jedes Mal, wenn eine Anfrage an den Server gesendet wird, denselben statischen Inhalt. 

Außerdem gibt es verschiedene Möglichkeiten, eine Website zu laden. Am häufigsten werden sie aus dem Internet heruntergeladen, aber Websites können auch lokal auf einer Festplatte gespeichert werden, sofern diese mit einem Computernetz verbunden sind. Was viele Menschen mit einer Website verwechseln, ist das, was wir oft als Homepage bezeichnen. Das liegt daran, dass ein Besucher, der eine URL eingibt, normalerweise zuerst auf der Homepage landet. 

Wenn Sie zum Beispiel websitebaukasten.de eingeben, gelangen Sie nicht nur auf unserer Homepage, sondern auch auf unserer Website. Diese besteht aus mehreren Webseiten, die auch die Homepage enthalten, die Sie finden werden, wenn Sie sich auf der Website umsehen. Beispiele hierfür sind websitebaukasten.de/onlineshop-erstellen/ und https://websitebaukasten.de/onlineshop-baukasten/. Beide sind Websites, die über eine gemeinsame Domain miteinander verbunden sind und somit Teil unserer Website darstellen. 

Woraus besteht eine Website? 

Der einfachste Fall einer Website kann aus einer einzigen HTML-Datei bestehen, die mit einer Online-Domain verknüpft ist. Dabei kann es sich um eine komplett weiße Seite handeln, auf der ein einziges Wort oder ein Satz im Klartext steht. Auf diese Weise können Sie zwar eine Website erstellen, die nur aus einer Webseite mit Text besteht, doch dies wird kaum zu einem interessanten Erlebnis für Besucher führen. 

Die meisten Websites bestehen daher aus einer Serie von verschiedenen Elementen, die die visuelle Grundlage Ihrer Website bilden. Dabei bestimmt HTML, wie sie strukturiert ist und welcher Text wo erscheint, während CSS und JavaScript für die Gestaltung des visuellen Aspekts Ihrer Website verantwortlich sind. Darüber hinaus werden Server, Domäne und Software benötigt, um Ihren Code hochzuladen. 

Die kürzeste Webseite, die Sie erstellen können, ist <p>.</p> Das Ergebnis wäre ein schwarzer Punkt mit einem weißen Hintergrund auf einer Webseite, die mit einer Domäne verknüpft ist. Nicht sehr benutzerfreundlich, aber theoretisch könnte es sich hier um eine Website handeln. Die meisten Entwickler verwenden daher eine Reihe verschiedener Elemente, die zusammen das ausmachen, was die Verbraucher heute unter einer Website verstehen. Hier werden Design, Funktionalität und Inhalt in einem strukturierten Code zusammengeführt. Auf diese Weise erhalten Sie bei der Eingabe einer URL eine benutzerfreundliche Website und nicht nur eine unendlich lange Text-Tapete. 

Die Bestandteile einer Website lassen sich mit der folgenden Liste zusammenfassen: 

  • Startseite 
  • Kategorie-Seite 
  • Dienstleistungs-, Produkt-, Blogseite 
  • Sitemap 
  • Website-Server 
  • Design der Website 
  • HTML, CSS, JS, Bilder, Text und Code 

Wozu braucht man HTML, CSS und JS? 

Bisher haben wir mit einigen Abkürzungen um uns geworfen, aber noch nicht erklärt, welchen Zweck diese auf einer Webseite wirklich haben. Da die meisten Webseiten heute aus einem technologischen Gemisch aus HTML, CSS und JS bestehen, ist es nützlich zu wissen, was diese Begriffe technisch bedeuten. Je nachdem, wer den Code geschrieben hat, kann die Art und Weise, wie diese in den Code eingefügt werden, variieren, aber die Funktionalität ist meistens dieselbe. 

JavaScript (JS) kann direkt in eine HTML-Beschreibung eingefügt werden, so dass der Script-Tag von HTML für die Funktionalität genutzt werden kann. Darüber hinaus werden diese mit HTML und CSS umgesetzt, um das Gerüst für die Website zu bilden. In einer Kombination der drei Elemente wird JS die Funktionalität, HTML, den Inhalt und CSS das Aussehen des Inhalts bestimmen. Auf diese Weise können Sie die verschiedenen Teile der Website leicht voneinander trennen und im Laufe der Zeit damit Anpassungen vornehmen, wenn Sie etwas ändern möchten. 

Im Folgenden haben wir uns näher angesehen, wie die drei verschiedenen Elemente einzeln funktionieren und welchen Zweck sie auf einer Website erfüllen. 

  • HTML (Hypertext Markup Language): wird nur verwendet, um den Inhalt so zu erhalten, wie er angezeigt werden soll. Verschiedene HTML-Tags, wie zum Beispiel <body> oder <h1>, werden verwendet, um die Art des jeweiligen Inhalts zu beschreiben. Dabei kann es sich beispielsweise um Absätze, Überschriften, Bilder und Ähnliches handeln, so dass ein Computer versteht, was er da sieht. 
  • CSS (Cascading Style Sheets): Dann gibt es noch das visuelle Element, das durch CSS-Dateien bestimmt wird. Anhand dieser Dateien bestimmt ein Browser, wie der HTML-Inhalt in Ihrem Browser angezeigt wird. Würde man alle CSS aus einer Website entfernen, würde der Benutzer beim Betreten der Website nur eine lange Textkette vorfinden. CSS-Dateien werden unter anderem zur Umsetzung eines responsiven Designs verwendet, was ein wichtiges Element ist, wenn die Website auf mehreren verschiedenen Geräten gleichzeitig genutzt werden soll. 
  • JS (JavaScript): Das letzte Element berührt das Verhalten einer Webseite, und hier kommt JavaScript ins Spiel. Dabei handelt es sich um einen separaten Code, der in der Regel nach dem HTML im Code angegeben wird, aber gleichzeitig durch verschiedene Tags in den Kern-Code integriert ist. Auf diese Weise weiß der Browser, welche Skripte er laden muss, wenn er eine Webseite für den Benutzer anzeigt. 

Die Kombination dieser drei Elemente ist das, was wir heute unter einer Webseite verstehen. Von den drei ist nur HTML ein MUSS, aber wenn Sie eine benutzerfreundliche Website erstellen wollen, ist es elementar, alle drei zu kombinieren. 

Wie man eine Website erstellt 

Wenn Sie eine Website erstellen, wird diese normalerweise in HTML geschrieben, um sicherzustellen, dass alle Browser den Inhalt herunterladen können. Sie schreiben den Inhalt mit Hilfe verschiedener HTML-Tags, die visuelle Gestaltung erfolgt dann über CSS-Dateien. Dies ist seit langem der Standard für die Erstellung einer Website, weil die Struktur zwischen CSS und HTML so einfach aufgebaut werden kann. 

Wenn Sie eine komplizierte Website erstellen wollen, wird dies oft durch die Verwendung des HTML-Quelltextes gemeinsam mit einem Skript auf der Seite des Servers geschehen. An dieser Stelle kommen Programmiersprachen wie PHP, Perl, Python, Ruby und VCScript ins Spiel. Viele verwenden auch Java, weil es die Fähigkeit hat, Datenbanken in die Entwicklung zu integrieren. 

Schließlich werden mit Hilfe von JavaScript die Funktionen, die in den Code eingebaut sind, für die Benutzer integriert. Die verschiedenen Programme, in denen Sie Code schreiben können, erstellen dann ein Skript, das an den Browser ausgegeben wird. Diese wird als HTML-Text an den vom Benutzer verwendeten Browser gesendet, der dann wiederum Anweisungen gibt, wie eine Webseite auf dem Bildschirm des Benutzers dargestellt werden soll.  

Sie können zwar eine Website auf Ihrem eigenen Computer hosten, indem Sie ihn mit dem Internet verbinden, aber die meisten laden den Code auf einen Webserver in einem Datenzentrum hoch. Das sind Einrichtungen, die Rechenleistung mieten, um schnell und einfach neuen Code hochzuladen und eine Website zu erstellen. 

Welchen Zweck hat eine Website? 

Es gibt unzählige Verwendungsmöglichkeiten für eine Website und ebenso viele Zwecke. Die meisten Unternehmen erstellen eine Website zur Präsentation ihrer Geschäftstätigkeit, andere nutzen sie als virtuelle Präsenz für Online-Shops, Einzelhandelsgeschäfte und dergleichen. Wir haben daher eine Liste der verschiedenen Zwecke und Arten von Websites zusammengestellt, die Sie heute online finden können: 

  • Informationswebsites zielen darauf ab, so viele Informationen wie möglich in geordneter Form zu präsentieren. Beispiele dafür sind Wikipedia, der Duden und die Website der deutschen Bundesregierung. Diese Art von Website besteht oft aus mehreren tausend Webseiten, die sich jeweils mit einem anderen Thema befassen.  
  • News-Seiten fungieren als Äquivalent zu traditionellen Online-Zeitungen. Der Zweck solcher Websites besteht häufig darin, laufend neue Inhalte zu veröffentlichen, wobei die vorhandenen Inhalte nicht so organisiert sein müssen wie in informativen Enzyklopädien. Ein Beispiel dafür ist, dass spiegel.de oder stern.de einfachere Strukturen als Wikipedia haben.  
  • Online-Shops ist eine weitere Art von Website, die sich immer mehr durchsetzt. Das sind Websites, die darauf abzielen, etwas online zu verkaufen und den Besuchern verschiedene Produkte anzubieten. Diese Websites haben oft ein sorgfältig geplantes visuelles Profil und einen anspruchslosen Inhalt, damit die Kunden schnell den Artikel finden können, den sie kaufen möchten. 
  • Landing-Seiten sind ein gutes Beispiel für einen statischen Inhalt, dessen einziger Zweck es ist, eine bestimmte Botschaft oder ein Produkt zu präsentieren. Die meisten von uns sind schon einmal auf eine solche Website gestoßen, als sie etwas online heruntergeladen oder sich für einen Newsletter angemeldet haben.  

Warum ist SEO so wichtig für eine Website? 

Wenn es um Websites und deren Sichtbarkeit im Internet geht, wird häufig von Suchmaschinenoptimierung (SEO) gesprochen. Dies hängt eng damit zusammen, wie man organischen Traffic über Suchmaschinen wie Google und Bing erreicht. Beim Schreiben des Codes wird das so wichtig, weil die meisten Crawler wie GoogleBot Quellcode verwenden, wenn sie Websites abbilden und indexieren. 

Das bedeutet, dass Google in den Code Ihrer Website eindringt und anhand dessen feststellt, welche Inhalte auf Ihrer Seite vorhanden sind. Es ist daher wichtig, dass diese dann in einer Struktur und Sprache vorliegen, die der GoogleBot versteht, damit es dann die Dateien richtig kategorisieren kann. Auf diese Weise wird Ihre Website in den richtigen Suchergebnissen erscheinen und Sie können bessere Ergebnisse für Ihren Traffic erzielen. 

Zusammenfassung 

Obwohl die meisten schon erklären können, was eine Website im Prinzip ist, gibt es doch viele Bestandteile, die im Hintergrund stehen, mit denen viele nicht vertraut sind. Vor allem HTML, CSS und JavaScript sind drei der wichtigsten Bausteine für die Erstellung einer Website. Wir haben uns deshalb genauer angesehen, wie diese zusammenhängen und was Sie über die Funktionsweise der verschiedenen Elemente wissen sollten.  

Außerdem haben wir gezeigt, wie man eine Website mit den verschiedenen Programmiersprachen erstellt, bevor wir darauf eingegangen sind, warum es so wichtig ist, den richtigen Code an der richtigen Stelle Ihrer Website zu verwenden. Hier geht es in erster Linie darum, wie ein Browser die Website für den Endnutzer darstellt, und das kann den Unterschied zwischen Erfolg und Fiasko ausmachen.