[RÉGLÉ] Comment faire une One Page avec le Gantry 5 Framework?

[dolnar]

Bonjour à tous et à toutes,

Je voudrais réaliser une one page avec le framework Gantry 5. Mais je galère vraiment la dessus . Sauriez vous comment faire pour afficher tous mes articles en une seule page avec des points d'ancrage pour chaque rubrique, une galerie d'images, un formulaire de contact plus une google map sur la gauche de mon formulaire en footer.

J'ai un modèle de site qui me sert de référence : www.loopingcommunication.eu

Si vous pouvez m'orienter sur des tutoriels de conception de site one page avec le framework gantry 5, je suis tout oui.

Amicalement,
Dolnar.

[dolnar]

Re : Comment faire une One Page avec le Gantry 5 Framework?

Dois-je créer un article qui va contenir tout mes éléments textes, images, formulaire et l'api google map? Si oui, comment y importer mon formulaire et l'api google map ainsi qu'une galerie d'images?

[ghazal]

Re : Comment faire une One Page avec le Gantry 5 Framework?

Salut,
puisque tu es demandeur,
aucune idée de ce que ça vaut, mais j'ai justement trouvé ce tuto ce matin :
TUTO Concevoir avec Gantry 5 et le CMS Joomla un site onepage avec effet Parallaxe avec Joomla 3.4 sur Tuto.com -> http://fr.tuto.com/joomla/concevoir-...mla,63411.html
Pour 7€.

[ced1870]

Re : Comment faire une One Page avec le Gantry 5 Framework?

Salut
j'aurais envie de proposer un petit plugin gratuit de scroll

https://www.joomlack.fr/extensions-joomla/scroll-to-ck

tu peux l'utiliser avec n'importe quel menu, tu ajoutes la classe CSS à tes liens
ensuite dans ta page, il faut effectivement créer les ancres (ici ID html). Soit dans un article, manuellement, ou alors tu peux utiliser des zones de la page existante, meme du template

Le plugin utilise les ID html des éléments comme ancre, donc tu peux pointer un peu ce que tu veux. En utilisant Firebug tu peux récupérer les ID des éléments du template par exemple

CEd

[PhilJ]

Re : Comment faire une One Page avec le Gantry 5 Framework?

Bonjour,

Je voudrais réaliser une one page avec [...]

Pour information ou pour rappel : une page unique implique un poids souvent élevé et donc un temps de chargement long. Plus généralement, le référencement d'un site one page est particulièrement difficile. On ne recommande généralement cette solution que pour des sites événementiels ou des sites satellites.

Il existe toutefois des solutions mixtes, avec une partie du site en 'one page' et l'autre avec des pages distinctes classiques. Par exemple, la galerie d'images et / ou le formulaire de contact et le plan de situation de l'entreprise peuvent faire l'objet de pages séparées du 'one page'. A mon sens, c'est une bien meilleure solution que la solution 100 % one page.

[dolnar]

Re : Comment faire une One Page avec le Gantry 5 Framework?

Bonjour,
Pour information ou pour rappel : une page unique implique un poids souvent élevé et donc un temps de chargement long. Plus généralement, le référencement d'un site one page est particulièrement difficile. On ne recommande généralement cette solution que pour des sites événementiels ou des sites satellites.

Il existe toutefois des solutions mixtes, avec une partie du site en 'one page' et l'autre avec des pages distinctes classiques. Par exemple, la galerie d'images et / ou le formulaire de contact et le plan de situation de l'entreprise peuvent faire l'objet de pages séparées du 'one page'. A mon sens, c'est une bien meilleure solution que la solution 100 % one page.

Ok, les sites One Page sont jolis à voir mais ne sont pas cool pour le référencement.
J'en prends note. Merci encore PhilJ

[PhilJ]

Re : Comment faire une One Page avec le Gantry 5 Framework?

Ok, les sites One Page sont jolis à voir mais ne sont pas cool pour le référencement.

Vouloir à tout prix mettre 20 pages dans une seule n'est pas une bonne idée, mais si la solution one page vous séduit — ce que l'on peut comprendre, la suggestion de Ced (http://forum.joomla.fr/showthread.ph...=1#post1111359) combinée avec un template Gantry pourrait bien fonctionner. Il suffira juste de ne pas mettre tous vos œufs dans le même panier / dans la même page .

[lesoutier]

Re : Comment faire une One Page avec le Gantry 5 Framework?

Les sites Onepage me rappellent furieusement les sites de la fin du XXème siècle (pas sur le plan esthétique) en pur html où à grand renfort d'ancres on faisait déja du onepage sans le savoir.

[ced1870]

Re : Comment faire une One Page avec le Gantry 5 Framework?

ouais, la mode, ça tourne. On reviendra bientot pour la 2e fois aux pattes d'eph' , et pour le design aux trucs tout bling bling qui bougent partout (qui a parlé parallax ? lol)

[dolnar]

Re : Comment faire une One Page avec le Gantry 5 Framework?

Effectivement de nos jours les sites one page sont à la mode, moyennant un temps de chargement relativement long en fonction du débit de la bande passante du visiteur. Mais quelles sont les raisons pour lesquelles le référencement est-il difficile? Je suis pas un expert du référencement web mais j'aimerais savoir ce qui le complique pour un site one page sous Joomla.

Amicalement,
Dolnar

[toffffe]

Re : Comment faire une One Page avec le Gantry 5 Framework?

Salut
Le temps de chargement d'un site est pris en compte pour le référencement d'un site web
Normalement il faut un sujet par page et optimiser toutes les zones chaudes de celles-ci
De nombreuses page égale de nombreuse porte d'entrée sur ton site
Les onepages sont des sites design, mais pas des sites de contenu

[PhilJ]

Re : Comment faire une One Page avec le Gantry 5 Framework?

Bonjour,

[...] temps de chargement relativement long [...]

On sait que Google prend modèle sur le visiteur lambda (le moteur comme clone du visiteur). Or, le visiteur — vous, moi — n'apprécie pas les pages web longues à charger. Or une page unique entassant tous les contenus est inévitablement plus lourde, donc plus longue à charger. Donc Google déprécie les sites one page, surtout si la page unique qui les constitue contient des médias — photos, vidéos... C'est la première raison, du moins une raison importante.

Mais quelles sont les raisons pour lesquelles le référencement est-il difficile? Je suis pas un expert du référencement web mais j'aimerais savoir ce qui le complique pour un site one page sous Joomla.

Comme le dit bien toffffe, une page unique est par nature « mêle tout » : on y trouve (de) tout — et dans un ordre plus ou moins logique et adapté à la hiérarchie attendue par les moteurs de recherche : une présentation de l'entreprise, une présentation du site, les différentes offres proposées, un formulaire de contact, un plan de situation, des mentions légales, des conditions d'utilisation et / ou de vente, etc. Impossible, avec ce dispositif, de dire quel est le sujet de la page puisque, par nature, il y en a plusieurs.

J'ajouterai que, par définition, puisqu'il n'y a qu'une seule page, les liens vers les contenus sont uniquement locaux (= ancres locales telles que #offre1, #offre2, #qui-sommes-nous, #contact, #mentions-legales, #cgv...) au lieu d'être internes mais distincts des pages sources (= maillage interne : /offre1, /offre2, /qui-sommes-nous, /contact, /mentions-legales, /cgv...). Or, les ancres locales ont, dans le meilleur des cas, peu de poids, et peut-être même aucun poids, alors que nous savons que les ancres des liens internes sont prises en compte et appréciées des moteurs de recherche.

De même, un site classique a plusieurs pages, donc plusieurs balises <title>, plusieurs <H1>, plusieurs balises meta <description>... Cette diversité permet aux différentes pages du site d'avoir une chance sur le plan du référencement en fonction des requêtes très diverses saisies par les internautes dans les moteurs de recherche.

Finalement, un site one page est une page unique contenant tout, et donc a une petite chance d'être présent une seule fois dans les SERP (les SERP = les pages de résultats des moteurs de recherche).


En résumé, s'il est difficile de référencer un site internet, il est encore plus difficile d'y parvenir avec un site one page où tous les contenus et tous les liens sont agglomérés.



Amicalement,

[PhilJ]

Re : Comment faire une One Page avec le Gantry 5 Framework?

Bonjour,


Composant découvert par hasard — et non testé : 'Onepage', décrit ici : https://extensions.joomla.org/extens...design/onepage. D'après la description, permet de transformer un site classique en site one page de façon partielle, ce qui pourrait constituer un compromis intéressant.

[dolnar]

Re : Comment faire une One Page avec le Gantry 5 Framework?

Merci à tous.