Multilingue sur site Web statique avec le côté client i18next

Question

J'ai créé un site Web avec HTML, CSS et Javascript sans utiliser de CMS, donc tout est statique. On m'a demandé de faire de ce projet un site web multilingue (la langue actuelle et l'anglais). Maintenant, je cherche un bon moyen de mettre en œuvre toutes les traductions. J'ai vu une solution simple avec i18next en utilisant JavaScript côté client, mais je me demande si cela n'est pas dangereux pour le référencement (l'URL ne change pas lors de la sélection d'une autre langue) et s'il y a une meilleure solution pour cela.

https://github.com/dwkns/i18next-translation-tutorial

Answer 1

contenu caché ne peut pas être lu par les moteurs de recherche. Il est préférable d'avoir deux versions du site entier dans les sous-dossiers. Si vous voulez vraiment le faire avec javascript, essayez de mettre les deux contenus visibles en html (les utilisateurs sans javascript devraient voir les deux), puis avec javascript cacher l'un d'eux après le chargement de la page. Mais je suggère la première approche, c'est plus réaliste.

source Tout sur google faire ceci: https://www.freshegg.co.uk/blog/technical-seo/google/how-does-google-treat-hidden-content

Answer 2

Aucun problème avec cela. Google et d'autres moteurs de recherche exécutent javascript en tant que navigateurs d'utilisateurs. Il suffit d'ajouter quelques liens afin que google puisse découvrir les pages dans une autre langue (non seulement l'autodétection)

Le seul inconvénient que vous avez actuellement sont les routes ne sont pas traduites mais qui pourraient être résolus, par exemple. https://github.com/i18next/i18next-express-middleware#add-localized-routes