回答編集履歴
7
typo修正
test
CHANGED
@@ -98,7 +98,7 @@
|
|
98
98
|
|
99
99
|
|
100
100
|
|
101
|
-
前述
|
101
|
+
前述の前景/背景に関しては、それがコンテンツかどうかで決まります。
|
102
102
|
|
103
103
|
**重要なコンテンツは前景(img要素)で現し、コンテンツでない画像(表示されなくても支障がない画像)は背景(background-image)で現します。**
|
104
104
|
|
6
背景
test
CHANGED
@@ -100,7 +100,7 @@
|
|
100
100
|
|
101
101
|
前述と前景/背景に関しては、それがコンテンツかどうかで決まります。
|
102
102
|
|
103
|
-
**重要なコンテンツは前景(img要素)で現し、コンテンツでない画像(表示されなくても支障がない画像)は背景で現します。**
|
103
|
+
**重要なコンテンツは前景(img要素)で現し、コンテンツでない画像(表示されなくても支障がない画像)は背景(background-image)で現します。**
|
104
104
|
|
105
105
|
CSS3 には次の注記があります。
|
106
106
|
|
5
「テキストブラウザで確認する」と「前景と背景」を追記
test
CHANGED
@@ -78,4 +78,52 @@
|
|
78
78
|
|
79
79
|
|
80
80
|
|
81
|
+
### テキストブラウザで確認する
|
82
|
+
|
83
|
+
|
84
|
+
|
85
|
+
`text-indent` の手法は「テキストブラウザ/音声ブラウザで閲覧した場合にCSSが無効化されるが故にテキストコンテンツとして表示される」という特徴があり、当初は良い手法であるとする意見がありました。
|
86
|
+
|
87
|
+
しかし、Google がそれを否定した事で「テキストブラウザで閲覧可能 === OK」の概念は覆りました。
|
88
|
+
|
89
|
+
Googleは[隠しテキストと隠しリンク - Search Console ヘルプ](https://support.google.com/webmasters/answer/66353)で次のように説明しており、テキストブラウザで確認する事は現在でも必要条件の一つですが、それが全てではありません。
|
90
|
+
|
91
|
+
|
92
|
+
|
93
|
+
> サイトのアクセシビリティは、ブラウザで JavaScript、Flash、画像をオフにしたり、Lynx(リンク先は英語)などのテキスト ブラウザを使用したりすることで確認できます。
|
94
|
+
|
95
|
+
|
96
|
+
|
97
|
+
### 前景と背景
|
98
|
+
|
99
|
+
|
100
|
+
|
101
|
+
前述と前景/背景に関しては、それがコンテンツかどうかで決まります。
|
102
|
+
|
103
|
+
**重要なコンテンツは前景(img要素)で現し、コンテンツでない画像(表示されなくても支障がない画像)は背景で現します。**
|
104
|
+
|
105
|
+
CSS3 には次の注記があります。
|
106
|
+
|
107
|
+
|
108
|
+
|
109
|
+
- [CSS Backgrounds and Borders Module Level 3 (日本語訳)](https://triple-underscore.github.io/css-backgrounds-ja.html#the-background-image)
|
110
|
+
|
111
|
+
|
112
|
+
|
113
|
+
> 注記: CSS においては、 content プロパティにより,スタイル的な前景画像を提供し得る。 (意味論的に重要な前景画像は、文書マークアップを通して提供されるべきである — 例えば HTML の img タグなど。)
|
114
|
+
|
115
|
+
|
116
|
+
|
117
|
+
SEO対策以前の前提として、HTML/CSSの仕様に準拠した書き方をする必要があります。
|
118
|
+
|
119
|
+
|
120
|
+
|
121
|
+
### 更新履歴
|
122
|
+
|
123
|
+
|
124
|
+
|
125
|
+
- 2017/07/20 0:22 「テキストブラウザで確認する」と「前景と背景」を追記
|
126
|
+
|
127
|
+
|
128
|
+
|
81
129
|
Re: landy77 さん
|
4
表現の修正
test
CHANGED
@@ -74,7 +74,7 @@
|
|
74
74
|
|
75
75
|
私はこの手法の問題は、`text-indent` でテキストを画面領域外に飛ばす事で、「背景画像を前景であるかのように扱っている事」にあると考えています。
|
76
76
|
|
77
|
-
機械的に判断すれば、**必要なはずのコンテンツ(テキスト)を領域外に飛ばし、無くても良いはずの背景画像を残す行為は明らかにおかしい**のでスパム
|
77
|
+
機械的に判断すれば、**必要なはずのコンテンツ(テキスト)を領域外に飛ばし、無くても良いはずの背景画像を残す行為は明らかにおかしい**のでスパム行為と判定されるのは自然だと思います。
|
78
78
|
|
79
79
|
|
80
80
|
|
3
markdown修正
test
CHANGED
@@ -74,7 +74,7 @@
|
|
74
74
|
|
75
75
|
私はこの手法の問題は、`text-indent` でテキストを画面領域外に飛ばす事で、「背景画像を前景であるかのように扱っている事」にあると考えています。
|
76
76
|
|
77
|
-
機械的に判断すれば、**必要なはずのコンテンツ(テキスト)を領域外に飛ばし、無くても良いはずの背景画像を残す行為
|
77
|
+
機械的に判断すれば、**必要なはずのコンテンツ(テキスト)を領域外に飛ばし、無くても良いはずの背景画像を残す行為は明らかにおかしい**のでスパム違反と判定されるのは自然だと思います。
|
78
78
|
|
79
79
|
|
80
80
|
|
2
markdown修正
test
CHANGED
@@ -72,9 +72,9 @@
|
|
72
72
|
|
73
73
|
|
74
74
|
|
75
|
-
私はこの手法の問題は、`text-indent` でテキストを画面領域外に飛ばす事で、
|
75
|
+
私はこの手法の問題は、`text-indent` でテキストを画面領域外に飛ばす事で、「背景画像を前景であるかのように扱っている事」にあると考えています。
|
76
76
|
|
77
|
-
機械的に判断すれば、
|
77
|
+
機械的に判断すれば、**必要なはずのコンテンツ(テキスト)を領域外に飛ばし、無くても良いはずの背景画像を残す行為**は明らかにおかしいのでスパム違反と判定されるのは自然だと思います。
|
78
78
|
|
79
79
|
|
80
80
|
|
1
markdown修正
test
CHANGED
@@ -16,7 +16,7 @@
|
|
16
16
|
|
17
17
|
|
18
18
|
|
19
|
-
> ### 重要なテキストを画像に埋め込まない
|
19
|
+
> #### 重要なテキストを画像に埋め込まない
|
20
20
|
|
21
21
|
> 重要なテキストを、リンク ページの見出しやメニュー項目などの要素の画像に埋め込まないでください。ユーザーによっては、その要素にアクセスできないことがあるからです。重要なテキスト ベースのコンテンツにすべてのユーザーが確実にアクセスできるようにするには、通常の HTML 内に記述してください。
|
22
22
|
|