質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

i18n

i18n(Internationalization)とは、ユーザーの国や文化によってソフトウェアの反応を変えることで国際化を図るテクニックやツールのことを言います。

SEO

SEO(Search Engine Optimization)は、検索エンジンでウェブページがランキング上位に上がるように工夫する様々なテクニックの事です。

Q&A

0回答

1516閲覧

サイトの多言語化にvue-i18nを使うにあたりSEO面でのデメリットはないか?

miyaken912

総合スコア15

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

i18n

i18n(Internationalization)とは、ユーザーの国や文化によってソフトウェアの反応を変えることで国際化を図るテクニックやツールのことを言います。

SEO

SEO(Search Engine Optimization)は、検索エンジンでウェブページがランキング上位に上がるように工夫する様々なテクニックの事です。

0グッド

0クリップ

投稿2020/09/04 08:05

編集2020/09/04 08:09

概要

Vue.js+LaravelでSPAのウェブサービスを構築しており、日本だけでなく海外ユーザー向けに、英語や中国語での多言語化を考えています。
その中で、vue-i18nというVue.js用のローカライズライブラリを使ってみようと思っているのですが、SEO面でデメリットがないか気になったので、詳しい方がいれば教えて頂けないでしょうか?

やりたいこと

vue-i18nは、メッセージ部分をjsonファイルとしてアプリから切り分けて、Component側でjsonファイルで定義したkeyを呼び出せば、ブラウザの言語設定にしたがって自動的にローカライズしてくれるようです。
簡単な使い方の説明についてはこちらのサイトを参考にさせて頂きました。

気になっていること

SEOについては全くの素人なのですが、少し調べた中で、多言語化サイトでSEOを考える際にはhreflangの設定が重要と聞きました。
しかし、vue-i18n自体はhreflangを設定しているようには見えず、またSPAのためhreflangアノテーション内に記載するhrefのURLも同じになってしまう気がします。

この点は、SEO上問題はないのか、また問題があるとしたら回避するにはどのような方法があるのか、気になったので詳しい方がいればご教示お願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問