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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページ 窓からのぞく様...
-
cssで画像と文字を同じ位置にす...
-
画像を複数横に並べ、かつそれ...
-
htmlかcssで背景の白い枠をなく...
-
文字列の後に中央線を引きたい...
-
かわいい文字にしたい!!
-
背景色と画像を同時にのせる
-
background-repeat CSS で切れ...
-
VBのToolStripの背景について
-
可変画像の下にdivを後続で配置...
-
wordpress ヘッダー画像 横に...
-
IMGタグで画像の繰り返し使用は…
-
画像とその下にあるテキストの...
-
【html&css】ヘッダー画像が100...
-
画面サイズに合わせて背景の写...
-
コーディング中、右側に謎の余...
-
画像をリンクボタンにして文字...
-
CSSで背景画像をランダムに表示...
-
html言語で背景画像を中央...
-
背景画像を左右に表示
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
画像の上にテキスト配置で、拡...
-
background-sizeの背景で最小値...
-
【Webサイト】画像が小さく表示...
-
画像とその下にあるテキストの...
-
background-repeat CSS で切れ...
-
【至急お助け!】チェックボッ...
-
iframe内をクリックさせない方...
-
lightbox2で画像を天地左右中央...
-
要素の幅をいろんな写真の幅に...
-
IMGタグで画像の繰り返し使用は…
-
background-sizeでcontainする...
-
同じ画像 複数回使用
-
コーディング中、右側に謎の余...
-
particles.jsの背景の上にテキ...
-
背景画像が半分しか表示されない
-
htmlかcssで背景の白い枠をなく...
-
LightBoxの矢印の出し方
-
画像の上に
-
gif画像でたまに背景がグレーに...
おすすめ情報