画像のレスポンシブ対応には、これまでずっとベストな解決策と言えるものはありませんでした。
しかし、ようやくレスポンシブサイトにおける画像最適化の問題に決着がつきそうです。
それが、picture要素によるレスポンシブイメージの実装です。
複雑なスクリプトを使うことなく、HTMLだけで画像を切り替えられる picture 要素の書き方と実践的な使い方を紹介します。
pictureタグを使ったレスポンシブイメージの実装方法
srcsetとsizes属性でサイズ(解像度)ごとに画像を出し分ける方法
レスポンシブデザインを採用しているWebサイトでは、デバイスごとに適正なサイズ（解像度）の画像を読み込ませる、という課題があります。
特に、高解像度のスマートフォンが登場したことで、画像がぼやけてキレイに表示されないと言う新たな問題も出てくるようになりました。
表示サイズの調整に加え、高解像度ディスプレイへの対応という2つの点から画像を最適化するのが常識になってきています。
以前なら、こういった問題に対応するには JavaScript を用いた面倒な実装が必要でしたが、現在はHTMLだけで解決することができます。
それが srcset や sizes 属性の利用です。
この記事では srcset とsizes 属性の書き方・使い方について詳しく解説していきます。
少し慣れが必要かもしれませんが、非常に便利な機能です。
レンダリングブロックを解決するCSS配信の最適化と手順
Google Page Speed Insights がアドバイスしてくれる改善案に『スクロールせずに見えるコンテンツのレンダリングをブロックする JavaScript/CSS を排除する』という項目があります。
何のことを言っているのかよくわからないので放置…
という方も少なくないのではないでしょうか？
レンダリングのブロックとは一体何か？
どうやってこの問題をクリアすればよいのか？
今回は、レンダリングをブロックするCSSの最適化について、Googleも推奨している loadCSS 関数を用いた解決策を紹介します。
CSSの配信を最適化すると、ページの表示速度が目に見えて改善されることが多いので、ぜひ対策方法を知っておきましょう。
SEOにおける重複コンテンツの定義と判定基準
SEOの話題の中でも常に関心の高い話題に、重複コンテンツの問題があります。
2011年（日本では翌年）にパンダアップデートがリリースされ、低品質なページは評価が下がり、検索順位が落ちていきました。
それ以降、コンテンツの品質を高めることがSEOで最も重要な課題となり、重複するコンテンツへの対策にも一層注目が集まるようになりました。
おそらく、重複コンテンツと無縁でいられるWebサイトはほとんどないでしょう。
それくらい、どんなサイトにも起こり得る「あるある」な問題です。
具体的にはSEOにどんな影響があるのか、そもそもどこからが重複コンテンツの扱いになるのか、重複コンテンツの定義について改めて正しく理解しておきましょう。
meta descriptionの正しい書き方とSEOにおける効果・重要性
SEOと聞くと、検索順位を上げることをイメージすることがほとんどだと思いますが、もう1つ、忘れてはいけない重要な視点があります。
それが、検索結果でクリックしてもらいやすいかどうか、ということです。
つまり、クリック率の話ですね。
検索結果でのクリック率を高めるためにやっておきたい対策が meta description の設定です。
meta description のSEO効果、記述方法と基本ルール、最適な文字数からクリック率を改善する書き方のコツまで解説します。
SEO効果を高める見出しタグの書き方 ~h1とh2以下の使い方にも注意しよう~
あなたは、見出しのない新聞や雑誌を読みたいですか？
章立てされていない（目次もない）本を読みたいですか？
そんな文字情報は読むのが辛いですよね。
わかりにくいですよね。
Webコンテンツも同じです。
ユーザーが見やすい・理解しやすいコンテンツには見出しが必要です。
ユーザーだけではありません。
検索エンジンも見出しを欲しがっています。
HTMLの正しい見出しの書き方、SEOに効果的な見出しの使い方について解説します。
検索にヒットさせる画像のSEO対策10のポイント
必ずと言っていいほどWebサイトに使われるのが画像ですが、検索エンジンはどのように画像を扱うのでしょうか？
検索エンジンに適切に画像を読み取ってもらうには、気をつけておくべきポイントがいくつかあります。
今回は、画像にまつわるSEO対策の全般について紹介します。
SEOにも重要な画像のalt属性の正しい書き方・使い方
画像のSEOの中でも最も重要な対策がalt属性の最適化です。
alt属性の重要性はよく語られますが、適切な記述ができていなかったり、キーワードを入れるだけなど、現在のSEOにマッチしない使い方のサイトは、意外にも多くあります。
改めてalt属性の正しい書き方を理解しておきましょう。
緊急! URL削除ツールを使って検索結果からページ削除を依頼する方法
サイトからページを削除することと、検索結果で該当のページの表示が消えることはイコールではありません。
検索結果からページが消えるのは、検索エンジンがページが無くなったことを認識してからなので、そこにタイムラグが生じます。
では、ページを削除し検索結果からも早急にすぐに消したい場合はどうしたらよいでしょう？
そんな時に利用するのがGoogleが提供するURL削除ツールです。
URL削除ツールはどうやって使うのか、どんな時に使うべきなのか、ツール利用時の注意点など、いざという時のために覚えておきましょう。
nofollowでSEOに悪影響なリンクを無効にする方法
Webサイトを運用していくと、様々な場面でリンクを使う機会がありますね。
リンクはSEOにおいても非常に重要な意味を持っているため、使い方を間違えると、自動または手動のペナルティを受けることになりかねません。
そこで利用したいのが、nofollow属性 (値) です。
nofollowとは何で、どんな時に使うものなのか、目的・効果・記述方法とともに正しく理解してSEOに役立てましょう。