site-web-multi-langue – Howto – w3architect.com

Site Web multi-langue

Il est souvent souhaitable, pour des raison d’audience internationalle de réaliser un site Web en plusieurs langues (par exemple Français/Anglais). Outre les problèmes évidents de traduction cela pose des problèmes de conception et de gestion du site.

Structuration et hébergement

Architecture par domaines ou sous domaines

Exemple d’implementation : wikipédia

en.wikipedia.org : version Anglaise

fr.wikipedia.org : version Française

es.wikipedia.org : version Espagnole

etc…

Architecture par répertoire

Exemple d’implémenation : apple.com

www.apple.com : version US

www.apple.com/fr/ : version Française (redirigé depuis www.apple.fr)

www.apple.com/es/ : version Espagnole (redirigé depuis www.apple.es)

Architecture mixte (sous domaine / répertoires)

Exemple palm.com

www.palm.com/br/ : palm brazil

www.palm.com/ca/ : palm canada

euro.palm.com/fr/ : palm france

euro.palm.com/es/ : palm espagne

Architecture sous forme d’arborescence unique

Exemple d’implémenation : afromix.org

www.afromix.org/html/musique/index.en.html : version Anglaise

www.afromix.org/html/musique/index.fr.html : version Française

www.afromix.org/html/musique/index.es.html : version Espagnole

Gestion dans le HTML

Les fichiers seront appelés :

index.fr.html : pour une page en français,

index.en.html : pour une page en Anglais,

index.es.html : pour une page en Espagnol, etc

On peut définir la langue utilisée au niveau de l’entete du document.

<HTML lang= »fr »>

<HEAD>

<META HTTP-EQUIV= »Content-Type » CONTENT= »text/html; charset=ISO-8859-1″>

<META HTTP-EQUIV= »Content-Language » CONTENT= »fr »>

<TITLE>Page en français</TITLE>

</HEAD>

<HTML lang= »en »>

<HEAD>

<META HTTP-EQUIV= »Content-Type » CONTENT= »text/html; charset=ISO-8859-1″>

<META HTTP-EQUIV= »Content-Language » CONTENT= »en »>

<TITLE>English page</TITLE>

</HEAD>

Gestion au niveau du serveur

Exemple de configuration d’un serveur virtuel sur Apache

<VirtualHost 194.3.210.28>

ServerName www.afromix.org

DocumentRoot /usr1/www.afromix.org/docs

ScriptAlias /cgi-bin/ /usr1/www.afromix.org/cgi-bin

ErrorLog /usr1/www.afromix.org/logs/error.log

CustomLog /usr1/www.afromix.org/logs/access.log combined

#

# Allow content negotiation with MultiViews

#

<Directory /usr1/www.afromix.org/docs>

Options Indexes FollowSymLinks MultiViews

DirectoryIndex index index.fr.html index.en.html index.es.html

</Directory>

#

# Supported languages and priority

#

AddLanguage en .en

AddLanguage fr .fr

AddLanguage es .es

LanguagePriority fr en es

</VirtualHost>

viasite-web-multi-langue – Howto – w3architect.com.