Was gehört alles auf eine geschäftliche Homepage?

Auf eine geschäftliche Homepage gehören bestimmte optische und textliche Elemente.

Es geht auf der Startseite mit dem Logo los. Dieses muss im oberen Drittel der Webseite angezeigt werden. Prägen Sie sich bei Ihren Kunden immer und überall ein!

Präsentieren Sie auf der Startseite Ihre absoluten Highlights. Lassen Sie Ihre Kunden nicht die Selbstläufer mühselig auf einer Unterseite in einem tiefverschachtelten Menü suchen.

Zeigen Sie, was Sie draufhaben! Die erste Seite muss Ihren Homepagebesucher fesseln, sei es durch Bilder, Animationen und/oder Text.

Präsentieren Sie Ihren Service. Warum sollten Sie Serviceleistungen irgendwo in Ihren AGBs verstecken? Was gut ist, muss nicht versteckt werden!

Ordnen Sie Ihre Navigation. Niemand will sich in einer unübersichtlichen Homepage verlieren.

Erstellen Sie für jedes Produkt eine einzigartige Unterseite. Präsentieren Sie Ihre Produkte und Dienstleistungen als wäre jedes Einzelne das Ultimative Endprodukt: Gute Fotos und dazu passende individuelle Beschreibungen natürlich inkl. aller gesetzlicher Vorschriften sind hier das A und O!

Sorgen Sie dafür, dass von jeder Unterseite aus sofort der Kontakt mit ihnen aufgenommen werden kann: setzten Sie Impressum, Kontaktformular, Datenschutzerklärung am besten gleich mit Ihrer Postanschrift, Telefonnummer und E-Mail Adresse in die Fußzeile jeder Seite, bieten Sie Ihrem Kunden den kurzen Weg zur Kontaktaufnahme an.

Vergessen Sie nicht die Möglichkeiten des Web 2.0 auszuschöpfen. Soziale Netze sind heute wichtiger als je zuvor. Bieten Sie Ihren Kunden nicht nur eine Homepage an, sondern nutzen Sie weitere virtuelle Möglichkeiten wie z.B. Facebook, Twitter, Youtube Kanäle, Google Plus etc.

Abbild zu geschäftliche Homepage
geschäftliche Homepage

Follow und Nofollow Links

Wie die Bezeichnung schon sagt wird hier zwischen Hyperlinks unterschieden, denen gefolgt oder nicht gefolgt werden soll.

Diese Anweisung ist ein Befehlsattribut zum Hyperlink Anker Befehl und soll von den Suchmaschinenbots beachtet werden. Es ist bekannt, dass sich nicht jede Suchmaschine auch tatsächlich daran hält.

Wann machen die Follow und Nofollow Attribute auf den Webseiten überhaupt Sinn?
Der wichtigste Grund ist natürlich die Vermeidung von Spam in Weblogs (Blogs), Foren und Gästebüchern. Überall, wo gepostet werden kann und HTML zugelassen ist, versucht so mancher einen kostenlosen Backlink auf seine eigene Seite zu erhaschen. Hierzu gibt es mittlerweile automatisierte Software, die sich in Foren anmeldet und einen Link zu einer Seite samt Linktext postet.
Dann gibt es Link, von denen man nicht möchte, dass diese im Suchergebnis von Suchmaschinen gelistet werden. Diese können so ausgeschlossen werden (s. hierzu auch Informationen zur robots.txt).
Links, die nichts mit dem Webseiteninhalt zu tun haben, z.B. der Link zu einem Counter (Besucherzähler), benötigen keinen Follow Backlink. Der Link wäre auch überhaupt nicht relevant zum Webseitenthema.
Manchmal möchte man einfach nicht auf eine andere Webseite linken und dieser einen Kuchen vom eigenen Page Rank abgeben. Ach dann kann das Nofollow gesetzt werden.
Standardmäßig sind alle Hyperlinks ohne explizites Verwenden des Attribut follow oder nofollow auf follow gesetzt.

Screenshot zu No Follow Links
No Follow Links

Sind der Linktext oder die Dateinamen der Homepage wichtig?

Wer sich fragt, ob der Linktext auf andere Seiten oder der internen Verlinkung, sowie die Vergabe von Dateinamen wichtig ist, sollte sich als Zweites fragen: Für wen wichtig?

  • Für den Homepagebetreiber sollten alle Namen so vergeben werden, dass diese ohne Weiteres in seinem Quellcode wiederfindet. Hier ist wohl die Frage nach der Syntax ? vor allem der Groß-/Kleinschreibung wichtig.
  • Der Homepagebesucher sollte sowohl anhand der Linktexte, z.B. der Links im Navigationsmenü als auch bei der internen und externen Verlinkung verstehen, dass er a) weitergeleitet wird und b) auch halbwegs wohin er weitergeleitet wird. Die Dateinamen spielen bei Downloads bzw. PDF-Dokumenten etc. auch für eine Rolle, da diese Dokumente aus dem Internet heruntergeladen werden und auf der Festplatte wiedergefunden werden sollten.
  • Für den Suchmaschinenbot, der die Internetseiten einliest ist sicherlich beides wichtig. Diese Wörter schaffen Klarheit, mit welchen Begriffen diese eine Webseite indexiert werden kann und was relevante Begriffe sind.
  • Titelangaben im HTML Dokument werden in den Reitern der Browser als Überschriften angezeigt. Auch hier sollte sich der Web Programmierer gut überlegen, was tatsächlich angezeigt werden soll, damit sich der WWW-Besucher nicht in seinen x-geöffneten Tabulatoren verläuft.

    In jedem Fall sind bei der Homepageerstellung alle drei hier gelisteten Aspekte zu berücksichtigen, wobei der Webseitenbesucher immer die Hauptrolle spielen sollte.

    Screenshot zu Linktext der Homepage
    Linktext der Homepage

    Die Ladezeit einer Internetseite

    Trotz des stetigen Ausbaus des Leitungsnetzes, gibt es in vielen Ländern immer noch weiße Punkte auf der Internet Landkarte.

    Auch sind die Übertragungsraten per Handy sehr langsam.

    Obwohl die Computer immer schneller werden und auch der Internet Leitungsausbau immer weiter vorschreitet, sollte jeder Webseiteninhaber darauf achten, dass zumindest die Startseite der Homepage nicht zu lange lädt.

    Ein Homepage Besucher, der ewig auf die Startseite wartet, ist mit seinem Tablet, Iphone, Android oder Notebook samt Internetstick schnell wieder von Ihrer Webseite verschwunden.

    Screenshot zu Ladezeit Internetseite
    Ladezeit Internetseite

    Die Validierung des HTML Codes einer Internetseite

    So manch einer mach sich fragen: Was ist das überhaupt? Eine Programmiersprache wie z.B. HTML (aber auch XML, XHTML und WML) unterliegt einer bestimmten Syntax und einer bestimmten Reihenfolge, in der die Befehle angeordnet werden.

    Auf diese Reihenfolge müssen/sollten sich die Browser verlassen können, damit die Darstellung der Internetseite auf allen Browsern identisch ist.

    Natürlich fällt ist es dem einen oder anderen schon mal bei seinen benutzten Browsern aufgefallen: Während der Internet Explorer z.B. ein kleines rotes Kreuz anzeigt, wenn er ein Bild nicht findet, weil dieses entweder nicht an richtigen Ort abgespeichert wurde oder die Klein-Großschreibung nicht beachtet wurde, zeigt der Firefox einfach nichts an. Zur Fehlersuche ist der IE da deutlich im Vorteil.

    Aber auch kleinere Programmierschnitzer, wie ein sich nicht schließender oder ein Absatzende vor einem sich schließenden Font-Befehl, führen zu einem nicht-validem Quelltext.

    Sogar Suchmaschinen unterschieden mittlerweile zwischen Rechtschreibfehlern im Content und schlechter Programmierung im Quelltext. Wer beides beherrscht, kann sich u.U. dadurch eine bessere Platzierung in den Ergebnissen der Suchmaschinen ergattern.

    Auch wenn Sie nicht alle Fehler verstehen oder beheben können, die Ihnen eine Validator anzeigt, so sollten Sie dennoch bemüht sein, Ihre Internetseite so fehlerfrei wie möglich zu gestalten. Zu sehr sollte Ihnen das jedoch keine schlaflosen Nächte bereiten: selbst der Suchmaschinen Marktführer hat Validierungsfehler auf seiner Startseite!

    Foto zu Valdidierung Internetseite
    Valdidierung Internetseite

    Homepagevorlagen kostenlos

    Sie werden immer wieder gesucht und irgendwie findet man nie die Homepagevorlage, die man genau benötigt. Bei Homepagebaukastensystemen wie z.B. Homepagefix gehören Homepagevorlagen zum Lieferumfang.

    Professionelle Templates können ausgewählt werden und farblich passend zum Logo abgestimmt werden.

    Wichtig bei der Auswahl der Homepagevorlage sind nur einige Aspekte: Eine reine HTML/PHP Vorlage oder doch eine Einbindung von CSS.
    Sie finden Ihre Vorlage nach folgenden Aspekten:

  • Ort der Navigation
  • Wie viele Spalten soll der Content haben?
  • Das Grundgerüst einer Homepagevorlage ist vielfältig ist Internet kostenlos downloadbar. Die Änderung von Farben/Grafiken und Abständen kann leicht über die CSS Datei abgeändert werden.
    Das Rad muss auch im Internet nicht immer wieder neu erfunden werden.

    Abbild zu Homepagevorlagen kostenlos
    Homepagevorlagen kostenlos

    Die Fußzeile der Internetseite

    Die Fußzeile oder der Footer einer Internetseite sollte wichtige Informationen enthalten, welche auf jeder beliebigen Start- oder Unterseite der gesamten Homepage zu finden ist.
    Das können „Muss-Seiten“ wie das Impressen, die Datenschutzerklärung oder ein Link zum Kontaktformular sein.

    Immer häufiger finden sich im Fußzeilenbereich auch weiterführende Links zu Social Media Seiten wie ein Link zur Fanpage bei Facebook, dem Twitter Account, der Google Plus Seite, Flickr oder dem Youtube Channel des Webseitenbetreibers.

    Hin und wieder findet sich im Footer auch nochmal eine Übersicht an Links, die zu häufig aufgerufen Webseiten des Internetangebots führen oder zur Sitemap führen.

    Auf vertrauenswürdige Internetseiten ist auch die komplette Postadresse samt Rufnummern in der Fußzeile zu finden. Für eine gewünschte schnelle Kontaktaufnahme ist das sicherlich eine schöne Erweiterung zur eigentlichen Impressumsseite und dem Link zum Kontaktformular.

    Gerne schreiben auch die Webagenturen einen Link zur Ihrer Agentur in den Footer. Wer stolz auf sein Webdesign ist sollte das tun. Gleichzeitig bedeutet dies einen wichtigen Backlink für die Agentur, die die Webseite programmiert hat.

    Sicherlich kann dort auch ein Copyright Hinweis gut untergebracht werden oder erforderliche Angaben zum verwendeten Template, Lizenzangaben etc.

    Partnerlinks zu weiterführenden Seiten, Werbepartnern, ähnlichen Webseiten sind genauso willkommen wie eine Zeile bebilderte Werbung z.B. Google Ads.

    Überlegen Sie sich daher bei der Gestaltung Ihrer Online Präsenz mit einer Web Design Software gut, wo Sie wichtige (gesetzliche) Pflichtseiten unterbringen, die von jeder beliebigen Seite aus mit einem Klick erreicht werden müssen und welche anderen wichtigen Informationen Sie Ihrem Besucher anbieten möchten. So manches Widget wird gerne benutzt, um den Footer in 3 oder mehrspaltige Bereiche einzuteilen, um auch hier die Übersichtlichkeit für den Seitenbesucher zu gewährleisten.

    Die Pflichtangaben müssen sein, aber auch Service darf und soll Ihre Webseite bereichern, um dem eigentlichen Ziel zu folgen:

    Webseitenbesucher sollen kommen, bleiben und wiederkehren!

    Screenshot zu Fußzeile Internetseite
    Fußzeile Internetseite

    Javascript Dateien in den Header einbinden

    Manchmal reicht es auf einer Internetseite nicht aus, wenn nur statischer HTML Code verwendet wird. Das ist langweilig. Dynamische Webseiten werden mit PHP erzeugt. So manches ist allerdings auch mit einem Javascript einfach zu realisieren

    Das Javascript muss in den Head Bereich der HTML Datei eingebunden werden. Der Head Bereich einer HTML Datei beginnt ? Wer hätte es gedacht? Mit und endet mit . Genau zwischen diesen beiden Befehlen ist der Javascript Code entweder direkt einzutippen oder durch das Einbinden einer externen Datei hinzuzufügen. Mit JavaScript können Inhalte generiert und auch nachgeladen werden.

    Eine gute Homepage Software sollte dem Anwender die Möglichkeit bieten auch andere Programmiersprachen manuell in die eigene Webseitenpräsenz integrieren zu können.

    Javascript muss im Browser des Homepage Besuchers aktiviert sein, damit die Scriptsprache ausgeführt wird!
    Wann ist es sinnvoll JavaScript anzuwenden?

  • Wenn eine dynamische Manipulation von Webseiten gewünscht ist
  • Wenn E-Mail Adressen auf der Internetseite verschlüsselt werden sollen
  • Wenn Banner angezeigt werden sollen
  • Wenn Formularfelder auf Gültigkeit überprüft werden sollen
  • Wenn Daten gesendet oder empfangen werden sollten, ohne dass der Browser neu lädt
  • Screenshot zu Javascript
    Javascript

    Die Breadcrumb Navigation

    Die Breadcrumb Navigation oder Brotkrümelnavigation findet sich meist unter dem Logo auf einer Internetseite.

    Es handelt sich hier um einen Text, der eine Verlinkung enthält.
    Diese Verlinkung soll dem Webseitenbesucher verdeutlichen, wo sich dieser gerade auf der Internetseite befindet.

    Mit Hilfe der Breadcrumb Navigation soll der Seitenbesucher die Übersicht nicht verlieren.

    Das ist vor allem sinnvoll, wenn es auf der Homepage viele verschachtelte Untermenüs gibt.

    Die Navigation wird zudem auch für andere grafische Oberflächen genutzt, findet jedoch mehr und mehr den Einzug auf aktuelle Webseiten.

    Abbildung zu Breadcrumb Navigation
    Breadcrumb Navigation