![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
お詳しい方アドバイスを頂けないでしょうか?
タイトルの通りなのですが、現在サイトの作成を行っているのですが、何やらSEO対策の一環として、すべての画像へwidthとheightの指定を行うとのことなのですが、ここで質問です。
現在でもwidthとheightの指定を行うことは、HTMLのマークアップの観点、SEOの観点からして有効、また推奨されていることなのでしょうか?(GoogleやMozillaはこれらについて公式に何か出されていますでしょうか?)
というのが、現在レスポンシブでの設定が一般的なので、PCでwidthとheightの指定を行っても、スマホサイトではこの指定した数字の意味はなくなると思います、その逆もしかりだと思います。
特にスマホサイトの場合には、親要素に対しての相対的な数字の指定が一派的ですし、それら多くの指定はHTMLの数字を上書きするという意味でもCSS側で行っていることがほとんどだと思います。
こういった状況を踏まえたうえでも、やはり画像へwidthとheightの指定は行うのが良いのでしょうか?
必要かつ有効ということであればすべてに定義したいと思いますが、その際はPCの際の画像として表示する際のサイズを指定した方がよいのでしょうか?
逆に、現在は記載しないのが一般的、推奨や指定しない分容量が少なくなるので記載しない方がよいなど、逆のご意見等ございましたら合わせてお伺いできればと思います。
宜しくお願いいたします。
No.1ベストアンサー
- 回答日時:
SEOには関係しませんが、サイズを記述して置くと、ブラウザがページを読み込む際に指定したサイズ分の画像スペースを先に表示し、テキスト部分の読み込みを始めることができます。
これによって、少しはページ表示完了までの時間が短縮されます。
但し必須では有りません。
googleはページ表示速度を重視してますので、指定した方が良いと思います。
googleは画像のファイルサイズを削減を推奨しています。
が、画像が多くなければ気にする必要は無いと思います。
サイズはPC表示の場合を想定して指定して下さい。
レスポンシブデザインでは、同じソースをスマホ用にも使いますが、スマホ表示ではcssで%指定する筈で、css側の%指定が優先されます。
なお、seoについて。
3年程前に実施されたgoogleの「医療・健康アップデート」により、個人サイトは上位表示がほぼ不可能になりました。
(誰もググラナイ超マイナーワードなら可能性はあります)。
個人がいい加減に書いた記事が上位表示される事で、健康被害が続出した為、「真偽の不明はページを上位表示させるワケには行かない」と言う主旨での改訂です。
現在は、「誰が作ったページ?」を最重視しています。
上位へ表示するのは以下です。
・政府や官公庁のページ
・大学や研究機関のページ
・信頼のおける大企業のページ
・それらからバックリンクされているページ
到底個人では歯が立ちません。
アドバイスを頂きましてありがとうございます。
大変参考になる貴重な情報ありがとうございました。
具体的な回答を頂き、感謝申し上げます。
HTML側にはPCを想定した場合の画像サイズを指定したいと思います。
>>現在は、「誰が作ったページ?」を最重視しています。
>>上位へ表示するのは以下です。
>>・政府や官公庁のページ
>>・大学や研究機関のページ
>>・信頼のおける大企業のページ
>>・それらからバックリンクされているページ
こちらも大変貴重な情報ありがとうございます。
確かに、得体のしれない個人発信のサイトが検索上位に表示されて、好き勝手に信憑性に欠ける情報発信されていたら困るというか、ぞっとします…。
理にかなった検索基準だと思います。
SEO対策自体に少々懐疑的な偏見?が私自身ありまして、SEOに何百万と予算をかけるのであれば、広告マーケティング部分の穴をつく良い何かを検索ワードや広告方法を模索する方がよっぽ効果的では?などどと考えてしまったりします。
このあたりの思考は、運営される方の判断なので何が良いとか悪いとかではないと思っております。
貴重な情報参考にさせて頂きます、ありがとうございました。mm
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS css初心者 フレックスボックスの適用を一部適用除外したいですが方法が分かりません。 2 2023/11/27 00:13
- HTML・CSS 初心者html・CSS ウィンドウを縮小するとタグの一部が隠れてしまう。 1 2023/12/18 19:52
- PHP PHP echo バックスラッシュの使い方 img要素 2 2023/01/08 22:46
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- その他(Microsoft Office) エクセルのマクロでスライサー教えてください。 1 2022/09/28 16:40
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- その他(プログラミング・Web制作) UDP通信を使うチャットプログラムを改変して小さいサイズの画像も送信できないか(Python) 1 2023/12/09 19:09
- HTML・CSS CSS初心者です。わかる方教えてください。 3 2023/09/08 22:04
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- Excel(エクセル) Excel2019 マクロを使用し画像を貼り付けした際のリンク切れについて 2 2022/11/15 16:14
このQ&Aを見た人はこんなQ&Aも見ています
-
「どうして捨てられないの?」前妻の物を捨てられない男性の心理って?
前妻の物を捨てられない理由に加え、捨てるための手段はあるのかを専門家に聞いてみた!
-
HTMLでサブフレームから親のスクリプトを実行する
JavaScript
-
プログラミングの課題がわからないので教えていただきたいです。特にサークル関数を定義した後に呼び出す方
C言語・C++・C#
-
CSSデータの作成方法について(FTP内)
HTML・CSS
-
-
4
テーブルの行を折りたたみたいのですが、detailsタグとsummaryタグを使ってもうまくいきませ
HTML・CSS
-
5
JavaScript 超初心者です。 Document.writeがなぜか反映されません。何が間違っ
JavaScript
-
6
C#でログファイルにファイルパスが出ないようにしたい
C言語・C++・C#
-
7
だれがとけるの?
C言語・C++・C#
-
8
【abc】に【完全一致】する正規表現を教えてください。
オープンソース
-
9
40代後半でゼロからのプログラム業界への転職
その他(プログラミング・Web制作)
-
10
PHPでこのコード自体に意味は無いんですけど、上のifと下のifの違いってなんですか?個人的には下の
PHP
-
11
なんで
C言語・C++・C#
-
12
正規表現 URL抽出「 [\\/\\b]{0} 」 の意味教えてください。
その他(プログラミング・Web制作)
-
13
プログラム言語について c言語もコードによって機械語に通訳されると知りました。直接機械が通訳しなくて
C言語・C++・C#
-
14
先日ウェブデザイン技能検定三級を受けたのですが、公式の解答では答えが②となっているのですがその理由が
HTML・CSS
-
15
入力された文字列が、LD22000を、出来る限り正確に判断する正規表現を教えてください。 Paiza
その他(プログラミング・Web制作)
-
16
テキストファイルのフィールド行のみ削除したい
Visual Basic(VBA)
-
17
テキストファイルの1行目のみを削除したい
その他(プログラミング・Web制作)
-
18
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
19
Javascriptエラーの原因が分からない
JavaScript
-
20
jsで質問です。 displayプロパティを用いて下記の情報4〜6のtrタグをボタンで表示・非表示を
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スタイルシート
-
background-color: #ddd;の意味...
-
文字の色を英字で指定する時は...
-
fontサイズ指定の ”-(マイナ...
-
テキストボックス途中で切れて...
-
ホームページビルダー作成HPがi...
-
横幅は、640ピクセル?600ピク...
-
特定の文字のみcssを適用するに...
-
文字の位置、上下のマージンが...
-
HTMLの疑問です・・・
-
Firefoxで2ちゃんねるのAAがず...
-
Notepad++で日本語文字が化ける。
-
フォントサイズをemで指定する...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
MsgBoxについて
-
cssファイルの名称付け
-
テーブル内の文字サイズを変更...
-
Illustratorで作成、pngで保存...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
WEBサイトの作成で、imgタグに...
-
文字の位置、上下のマージンが...
-
リストの前後の行間をなくす方...
-
特定の文字のみcssを適用するに...
-
全角半角含めて等幅で表示したい
-
ホームページビルダー作成HPがi...
-
テキストファイルの行を指定し...
-
background-color: #ddd;の意味...
-
リンク文字
-
Format 関数 表示書式指定文字...
-
fontサイズ指定の ”-(マイナ...
-
HTMLで特定の文字だけ色を変え...
-
CSSを一部無効にしたい
-
指定の文字だけ色を変える
-
上付き文字と下付き文字を同時...
-
Excel VBA メール作成について ...
-
遊明朝のプロポーショナルフォ...
-
テキストエリア内の文字の装飾
-
テキストボックス途中で切れて...
-
jquery.validationEngine.jsカ...
おすすめ情報