Q&A
タグが「JavaScript」「HTML」「CSS」となっていますが、今のサイト構造は「HTMLファイルを作って置く」というもので間違いないでしょうか。
多言語対応のページをつくっています。
日本語と英語です。
各ページ内でENGLISHとJAPANESEの言語切替ボタンをクリックすると文字と一部の画像がその言語用に切り替わるページを作りました。
（glottologist.jsというJSプラグインを使い、言語変更するとJSONファイルに記述した日本語と英語の文章を使ってHTMLの文章をその言語へと表示を切り替えるものです。）
しかし、調べてみるとSEO的には言語ごとにURLを変更する必要があるようです。
今のサイトの都合上、サブドメインではなく
○△○△.com（日本語） ○△○△.com/en（英語）
のようなURLにしようと思っています。
この場合、ディレクトリ/enにほぼ同じファイルを置いて、
日本語のページで言語切替ボタンを押すと/enの同じページに飛ばし、言語変更処理をさせれば良いのでしょうか？
例えばHTMLやCSSでデザインをいじる度にほぼ同じものを/enに配置するのはスマートではないので、何か効率の良い方法があると思うのですが、この場合どうすれ良いでしょうか？
（検索をして、URLを分けるとか、<link re="altrenate" hreflang="x">アノテーションをつける等の解説は出てきたのですが、自分のケースの場合に実際にどのように組むのか調べても見つけられませんでした）
テキストが埋め込まれた画像なども言語毎に準備しているということでしょうか？
それとも同じですか？
>間違いないでしょうか。
間違いないです。消しときますね。
>同じですか？
画像は同じです。
多言語対応する文字はすべてテキストにしました。
sample.comは実在のサイトなので例示ドメイン（example.comなど）をご利用ください。
回答1件
2
ベストアンサー
私であればサーバーサイドの言語のフレームワークを利用します。
例えばPHPのフレームワークLaravelなど。
言語毎に言語用メッセージファイルですとか、データベースにテキスト情報を持つのは必須です。
URLによって言語モードを切り替え、言語ファイルやデータを取得して表示する形です。
これでしたら画面用のHTMLコードですら1つで済みます。
※もちろんPHPやLaravelを覚える必要はありますが。
投稿2019/05/28 02:01
総合スコア80888
>URLによって言語モードを切り替え、言語ファイルやデータを取得して表示する形です。
なるほど、URLから判別して切り替えるのですね。
ちなみにその方法だと、/enディレクトリにHTMLファイルを配置もしなくて良いのでしょうか？
フレームワークのルーティングとはそういうものです。
URLによって呼び出す機能を決定して読むこむようにします。
プログラムの実体は（CSSやJS、画像などを除いて）ブラウザからアクセスできる場所には置きません。
例を言うとteratailですね。
利用しているフレームワークは私が提示したLaravelではないですが、この質問のURL
/questions/191719
実際にquestionsというディレクトリは存在しませんしもちろん191719という名前のディレクトリも存在しません。
questionsという機能からID：191719の情報を取得するようにPHPから指示して取得した情報をテンプレートファイルに書き込んでいるだけです。
ご教示いただき,ありがとうございます.
あなたの回答
tips
プレビュー
