質問編集履歴

3

修正

2022/07/31 02:37

投稿

Airi.
Airi.

スコア8

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,6 @@
1
+ ## SPA(vue.js2)のSEO対策の以下つの問題点を解決したい。
1
- ## SPA(vue.js2)で動的なメタタグを読み込ませたい
2
+ **1) SPA(vue.js2)で動的なメタタグを読み込ませたい
3
+ 2) vue-headだとディスクリプションが変わるたびに増えていくため、制御したい。**
2
4
 
3
5
  何卒よろしくお願いいたしますm(_ _)m
4
6
 
@@ -14,13 +16,19 @@
14
16
  [**こちらのサイト**](https://seocheki.net/site-check.php?u=https%3A%2F%2Fdev.yugyosen.com%2Fboats%2Flist%2Fhokkaido%2Fall)にURLを貼り付けると、読み込まれたメタタグ、ディスクリプションが表示されるのですが、検証ツール上では表示されているメタタグ(タイトル、ディスクリプション)がサイト上では表示されない。
15
17
 
16
18
  **SEO確認サイト上表示**
17
- 画像のLaravelと記載があるところに「北海道 | アプリ名」という動的に読み込まれた内容が入っていて欲しいのですが、
19
+ 画像のLaravelと記載があるところに「北海道 | アプリ名」という動的に読み込まれた内容が入っていて欲しいのですが、.envに設定している初期の値が反映されている。
20
+ (discriptionも値を渡しているので反映されて欲しい。)
18
21
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-31/ab4aebeb-28d7-4a93-8d11-aa8dd0a83f77.png)
19
22
 
20
23
  **検証ツール上の表示**
24
+ 1)メタタイトル
21
25
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-31/abf29bd9-083c-481d-832b-0cd9ca3d2ccc.png)
22
26
 
27
+ 2)ディスクリプション
28
+ vue-headだとディスクリプションが変わるたびに増えていってしまうという問題もあり、
29
+ こちらも合わせてご存知の方がいれば解決策を教えていただきたいです。
23
30
 
31
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-31/f92da784-5b3b-4302-8525-f231235039f1.png)
24
32
  ### 該当のソースコード
25
33
  **■ index.blade**
26
34
  ```php

2

追記

2022/07/31 02:29

投稿

Airi.
Airi.

スコア8

test CHANGED
File without changes
test CHANGED
@@ -8,6 +8,7 @@
8
8
  **■現状**
9
9
  **- ライブラリ**:vue-head
10
10
  動的にメタタグの変更はできるが、変更後のメタタグがSEOで読み込まれていない。
11
+ 必ずこれでなければいけないというわけではありませんので、おすすめのライブラリがございましたら、教えていただきたいです。
11
12
 
12
13
  **- 確認方法**
13
14
  [**こちらのサイト**](https://seocheki.net/site-check.php?u=https%3A%2F%2Fdev.yugyosen.com%2Fboats%2Flist%2Fhokkaido%2Fall)にURLを貼り付けると、読み込まれたメタタグ、ディスクリプションが表示されるのですが、検証ツール上では表示されているメタタグ(タイトル、ディスクリプション)がサイト上では表示されない。

1

画像を追加

2022/07/31 02:27

投稿

Airi.
Airi.

スコア8

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  ## SPA(vue.js2)で動的なメタタグを読み込ませたい
2
2
 
3
- 何卒よろしくお願いいたします
3
+ 何卒よろしくお願いいたしますm(_ _)m
4
4
 
5
5
  **■環境**
6
6
  Laravel, vue.js
@@ -11,6 +11,13 @@
11
11
 
12
12
  **- 確認方法**
13
13
  [**こちらのサイト**](https://seocheki.net/site-check.php?u=https%3A%2F%2Fdev.yugyosen.com%2Fboats%2Flist%2Fhokkaido%2Fall)にURLを貼り付けると、読み込まれたメタタグ、ディスクリプションが表示されるのですが、検証ツール上では表示されているメタタグ(タイトル、ディスクリプション)がサイト上では表示されない。
14
+
15
+ **SEO確認サイト上表示**
16
+ 画像のLaravelと記載があるところに「北海道 | アプリ名」という動的に読み込まれた内容が入っていて欲しいのですが、
17
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-31/ab4aebeb-28d7-4a93-8d11-aa8dd0a83f77.png)
18
+
19
+ **検証ツール上の表示**
20
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-31/abf29bd9-083c-481d-832b-0cd9ca3d2ccc.png)
14
21
 
15
22
 
16
23
  ### 該当のソースコード