2010-06-02 1 views
5

Ich möchte eine kleine Website codieren, die mehrere Abschnitte wie "Home", "Gallery", "Contact Us", "FAQs" usw. enthält.Was sind die Vor- und Nachteile einer Website, die eine einzelne Seite enthält?

Ich dachte, dies in einem HTML zu tun, indem jeder Abschnitt in eine div und zeigen Sie nur eine div pro Zeit (mit Javascript/jQuery), basierend auf der gewählten Menü-Taste.

Alternativ könnte ich eine separate HTML-Seite pro Abschnitt erstellen und diese Seiten mit den Menüschaltflächen verknüpfen.

Was sind die Vor- und Nachteile dieser beiden Methoden?

Antwort

4

Die erste Methode bedeutet längere Ladezeiten, da Sie alles auf der Website im Voraus laden müssen, und es ist völlig kaputt für Leute, die Javascript deaktiviert haben oder deren Browser es nicht unterstützen. Die zweite Methode bedeutet, dass der Benutzer nur den Inhalt laden muss, den er tatsächlich betrachtet, und es sollte sogar mit Nicht-Javascript-Browsern funktionieren.

+0

+1 zusätzlich individuelle ‚Abschnitte‘ nicht ein Lesezeichen erstellt werden, ohne etwas unnötig, gewundenen Javascript zu schreiben. – karim79

+0

Ich stimme nicht zu, da es #anchors :) – dzen

+2

@dzen, wenn Sie einen Link zu einem #anchor folgen, wenn das div versteckt ist, sehen Sie nichts? –

0

Der Vorteil der Methode wäre die Geschwindigkeit, bei der Navigation brauchen Sie keinen Hin- und Rückweg zum Server.

Es hat auch ein paar Nachteile, die wichtigsten sind; Sie können nur auf die Startseite verlinken, nicht direkt auf die Seite "about", da sie keine separate URL hat.

Die Zurück-Schaltfläche im Browser des Benutzers funktioniert nicht mehr.

0

Die Vorteile der Javascript-Lösung sind hauptsächlich, dass Sie die Seite nicht neu laden müssen, die für den Benutzer sehr nett ist.

Auf der anderen Seite haben Sie die Besucher mit Javascript deaktiviert, die nicht in der Lage sein werden, die verschiedenen Seiten zu laden. Sie können auch nicht mit den Hin- und Her-Schaltflächen des Browsers über Javascript-Seiten navigieren.

Das letzte, was ich sehe, ist, dass Ihr Code chaotisch werden könnte, wenn Sie nicht sehr vorsichtig und organisiert sind.

+0

Ich denke, dass heute fast jeder Javascript aktiviert hat. Habe ich recht ? –

+0

Ja, das ist der Fall, aber zum Beispiel in meinem Büro gibt es einige seltsame Sicherheitsplocies und wegen dieser gibt es ziemlich viel blockiertes Javascript, das nicht funktioniert. Aber im Allgemeinen würde ich sagen, dass die meisten Browser hs aktiv sind. – Matschie

+1

Ich glaube eigentlich, dass dank Browser-Erweiterungen wie NoScript wahrscheinlich * weniger * Leute mit JavaScript aktiviert sind als noch vor ein paar Jahren. – kibibu

0

SEO für eine Sache - Googlebot wird wahrscheinlich nur die Homepage indizieren, und Ihre anderen Seiten werden für Suchmaschinen effektiv unsichtbar sein.

+0

Ich würde sagen, wenn er Anker zum Anzeigen/Verbergen von Inhalten verwendet, wäre er von dieser Situation betroffen. –

+0

@Claudio - Guter Punkt, aber Sie verlieren immer noch etwas, indem Sie auf einer einzelnen Seite einen riesigen Durcheinander von nicht verwandten Inhalten haben. Außerdem ist Google ziemlich gut darin, jeden "versteckten" Inhalt auf einer Seite herauszufiltern, um Keyword-Spamming zu verhindern (z. B. ein verstecktes div mit vielen Keywords, das auf Ihrer Seite nicht wirklich sichtbar ist). So kann das Filtern auch seine Seite verletzen - obwohl Keyword Spamming nicht seine Absicht ist. –

2

Die wichtigsten Nachteile, die für das erste Verfahren in den Sinn kommt, sind:

  • Schlechte SEO: Google wird nur Ihre Homepage sehen, wie Google bot kein Javascript ausführen.
  • Zurück/Vorwärts-Tasten funktionieren nicht.
  • dauert länger zu laden.
  • Als Standort größer wird, würde es mehr Speicher benötigen und könnte den Browser verlangsamen und sogar die Maschine