|
|||
Mehrere Seiten dynamisch als One-Pager ausgeben
Hej Xhtml Commune,
ich bin gerade auf diese Seite hier gestoßen. Sehr clever gelöst, da sie von der User Experience (mit JS, also als One-Pager) sehr gut funktioniert als auch SEO freundlich (ohne JS) aufgebaut wurde. Kennt jemand ein Tutorial oder ein paar Quellen, wo dieser Aufbau mit jQuery beschrieben ist? Bin dankbar für jeden Ratschlag. MythTakes |
Sponsored Links |
|
||||
Was genau möchtest du wissen? Ich kann mir nicht vorstellen, dass es ein umfassendes Tutorial gibt, welches alle nötigen Bereiche dazu abdeckt.
Der Inhalt der einzelnen Navigationpunkte wird beim Laden der Seite per Ajax geholt und eingehängt. Die Navigationpunkte werden anhang der Scrollposition aktiviert und mittels pushState die URL verändert. Wahrscheinlich gibt es zumindest für Teile davon auch fertige Skripte, immerhin hast du jetzt ein paar Stichpunkte die dir hoffentlich weiterhelfen. |
Sponsored Links |
|
|||
Zitat:
|
|
|||
@inta
Würdest du diese Technik auch schon für eine eher konserative Zielgruppe einsetzen? Also bei der es noch häufiger vorkommt, dass sie mit dem IE unterwegs sind? Das alles per Polyfill zu regeln wäre mir in dem Fall zu heikel. |
|
|||
Zitat:
Ich mag One-Pager eigentlich sehr, nur dieser Punkt stört mich etwas. |
|
||||
Wer ist Seo? Ein Besucher deiner Seite?
Spaß beiseite, du baust die Seite für Nutzer, nicht für Suchmaschinen. Wenn du nicht gerade viele verschiedene Themen auf eine Seite packst sollte das keine negativen Auswirkungen haben. Und wenn du viele verschiedene Themen hast, ist ein One-Pager die falsche Wahl. Mit pushState hast du hier übrigens nur einen Vorteil solange der Crawler kein Javascript verteht. |
|
|||
Zitat:
Keine Angst, das sehe ich doch auch so. User Experience geht bei mir auch noch vor. Allerdings baue ich die Site auch für jemanden. Eine Person, die im Suchmaschinen-Ranking schon vorn liegen möchte. Aber meinen Rat (möglichst viel Inhalt und Unterseiten zu verwenden) abschlug. Nun wollte ich das so realisieren, um mir im Nachhinein zusätzlichen Ärger zu ersparen. Aber vielen Dank inta für deinen Support |
|
|||
Aber mir geht es da eigentlich nur um den von Google. Meines Wissens ignoriert der aber JS oder?
|
Sponsored Links |
|
||||
Zitat:
Du hast nur das Problem, dass pushState im IE < 10 nicht funktioniert und es dafür auch kein Polyfill gibt. Also entweder bekommen diese Nutzer einzelne Seiten zu sehen, oder einen One-Pager wo sich die URL nicht ändert (egal in welchem Abschnitt sie gerade sind). Du musst entscheiden wie wichtig dir das ist. Ich glaube ich würde bei deiner Zielgruppe die Hash-Variante bevorzugen. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
hintergrund wird abgeschnitten - 100% height..das alte uebel | skitt | CSS | 5 | 13.03.2012 21:28 |
Bücher zu verkaufen | Rupper | Offtopic | 2 | 08.07.2011 14:18 |
One Pager - Mini Portfolio | stravid | Site- und Layoutcheck | 4 | 04.02.2010 14:48 |
Bücher zu verkaufen | Geronimo | Offtopic | 4 | 16.05.2009 00:14 |
Liste im IE | StarSt0rm | CSS | 3 | 22.08.2007 21:04 |