h1タグに画像を挿入したい場合、画像を背景処理してテキストを飛ばして画面から見えなくする。
という方法がありますが、これはスパム扱いされる。ということも聞きます。
それならば、小細工なしに画像にalt指定をする方法を取る方がいいのでしょうか。
下記の3パターンのうち、皆さんはどれが最良の方法だと思われますか?
皆さんのご意見をお願い致します。
(1)画像にalt
こちらは一番ノーマルなやり方だと思います。
ただ、altタグはSEOを考えた場合、あまり意味がないと聞きます。
もちろん、アクセシビリティ的には必要ですが。
(2)text-indent:-9999px;
こちらは一番流行った?やり方だと思います。
ですが、一部ではスパム扱いされる、と言う方や、
背景にした画像とテキスト表記が同じであれば大丈夫という方もいます。
ホントのところはどうなんでしょう?
(3)position:absolute;
こちらは(2)と似たやり方で、画面の外にテキストを飛ばしてしまうというやり方。
スパム扱いされるとそれほど聞きませんがどうなんでしょう?
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
自分は2番の方法でやっています。
スパムと判断された事無いですね。
どのやり方でも、ちゃんと目的があってやっていれば問題はありませんね。
> altタグはSEOを考えた場合、あまり意味がない
alt要素は画像が見えないときの為のものであって、SEO目的に使うものじゃないです。
SEOを考えた場合あまり意味がないのじゃなくて、SEOの為だけに画像と無関係なキーワード入れる事が意味がないのです。
適切に使えば問題ありません。
下手にSEOを意識するよりも、アクセシビリティ重視のちゃんとした内容の充実したページを作った方が効果的ですね。
ご意見ありがとうございます。
すいません、書き方が悪かったですね。
もちろん、SEOとアクセシビリティどちらを取るといわれれば、アクセシビリティを取ります。といいますか、アクセシビリティを重視されて作られているページはSEO的にも優れていると感じています。
ですが、あまりにも「SEO」という言葉が一人歩きし、相手を納得させるためにもできる限りの対処をしなければならない状況になってきています。ですので、どのやり方が最良なのかみなさんのご意見を聞かせて頂きました。
No.2
- 回答日時:
私は(2)使ってますが、スパム扱いされた覚えはありません。
外部CSSってクローリングしてましたっけ?
あ、してるみたいですね
http://www.alphaseo.jp/seo-faq/inside/070123_246 …
「スタイルシートの "display:none"でテキストを非表示にすることの是非についても、検索エンジン業界では結論が出ている。要は「正当な理由で利用する限り問題がない」ということだ。これは米GoogleのエンジニアMatt Cutts氏の発言により確認されている。」
だそうですよ。
ご意見ありがとうございます。
お、「問題がない」と明言されてますね!
その記事は知りませんでした。
ありがとうございます。
SEO、SEOと言われることが多くなり、現状ではどういう状況になっているのか知りたくて質問させて頂きました。
No.1
- 回答日時:
私はいつもdisplay:noneにしています。
Google限定ですが、「Google(クローラ)が見るコンテンツと、ユーザーが閲覧するであろうコンテンツがほぼ同一であれば問題がなく、一方で隠しテキストや隠しリンクが悪意を持って、故意に行われていると判断されれば、Googleはランキングを下げたりインデックスから排除するなどの対策を講じる」(参考URLから引用)とのことですので。
参考URL:http://www.sem-r.com/0702/20071012073357.html
ご意見ありがとうございます。
やはり、画像と非表示にしているテキストとの内容が乖離していれば、悪意を持って、故意に行われていると判断されるということでしょうか。
内容が同じであれば、スパム扱いとされることはほとんどないようですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【Webサイト】画像が小さく表示...
-
background-sizeの背景で最小値...
-
画像の上にテキスト配置で、拡...
-
<hr>の縦バージョンはありますか?
-
画像とその下にあるテキストの...
-
LightBoxの矢印の出し方
-
IMGタグで画像の繰り返し使用は…
-
background-repeat CSS で切れ...
-
divで作成したボックスに背景画...
-
画像上に文字を表示するとiPhon...
-
ブラウザによって、画面表示の...
-
ページごとに背景画像を変更し...
-
CSSで背景画像をランダムに表示...
-
フルスクリーンのサイトについて
-
テーブル背景のpng画像を透過し...
-
同じ画像 複数回使用
-
htmlかcssで背景の白い枠をなく...
-
角丸を使ったメニューリスト
-
PDFの保存ボタンが表示されません
-
蔵衛門のアルバムの表紙の画像...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
IMGタグで画像の繰り返し使用は…
-
background-repeat CSS で切れ...
-
【Webサイト】画像が小さく表示...
-
画像の上にテキスト配置で、拡...
-
同じ画像 複数回使用
-
画像とその下にあるテキストの...
-
background-sizeの背景で最小値...
-
lightbox2で画像を天地左右中央...
-
要素の幅をいろんな写真の幅に...
-
htmlかcssで背景の白い枠をなく...
-
画像上に文字を表示するとiPhon...
-
background-sizeでcontainする...
-
iframe内をクリックさせない方...
-
LightBoxの矢印の出し方
-
コーディング中、右側に謎の余...
-
WEB上でディレクトリ内の画像を...
-
HP作成 作成した画像を動画の上...
-
ページごとに背景画像を変更し...
おすすめ情報