お詳しい方アドバイスを頂けないでしょうか?
タイトルの通りなのですが、現在サイトの作成を行っているのですが、何やら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#
-
テーブルの行を折りたたみたいのですが、detailsタグとsummaryタグを使ってもうまくいきませ
HTML・CSS
-
-
4
CSSデータの作成方法について(FTP内)
HTML・CSS
-
5
PHPでこのコード自体に意味は無いんですけど、上のifと下のifの違いってなんですか?個人的には下の
PHP
-
6
JavaScript 超初心者です。 Document.writeがなぜか反映されません。何が間違っ
JavaScript
-
7
先日ウェブデザイン技能検定三級を受けたのですが、公式の解答では答えが②となっているのですがその理由が
HTML・CSS
-
8
入力された文字列が、LD22000を、出来る限り正確に判断する正規表現を教えてください。 Paiza
その他(プログラミング・Web制作)
-
9
正規表現 URL抽出「 [\\/\\b]{0} 」 の意味教えてください。
その他(プログラミング・Web制作)
-
10
C#でログファイルにファイルパスが出ないようにしたい
C言語・C++・C#
-
11
だれがとけるの?
C言語・C++・C#
-
12
40代後半でゼロからのプログラム業界への転職
その他(プログラミング・Web制作)
-
13
なんで
C言語・C++・C#
-
14
【abc】に【完全一致】する正規表現を教えてください。
オープンソース
-
15
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
16
Javascriptエラーの原因が分からない
JavaScript
-
17
PythonやJavaScriptのように実質的に数の桁数を無限に扱える言語と、全く無限に使えない言
JavaScript
-
18
jsで質問です。 displayプロパティを用いて下記の情報4〜6のtrタグをボタンで表示・非表示を
JavaScript
-
19
Javascript で共通の処理をどこまでまとめるべきか分からないのでアドバイスお願い致します
JavaScript
-
20
index.phpに入るには、どうすればいいですか?
PHP
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
全角半角含めて等幅で表示したい
-
ホームページビルダー作成HPがi...
-
jquery.validationEngine.jsカ...
-
文字の位置、上下のマージンが...
-
HTMLで特定の文字だけ色を変え...
-
遊明朝のプロポーショナルフォ...
-
文字をスクロールさせるFORMの幅
-
DreamWeaverで</head>の前のス...
-
テキストボックス途中で切れて...
-
HTMLの疑問です・・・
-
<input type="file"> の幅
-
外部CSSファイルで未定義のclas...
-
スタイルシート font-familyに...
-
h1タグのパンくずリストへの設置
-
指定の文字だけ色を変える
-
このCSSの意味を教えてください!
-
フォントのサイズが変わりませ...
-
リストの前後の行間をなくす方...
-
positionプロパティについて
-
outlook 文字を揃えたい。tab...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストの前後の行間をなくす方...
-
特定の文字のみcssを適用するに...
-
リンク文字
-
文字の位置、上下のマージンが...
-
Format 関数 表示書式指定文字...
-
テキストファイルの行を指定し...
-
API Sleep関数について
-
テキストエリア内の文字の装飾
-
CSSを一部無効にしたい
-
fontサイズ指定の ”-(マイナ...
-
ホームページビルダー作成HPがi...
-
全角半角含めて等幅で表示したい
-
CSSについて教えてください。 ...
-
<input type="file"> の幅
-
background-color: #ddd;の意味...
-
上付き文字と下付き文字を同時...
-
h1タグのパンくずリストへの設置
-
Excel VBA メール作成について ...
-
Excel VBA メール作成について ...
-
指定の文字だけ色を変える
おすすめ情報