[Article] Ajax et le référencement

Bovino · 24/11/2010, 20h29

Marc Chappuis vous propose son premier tutoriel AJAX : Ajax et le référencement.

Dans cet article, vous comprendrez comment organiser ses pages AJAX de façon à permettre leur référencement et leur affichage correct.

N'hésitez pas à poster à la suite vos commentaires, remarques et encouragements.

à lui !

Ajax et le référencement

vermine · 25/11/2010, 08h07

Merci marcha pour cette idée à laquelle je n'aurais pas du tout pensé.

jpvincent · 25/11/2010, 09h52

pour ceux qui veulent voir ce que ce genre de technique donne sur un site live, (mais sans la gestion du # qui viendra)

couper javascript
aller sur http://www.timeofmylife.com
cliquer sur le lien login en haut à droite : le lien marche normalement, vous changez de page, vous pouvez même valider le formulaire, tout marche normalement
remettez javascript, retournez sur la home
cliquez sur le même lien login : ça ne change pas de page, ça ouvre le même formulaire à l'intérieur d'une fenêtre modale, vous pouvez valider le formulaire, ça ne recharge pas la page

derrière c'est bien sur le même PHP et Javascript qui sont exécutés, j'ai juste du construire un petit framework pour m'automatiser tout ça, par exemple la page normale est appellée comme ça :
http://www.timeofmylife.com/login-
et la même page pour inclusion dans un module est appelée comme ça :
http://www.timeofmylife.com/login-?standalone=true

Autre chose, à propos de la gestion du hash, Google a fait une proposition pour standardiser les URLs dites AJAX et améliorer le référencement :
http://code.google.com/intl/fr/web/a...ification.html

Elles sont reconnaissables grâce à #! au lieu du simple #, et sont déjà déployées sur Twitter

merci pour cet article

andry.aime · 28/11/2010, 19h00

Simple mais efficace

Tibo- · 24/03/2011, 18h42

Bonjour à tous,
J'aurai besoin d'un peu d'aide pour une légère modification du code.
Je souhaite appeler une page ("page4.html")qui se trouverait dans un dossier fragments/part1/, pour avoir ensuite une url du type "www.mondomaine.com#/part1/page4.html".
Ceci afin que ma page soit référençable.
J'espère avoir été clair ^^
Merci.

24/11/2010, 20h29	#1
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 789 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 789 Points : 35 781 Points : 35 781	Ajax et le référencement Marc Chappuis vous propose son premier tutoriel AJAX : Ajax et le référencement. Dans cet article, vous comprendrez comment organiser ses pages AJAX de façon à permettre leur référencement et leur affichage correct. N'hésitez pas à poster à la suite vos commentaires, remarques et encouragements. à lui ! Ajax et le référencement __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	10

25/11/2010, 08h07	#2
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 2 681 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mars 2008 Messages : 2 681 Points : 5 757 Points : 5 757	Merci marcha pour cette idée à laquelle je n'aurais pas du tout pensé. __________________ Elen Poukram - Isegoria - Sandawe
	00

25/11/2010, 09h52	#3
jpvincent Membre chevronné Inscription : février 2010 Messages : 120 Détails du profil Informations forums : Inscription : février 2010 Messages : 120 Points : 678 Points : 678	pour ceux qui veulent voir ce que ce genre de technique donne sur un site live, (mais sans la gestion du # qui viendra) couper javascript aller sur http://www.timeofmylife.com cliquer sur le lien login en haut à droite : le lien marche normalement, vous changez de page, vous pouvez même valider le formulaire, tout marche normalement remettez javascript, retournez sur la home cliquez sur le même lien login : ça ne change pas de page, ça ouvre le même formulaire à l'intérieur d'une fenêtre modale, vous pouvez valider le formulaire, ça ne recharge pas la page derrière c'est bien sur le même PHP et Javascript qui sont exécutés, j'ai juste du construire un petit framework pour m'automatiser tout ça, par exemple la page normale est appellée comme ça : http://www.timeofmylife.com/login- et la même page pour inclusion dans un module est appelée comme ça : http://www.timeofmylife.com/login-?standalone=true Autre chose, à propos de la gestion du hash, Google a fait une proposition pour standardiser les URLs dites AJAX et améliorer le référencement : http://code.google.com/intl/fr/web/a...ification.html Elles sont reconnaissables grâce à #! au lieu du simple #, et sont déjà déployées sur Twitter merci pour cet article
	00

24/03/2011, 18h42	#5
Tibo- Invité de passage Inscription : mars 2011 Messages : 4 Détails du profil Informations forums : Inscription : mars 2011 Messages : 4 Points : 2 Points : 2	Une question Bonjour à tous, J'aurai besoin d'un peu d'aide pour une légère modification du code. Je souhaite appeler une page ("page4.html")qui se trouverait dans un dossier fragments/part1/, pour avoir ensuite une url du type "www.mondomaine.com#/part1/page4.html". Ceci afin que ma page soit référençable. J'espère avoir été clair ^^ Merci.
	00

28/11/2010, 19h00	#4
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 127 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 127 Points : 7 271 Points : 7 271	Simple mais efficace
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email