回答編集履歴
1
わかりやすく修正
test
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
おっしゃるようにHTMLは分けない方がSEO対策的に良いですし、URLも同一のものの方が望ましいです。
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
ただ、画面サイズによって切り分ける、その切り分け方に問題があるように思います。
|
|
4
4
|
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
ページ全体のデザインが分かれる場合でも、
|
|
8
|
+
|
|
5
|
-
|
|
9
|
+
同一HTML上にPC用表示、スマホ用表示を置くことに基本的には問題はありません。
|
|
10
|
+
|
|
11
|
+
ですが、重いページになると表示が遅くなったりして良くありません。
|
|
6
12
|
|
|
7
13
|
|
|
8
14
|
|
|
@@ -10,11 +16,19 @@
|
|
|
10
16
|
|
|
11
17
|
それをCSSで振り分けようとしているように見受けられます。
|
|
12
18
|
|
|
19
|
+
これでは実際に表示する内容の2倍の記述が必要になります。
|
|
20
|
+
|
|
21
|
+
つまり、表示に倍の時間がかかります。
|
|
22
|
+
|
|
23
|
+
これは**SEO対策的にも、閲覧者に対しても大きなマイナス**です。
|
|
24
|
+
|
|
25
|
+
また、全く同じ文章が繰り返されるのはやはりSEO対策的にお奨めできません。
|
|
13
26
|
|
|
14
27
|
|
|
15
|
-
表示する内容がほぼ同じでデザインだけが全く違うのでしたら、
|
|
16
28
|
|
|
29
|
+
**表示する内容がほぼ同じでデザインだけが全く違うのでしたら、
|
|
30
|
+
|
|
17
|
-
CSSでデザインを切り替えてみてはいかがでしょうか。
|
|
31
|
+
CSSでデザインを切り替えてみてはいかがでしょうか。**
|
|
18
32
|
|
|
19
33
|
HTML内で内容をブロックごとに分け、名前を付けます。
|
|
20
34
|
|
|
@@ -30,7 +44,7 @@
|
|
|
30
44
|
|
|
31
45
|
<div class=block id="block2">
|
|
32
46
|
|
|
33
|
-
<img width="690" height="500" src="http:hogeho
|
|
47
|
+
<img width="690" height="500" src="http:hogehoge.com/image/hoge.jpg" class="image_class">
|
|
34
48
|
|
|
35
49
|
<p ID="hoge">
|
|
36
50
|
|
|
@@ -116,6 +130,12 @@
|
|
|
116
130
|
|
|
117
131
|
```
|
|
118
132
|
|
|
133
|
+
もちろんPC、又はスマホのみに表示させる部分についてはdisplay: none;で表示を制御します。
|
|
134
|
+
|
|
135
|
+
**基本的にHTML内には内容を記述、装飾はCSSでする、と考えておけば問題ありません。**
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
|
|
119
139
|
順番を入れ替える方法については
|
|
120
140
|
|
|
121
141
|
|
|
@@ -125,3 +145,7 @@
|
|
|
125
145
|
|
|
126
146
|
|
|
127
147
|
がわかりやすいかと思います。
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
この方法でしたら**PCとスマホでデザインを完全に変えることができ、SEO対策的にもマイナスにはならない**はずです。
|