質問編集履歴
6
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|
5
文章の抜けを修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
|
-
しかし例1では`<random-message>`JavaScript
|
|
31
|
+
しかし例1では`<random-message>`の中身をJavaScriptを使って動的に中身を生成することになるため、直感的にSEOに弱いと感じます。
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
4
Custom Elementsをコンポーネントに変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
**例1: innerHTMLの存在しない
|
|
1
|
+
**例1: innerHTMLの存在しないコンポーネント**
|
|
2
2
|
|
|
3
3
|
```html
|
|
4
4
|
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
**例2: innerHTMLが存在する
|
|
11
|
+
**例2: innerHTMLが存在するコンポーネント**
|
|
12
12
|
|
|
13
13
|
```html
|
|
14
14
|
|
3
わかりやすく修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
**例1: innerHTMLの存在しないCustom Elements**
|
|
2
|
+
|
|
3
|
+
```html
|
|
4
|
+
|
|
5
|
+
<random-message>
|
|
6
|
+
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
**例2: innerHTMLが存在するCustom Elements**
|
|
12
|
+
|
|
1
13
|
```html
|
|
2
14
|
|
|
3
15
|
<random-message>
|
|
@@ -12,16 +24,16 @@
|
|
|
12
24
|
|
|
13
25
|
|
|
14
26
|
|
|
15
|
-
Web ComponentではShadow DOMを利用することで見た目を変更できるためJavaScriptで`shadowRoot.innerHTML`の内容自由に書き換えることができます。つまり
|
|
27
|
+
Web ComponentではShadow DOMを利用することで見た目を変更できるためJavaScriptで`shadowRoot.innerHTML`の内容自由に書き換えることができます。つまり例2のようにする必要はなく、例1のように`<random-message>`タグのみサーバに吐かせて、あとはJavaScriptに任せれば良いでしょう。
|
|
16
28
|
|
|
17
29
|
|
|
18
30
|
|
|
19
|
-
しかし
|
|
31
|
+
しかし例1では`<random-message>`JavaScriptで動的にShadow DOMに対して中身を生成することになるため、直感的にSEOに弱いと感じます。
|
|
20
32
|
|
|
21
33
|
|
|
22
34
|
|
|
23
|
-
そこで、SEOの対象にしてほしい内容を
|
|
35
|
+
そこで、SEOの対象にしてほしい内容を例2のように<random-message>の中に記述するようサーバで出力するようにした場合、それはSEOの捜査対象となるのでしょうか？
|
|
24
36
|
|
|
25
37
|
|
|
26
38
|
|
|
27
|
-
つまり
|
|
39
|
+
つまり例2は例1よりもSEOの観点から意味がありますでしょうか？
|
2
言い回しを変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
しかし
|
|
19
|
+
しかし上記のように`<random-message>`タグの中身を出力しない場合、JavaScriptでShadow DOMに対して中身を生成することになるため、直感的にSEOに弱いと感じます。
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
そこで、SEO
|
|
23
|
+
そこで、SEOの対象にしてほしい内容を上記HTMLのように<random-message>の中に記述するようサーバサイドで出力するようにした場合、それはSEOの捜査対象となるのでしょうか？
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
1
わかりやすく修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,12 +12,16 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
Web ComponentではShadow DOMを利用することで見た目を変更できるためJavaScriptで`shadowRoot.innerHTML`の内容自由に書き換え
|
|
15
|
+
Web ComponentではShadow DOMを利用することで見た目を変更できるためJavaScriptで`shadowRoot.innerHTML`の内容自由に書き換えることができます。つまり上記のように`<random-message>`タグの中身をサーバに吐かせる必要はありません。
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
しかし、
|
|
19
|
+
しかし、`<random-message>`タグの中身を出力しない場合、JavaScriptでShadow DOMに対して中身を生成するため、直感的にSEOに弱いと感じます。
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
そこで、SEO捜査対象にしてほしい内容を上記HTMLのように<random-message>の中に記述した場合
|
|
23
|
+
そこで、SEO捜査対象にしてほしい内容を上記HTMLのように<random-message>の中に記述した場合、それはSEOの捜査対象になるのでしょうか？
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
つまりCustom ElementsのinnerHTML、つまり<p>タグの中身はSEOの観点から意味がありますでしょうか？
|