Basculement entre div divs au lieu de deux liens
Pour chaque entité de mon site, j'ai une section "conjointe" (~ 30%) et une sous-section (~ 70%) qui comporte deux options différentes, ce qui signifie que je n'en affiche qu'une à la fois. Actuellement, j'ai deux liens différents sur la même entité, avec une sous-section différente. Il existe un menu à bascule qui permet de passer d’un lien à l’autre.
Le problème de référencement que je vois ici, c’est que lors de la recherche d’une entité, les moteurs de recherche auront deux pages concurrentes de mon site, au lieu d’une page mieux classée.
Je comprends que la meilleure solution serait de créer une page comportant les deux sous-sections, mais c’est une tâche UX difficile. La solution sur laquelle je veux des conseils consiste à pré-charger les deux sous-sections, en rendant une sous-section 'masquée' et en basculant entre elles dans le menu (au lieu de la modifier), et de le mentionner avec un # dans l'URL.
Étant donné que cette bascule est en train de changer la majeure partie de la page (~ 70%), Google Index indexerait-il les deux sous-sections? Cela devrait-il améliorer le référencement?
De nos jours, il est tout à fait correct de cacher des éléments pour que les pages soient plus lourdes, mais aussi litre en même temps. En fait, cela permet une expérience plus riche.
Google comprenddisplay:none elements et tient compte de ce contenu lors de l’établissement des classements. Tant que vous avez du code JavaScript qui affiche gracieusement le contenu au clic ou à tout autre événement, aucun problème.
Si vous vous souciez de l'UX, alors vous pourriez aussi vous soucier de l'accessibilité, si tout le monde a JavaScript activé, vous pouvez toujours rendre ce contenu visible à tout moment si JS est désactivé - ce qui rend votre site plus accessible.