Ich würde gerne eine Website mit voller Ajax-Navigation entwickeln, aber das bedeutet, dass Benutzer nicht teilen, Lesezeichen setzen oder direkt zu bestimmten Inhalten gehen können.
Ich bemerkte einige Websites ( Google Mail , Thesixtone ) , Youtube ) verwenden Hash-Tags, um benutzerdefinierte URLs für unterschiedliche Seitenkonfigurationen zu erstellen. Wie heißt diese Technik und wie kann ich das umsetzen?
Loon in JQuery Adresse. Ссылка
Das macht genau das, wovon du sprichst. Da Sie jedoch gefragt haben, was # in benutzerdefinierten URLs bedeutet, gehe ich davon aus, dass Sie ziemlich neu sind. JQuery Adresse wird zunächst einschüchternd, aber es ist wirklich ziemlich einfach. Sie sollten JQuery auch für alle Ihre Ajax-Handhabung verwenden.
# ist ein Anker-Tag. Wenn Sie <a name="list">This is an anchor tag</a> verwenden und dann #list zur URL hinzufügen, springt die Seite zum Tag a, wo name = list.
Ich habe den Hash-Bang-Ansatz für eine vollständig ajaxgesteuerte Anwendung mit SEO verwendet. Aus meiner Erfahrung würde ich sagen, dass es eine sehr zuverlässige Methode für Webbrowser und Smartphone-Browser ist.
Hier ist mein Ansatz. Zur Vereinfachung des Codes verwende ich Jquery / Zepto-Code
Wenn Sie eine andere Ajax-Seite laden müssen, ändern Sie einfach den URL-Hash mit Javascript.
%Vor%Dann wird ein Hash-Änderungsereignis von javascript ausgelöst
%Vor%Behandeln Sie dieses Ereignis mit der loadPage-Funktion
%Vor%Auf diese Weise können Sie eine Seite laden, indem Sie die URL eingeben und auch den Link verwenden.
Jetzt der SEO Teil. Google und andere große Suchmaschinen haben eine Möglichkeit entwickelt, eine Ajax-basierte Website zu crawlen. Wenn du benutzt #! In deiner URL wird Google die # ersetzen! Teil mit '? _escaped_fragment_' und fragt Sie nach Inhalt. zum Beispiel
www.yoursite.com / #! page1 wird in www.yoursite.com /? _ escaped_fragment_ = page1
konvertiertAlles, was Sie tun müssen, ist, das _escaped_fragment_ als GET-Parameter abzufangen. Wenn Sie PHP verwenden, wird der Code wie
sein %Vor%Sie können den HTML-Seitentitel und die Beschreibung für jede Seite auch einzeln festlegen, indem Sie das _escaped_fragment _
abfangenAuf einer separaten Notiz können Sie URL in sozialen Medien mit # teilen! auch. Es wird als regulärer Link mit Hilfe von _escaped_fragment _
geparstIch hoffe, dass dieser Ansatz Ihnen helfen wird, alle Probleme zu behandeln.
Tags und Links ajax url navigation