Was ist eine Homepage?

Die Homepage ist das wich­tigs­te Element im World Wide Web. Der Begriff wird jedoch wi­der­sprüch­lich verwendet, daher gilt es zu klären: Was ist eine Homepage genau? Ur­sprüng­lich war der Begriff „Homepage“ als die zentrale Seite eines Web­auf­tritts zu verstehen, doch heut­zu­ta­ge wird er eher als Synonym zur Website verwendet. Wir erklären die Struktur von Homepages, ihre Ei­gen­schaf­ten und wie Sie Ihre eigene Website erstellen können.

Wer benötigt eine eigene Homepage?

Eine digitale Web­prä­senz er­mög­licht es, Inhalte wie Texte, Bilder oder Videos öf­fent­lich im Internet be­reit­zu­stel­len. Ge­schäfts­trei­ben­de benötigen einen re­prä­sen­ta­ti­ven In­ter­net­auf­tritt, um po­ten­zi­el­le Kundinnen und Kunden über Produkte und Dienst­leis­tun­gen zu in­for­mie­ren, das Un­ter­neh­men dar­zu­stel­len, den Kontakt mit ver­schie­de­nen Ab­tei­lun­gen zu er­mög­li­chen oder Waren über das Netz zu ver­trei­ben. Für Pri­vat­per­so­nen ist eine eigene Homepage die Chance, aktiv am öf­fent­li­chen Geschehen teil­zu­neh­men. So finden sich im Netz zahllose Pri­vat­sei­ten, die In­for­ma­ti­ons­ma­te­ri­al be­reit­hal­ten oder der Un­ter­hal­tung dienen. Eine Übersicht der be­lieb­tes­ten Websites finden Sie weiter unten.

Zudem stellt die eigene Homepage neben dem Profil in einem sozialen Netzwerk eine weitere Mög­lich­keit dar, po­ten­zi­el­le Ar­beit­ge­ber, In­ter­es­sen­ten oder Gleich­ge­sinn­te zu erreichen. Die große Reich­wei­te einer Website ist si­cher­lich mitunter einer der Gründe für die seit Jahren stark wachsende Anzahl an In­ter­net­sei­ten:

Close

Der Aufbau einer Homepage

Viele Un­ter­neh­men geben auf Vi­si­ten­kar­ten oder in der E-Mail-Signatur die Adresse der eigenen Homepage an. Tippt man diese Adresse, den so­ge­nann­ten Uniform Resource Locator (URL), in die Suchmaske des In­ter­net­brow­sers ein, gelangt man in der Regel auf die Start­sei­te des In­ter­net­auf­tritts. Von hier aus haben Sei­ten­be­su­chen­de je nach Umfang der Homepage die Mög­lich­keit, auf un­ter­ge­la­ger­te Seiten der Web­prä­senz zu gelangen. Bei der Ver­knüp­fung einzelner HTML-Dokumente einer Homepage kommen so­ge­nann­te Hy­per­links (oft einfach „Links“ genannt) zum Einsatz.

Verweise zu wichtigen Un­ter­sei­ten (z. B. zu Ab­tei­lun­gen, Pro­dukt­grup­pen oder re­prä­sen­ta­ti­ven In­for­ma­ti­ons­sei­ten) sind dazu meist in der so­ge­nann­ten Na­vi­ga­ti­on zu­sam­men­ge­fasst. Diese befindet sich in der Regel im Kopf­be­reich („Header“) der Webseite und wird nicht nur auf der Start­sei­te, sondern auch auf jeder Un­ter­sei­te des In­ter­net­auf­tritts angezeigt. Die Na­vi­ga­ti­on dient der Nutzerin oder dem Nutzer als Ori­en­tie­rungs­hil­fe und Übersicht über die Web­sei­ten­struk­tur. Links zu weiteren Un­ter­sei­ten lassen sich auch in den Text- und Bild­ele­men­ten des Web­sei­ten­in­halts („Content“) un­ter­brin­gen. Zudem bieten viele Homepages im Fuß­be­reich („Footer“) einer jeden Website Links zu wei­ter­füh­ren­den In­for­ma­tio­nen über den Sei­ten­be­trei­ber und über die recht­li­chen Rah­men­be­din­gun­gen der Sei­ten­nut­zung an.

Dy­na­mi­sche vs. statische Homepage

Soll ein In­ter­net­auf­tritt lediglich die Funktion einer digitalen Vi­si­ten­kar­te erfüllen, genügt in der Regel eine Homepage aus sta­ti­schen Webseiten. Dabei werden die HTML-Dokumente mit den ge­wünsch­ten In­for­ma­tio­nen einmalig erstellt und unter einer eigenen URL auf dem Webserver abgelegt. Rufen Nutzende die ent­spre­chen­den Web­adres­sen auf, bekommen sie die sta­ti­schen HTML-Dokumente 1:1 so angezeigt, wie sie auf dem Server hin­ter­legt wurden. Doch was ist, wenn eine Webseite in re­gel­mä­ßi­gen Abständen neue Inhalte be­reit­stel­len soll? Bei einer sta­ti­schen Homepage müssten in diesem Fall alle Ver­än­de­run­gen manuell im HTML-Code der einzelnen Un­ter­sei­ten des Web­pro­jekts vor­ge­nom­men werden.

Mit dy­na­mi­schen Webseiten lässt sich dieser Ar­beits­schritt umgehen. Diese werden vom Webserver bei jedem Sei­ten­auf­ruf neu generiert. Statt immer wieder un­ver­än­dert die statische HTML-Seite aus­zu­ge­ben, passt der Server den Sei­ten­in­halt au­to­ma­tisch gemäß der letzten Ak­tua­li­sie­rung an. Dabei basiert die dy­na­mi­sche Webseite auf einer strikten Trennung von Inhalt und Layout. Beide Aspekte werden erst beim Aufruf der Seite im Web­brow­ser zu­sam­men­ge­setzt. Dy­na­mi­sche Webseiten erfordern daher deutlich leis­tungs­fä­hi­ge­re Server als statische Webseiten sowie ein Da­ten­bank­sys­tem wie MySQL, mit dem sich die Web­sei­ten­ele­men­te auf dem Server verwalten lassen.

In der Regel greifen dy­na­mi­sche Webseiten auf vor­de­fi­nier­te Layout- und De­sign­vor­la­gen – so­ge­nann­te Templates – zurück, die beim Sei­ten­auf­ruf mit den ent­spre­chen­den Inhalten befüllt werden. Aufgrund der Fle­xi­bi­li­tät geht der Trend heute zur dy­na­mi­schen Homepage.

Statische und dy­na­mi­sche Web­pro­jek­te im Vergleich

Vorteile und Nachteile sta­ti­scher Homepages

Vorteile und Nachteile dy­na­mi­scher Homepages

Der Weg zur eigenen Homepage

Je nach Art und Umfang des geplanten In­ter­net­auf­tritts bieten sich drei Mög­lich­kei­ten an, eine eigene Homepage zu erstellen. Während es früher üblich war, den kom­plet­ten Quellcode einer Web­prä­senz mithilfe eines HTML-Editors selbst zu schreiben, stehen Website-Be­trei­ben­den mit Homepage-Baukästen und Content-Ma­nage­ment-Systemen heute deutlich kom­for­ta­ble­re Lösungen zur Verfügung. Un­ter­neh­men oder Pri­vat­per­so­nen, denen die nötigen Pro­gram­mier­kennt­nis­se fehlen, können zudem unter einer Vielzahl hoch­spe­zia­li­sier­ter Anbieter wählen, die eine pro­fes­sio­nel­le Er­stel­lung und Wartung des Web­auf­tritts gegen ein ent­spre­chen­des Entgelt anbieten.

Homepage-Baukasten: Der perfekte Einstieg für die erste Web­prä­senz

Wer heut­zu­ta­ge eine In­ter­net­sei­te erstellen will, muss kein Pro­gram­mier­pro­fi mehr sein. Mit einem Homepage-Baukasten lässt sich der eigene Web­auf­tritt mit wenigen Klicks zu­sam­men­set­zen. Dabei greifen Nutzende auf vor­ge­fer­tig­te Bran­chen­vor­la­gen und Design-Templates zurück. Diese Bausteine lassen sich im Rahmen der vor­ge­ge­be­nen Mög­lich­kei­ten in einem „What You See Is What You Get“-Editor (WYSIWYG) Schritt für Schritt anpassen. Dabei lassen sich alle Ver­än­de­run­gen durch eine Vor­schau­funk­ti­on direkt am Bild­schirm nach­voll­zie­hen.

Steht das Layout, werden die einzelnen Webseiten über den Editor bequem mit Inhalten in Form von Text, Bild oder Vi­deo­ma­te­ri­al befüllt. Wird der Homepage-Baukasten in Kom­bi­na­ti­on mit einem Web­hos­ting genutzt, kann die fertige In­ter­net­sei­te un­ver­züg­lich online gestellt werden. Diese Art der Homepage-Er­stel­lung bietet gleich mehrere Vorteile: Webseiten lassen sich schnell und ohne Pro­gram­mier­kennt­nis­se erstellen. An­pas­sun­gen werden bequem über den Editor vor­ge­nom­men. Der Nachteil dieser Art der Homepage-Er­stel­lung ist jedoch die ein­ge­schränk­te Fle­xi­bi­li­tät han­dels­üb­li­cher Bau­kas­ten­sys­te­me, die sich auf die vor­ein­ge­stell­ten De­sign­ein­stel­lun­gen und statische Webseiten be­schränkt.

Content-Ma­nage­ment-System: Webdesign für Fort­ge­schrit­te­ne

Wer bereit ist, sich tiefer in die Zu­sam­men­hän­ge der Webseiten-Er­stel­lung ein­zu­ar­bei­ten, und auch vor Pro­gram­mier­spra­chen wie HTML oder PHP nicht zu­rück­schreckt, kann sich mit einem Content-Ma­nage­ment-System (CMS) deutlich mehr Fle­xi­bi­li­tät sichern. Ein CMS – auf Deutsch: „In­halts­ver­wal­tungs­sys­tem“ – macht genau das, was der Name sagt. Auf einem Webserver in­stal­liert, verwaltet ein CMS Web­sei­ten­in­hal­te getrennt vom Design Template in einer Datenbank und generiert daraus bei jedem Nut­zer­zu­griff eine dy­na­mi­sche Webseite. Beliebt sind Content-Ma­nage­ment-Systeme sowohl im privaten als auch im ge­schäft­li­chen Bereich, da eine Reihe hoch­ef­fi­zi­en­ter CMS als Open-Source-Software und somit kostenlos zur Verfügung stehen.

Markt­füh­rend sind die Systeme WordPress, Joomla, Drupal und Typo3, für die sich im Netz zahl­rei­che Templates und Plug-ins zur In­di­vi­dua­li­sie­rung eines In­ter­net­auf­tritts finden. Inhalte wie Text­ele­men­te, Bilder und Videos lassen sich, ähnlich wie beim Homepage-Baukasten, intuitiv über einen Editor ein­pfle­gen. Diese Ebene des CMS nennt man Front End. Somit können re­dak­tio­nel­le Aufgaben, die beim Web­sei­ten­be­trieb anfallen, bei einem CMS auch von Personen über­nom­men werden, die nur über begrenzte Com­pu­ter­kennt­nis­se verfügen.

Da ein sicherer Web­sei­ten­be­trieb jedoch mehr als die bloße In­stal­la­ti­on der Software be­inhal­tet, sollte ein CMS immer von einer Ad­mi­nis­tra­ti­ons­per­son betreut werden, die Software-Updates durch­führt und so für eine dau­er­haf­te Funk­ti­ons­fä­hig­keit des Ver­wal­tungs­sys­tems sorgt. Der Ar­beits­be­reich der Ad­mi­nis­trie­ren­den (Admins) ist das Back End. Dort sind grund­le­gen­de Kennt­nis­se der für das CMS re­le­van­ten Pro­gram­mier­spra­chen un­er­läss­lich.

Selbst­pro­gram­mier­te HTML-Seiten: Die Pro­fi­lö­sung

Eine komplette In­di­vi­dua­li­sie­rung ihrer Homepage erhalten Web­sei­ten­be­trei­ben­de nur dann, wenn sie den Quellcode der HTML-Dokumente oder per­sön­li­che Templates für ein CMS von Grund auf selbst pro­gram­mie­ren. Diese Option steht Pri­vat­per­so­nen jedoch nur offen, wenn sie die nötigen Kennt­nis­se besitzen oder gewillt sind, sich diese an­zu­eig­nen. Un­ter­neh­men lagern die Pro­gram­mie­rung in­di­vi­du­el­ler Webseiten er­fah­rungs­ge­mäß eher aus, anstatt eigenes Fach­per­so­nal ein­zu­stel­len. Eine sehr einfache statische Homepage lässt sich bereits mit einem Grund­la­gen­wis­sen in HTML und CSS (Cascading Style Sheets) erstellen.

An­fän­ge­rin­nen und Anfänger können sich dabei auf Editoren stützen, die nach dem WYSIWYG-Prinzip arbeiten. So lässt sich jederzeit nach­voll­zie­hen, wie sich der ge­schrie­be­ne Quellcode auf die Struktur, das Layout und De­sign­ele­men­te der Webseite auswirkt. Da pro­fes­sio­nel­le In­ter­net­auf­trit­te neben optischen und funk­tio­na­len Ge­sichts­punk­ten jedoch auch gewissen Si­cher­heits­stan­dards ent­spre­chen sollten, empfiehlt es sich, bei einer ge­schäft­li­chen Homepage pro­fes­sio­nel­le Hilfe bei der Pro­gram­mie­rung und dem Webdesign zu suchen, zum Beispiel durch eine ent­spre­chen­de Agentur.

Eigene Homepage – was ist wichtig?

Inhalte ins Netz zu stellen ist heute leichter denn je. Doch bevor eine Homepage online geht, empfiehlt es sich, jede einzelne Un­ter­sei­te auf ihre Rechts­si­cher­heit zu prüfen. An­dern­falls kann es zu ju­ris­ti­schen Aus­ein­an­der­set­zun­gen kommen, die im schlimms­ten Fall hohe Kosten nach sich ziehen. Beachten sollten Web­sei­ten­be­trei­ben­de daher, ob ihre Homepage unter die Im­pres­sums­pflicht fällt (meistens ist das der Fall) und ob die Un­ter­sei­ten Inhalte enthalten, die ur­he­ber­recht­lich geschützt sind.

• Im­pres­sums­pflicht: Das Impressum gibt Auskunft über die Be­trei­be­rin bzw. den Betreiber einer Homepage und soll für mehr Trans­pa­renz im Internet sorgen. Es er­mög­licht die un­kom­pli­zier­te Kon­takt­auf­nah­me – zum Beispiel im Fall recht­li­cher Ansprüche. Grund­sätz­lich gilt: Ein rein privat be­trie­be­ner In­ter­net­auf­tritt benötigt kein Impressum. Als privat gilt eine Homepage, die aus­schließ­lich per­sön­li­chen Zwecken dient. Dies trifft jedoch auf die wenigsten In­ter­net­auf­trit­te zu. Bereits ein privat be­trie­be­ner Blog richtet sich an eine öf­fent­li­che Le­ser­schaft. Auch Be­trei­ben­de einer solchen Homepage sollten sich daher grund­le­gend mit der Im­pres­sums­pflicht aus­ein­an­der­set­zen, wie sie für ge­schäfts­mä­ßi­ge Online-Dienste oder die Be­reit­stel­lung jour­na­lis­tisch-re­dak­tio­nel­ler Inhalte gilt.
• Ur­he­ber­recht im Internet: Auch im Internet gilt das Ur­he­ber­recht. Wer unerlaubt Texte, Bilder, Videos oder Mu­sik­da­tei­en anderer auf der eigenen Homepage zur Verfügung stellt, macht sich strafbar. Die Ver­wen­dung eines ge­schütz­ten Werks ist grund­sätz­lich nur mit der Zu­stim­mung der ur­he­ben­den Person erlaubt. Da auch Software dem Ur­he­ber­recht un­ter­liegt, kann bereits die Ver­wen­dung eines Templates zu Schwie­rig­kei­ten führen, wenn die Pro­gram­mie­re­rin bzw. der Pro­gram­mie­rer dieses nicht aus­drück­lich zum kos­ten­lo­sen Gebrauch zur Verfügung gestellt hat.

Was macht eine gute Website aus?

Im Interview mit IONOS erklärt der Online-Marketing-Experte Felix Beilharz, was eine gute Fir­men­home­page ausmacht und auf welche Kriterien man besonders achten sollte:

Zur Anzeige dieses Videos sind Cookies von Dritt­an­bie­tern er­for­der­lich. Ihre Cookie-Ein­stel­lun­gen können Sie hier aufrufen und ändern.