ブログ画像の使用方法に関するこの詳細なガイドでは、ブログで画像を使用するためのベスト プラクティス (適切な画像の選択、最適なストック フォト、画像の最適化、画像の使用など) を説明して、SEO ランキングを向上させます。 簡単に言うと、これはブログの画像と SEO の最適化に関する完全なガイドです。
ブログで画像を使用する方法を知りたいですか？ ブログで画像を使用する必要があるかどうかさえわからない場合があります。
画像を効果的に使用するには、適切な写真を選択するだけでは十分ではありません。 SEO 用に画像を最適化する方法を知る必要があります (ブログ投稿が検索エンジンで上位に表示されるようにするため)。 さらに、ブログの画像は、初期の読者を繰り返し購読者に変えたり、読者がブログ投稿に費やす時間を増やしたりするのにも役立ちます.
このガイドでは、適切なブログ画像を選択し、ブログ コンテンツに慎重に配置し、それらを使用して検索エンジンのランキングを上げるために知っておくべきことをすべて説明します。
6 年にブログで画像を使用するための 2023 つのベスト プラクティス
まず、なぜ画像が重要なのかを見てみましょう。
ブログ画像: 使用する理由
マグショット (このブログ画像はこちら)、写真、スクリーンショット、さらにはイラストなど、ブログで画像を使用する大きな理由はたくさんあります。
画像はブログ投稿に視覚的な興味を追加します
画像を使用する非常に単純ですが重要な理由は、記事をより興味深く魅力的にするのに役立つからです。
読者に素晴らしい第一印象を与える時間がほんの数秒しかない場合、画像は大きな違いを生む可能性があります.
画像は、記事に色と視覚的な興味を追加するだけでなく、より多くの情報を作成するのに役立ちます »空白 （言葉も画像もないすべての空白を意味します）。 これにより、記事が読みやすくなります。
画像はすぐに意味を伝えることができます
」という言葉を聞いたことがありますか？ 百聞は一見にしかずです »? よくデザインされた画像は、多くの情報を瞬時に伝えることができる場合があります。
たとえば、グラフやチャートは、リストや表を通じて伝えなければならない情報を示すことができます。
チュートリアルを書いている場合は、写真やスクリーンショットを追加すると、読者が手順に従うのに役立ちます。
私のチュートリアルを見てください ブログの作成、たとえば、何をクリックするかを正確に示す多くの画像を提示します。
長い記事を分割するための画像
非常に長く詳細な記事をお持ちですか？ それが単なるテキスト (または上部に XNUMX つの画像があるテキスト) の場合、読者はそれを完全に理解するのに苦労します。 これが、質問に対する私の回答のようなインフォグラフィックに基づく記事の理由です」 ブロガーの収入は？」は、ソーシャル共有の点で高く評価できます。
画像を使用すると、長い記事を分割して、記事全体に視覚的な関心を追加し、読者に息抜きを与えることができます。
画像はブログにつながりと個性を加えます。
読者があなたの言葉だけで真にあなたとつながるのは難しい場合があります. 彼らはあなたが誰であるかについて明確な考えを持っていないかもしれませんし、あなたの性格について本当に考えていないかもしれません.
しかし、より強いつながりを築き、厳選された画像を通じてあなたの個性を伝えることで、カジュアルな読者を長期的なファン、そして顧客に変えることができます.
たとえば、引用の横に各ブロガーの写真を使用します。 これにより、アドバイスをパーソナライズし、それが実在の人物からのものであることを示すことができます。
ブログ画像の著作権について
先に進む前に、ブロガーが画像でよく犯す大きな間違いを避けるようにしたいと思います。
ブログで画像を使用することは良いことだと確信しています。 そして、それは事実です！ そこで、Google 画像にアクセスして、最新の投稿を説明するために使用したいものを入力します。ブログ投稿の場合は「つかむ女性」などです。
さまざまな結果が表示されます。 XNUMX つをコンピューターに保存し、ブログにアップロードして、記事に挿入します。
仕事は終わりましたか？
いいえ ！ あなたは重大な過ちを犯しました。
画像はしばしば著作権で保護されています。
つまり、無断で使用することはできません。 もしそうなら、あなたは訴えられる可能性があります。
私があなたを怖がらせようとしているとか、不必要に心配させようとしているとは思わないでください。
すぐに、ロイヤリティフリーの素晴らしい画像ソースをいくつか紹介します。 しかし、Google で画像を選択しただけで、数千ドルの罰金を科される可能性があります。
著作権で保護されていない画像を使用することが不可欠です。 幸いなことに、ブログで安全に使用できる画像のソース (有料または無料) はたくさんあります。
ブログに最適な画像を見つける (および作成する) 5 つの方法
ブログに最適な画像を見つける方法ここに私のお気に入りの情報源のいくつかがあります（そして 確保します) やってみる。
自分の写真やアートワークの使用
自分で作成した画像は自動的に著作権で保護され、通常はブログに最適な画像ソースです。 自由に使って構いません（ただし、他の人は許可しないと使えません）。
あなたが旅行ブロガーまたはフード ブロガーである場合、読者はおそらくあなた自身の写真を目にすることを期待するでしょう。 これにより、ブログに信憑性が追加されます。
写真が完璧でなくても心配はいりません。ストック写真よりもはるかに個人的で意味のあるものになります。
ただし、ブログで個人の写真を使用する場合は、プライバシーの問題を考慮してください。 たとえば、子供の写真や、住んでいる場所を正確に特定できる写真の使用は避けたい場合があります。
一部のブロガーは、特にペンネームで書いている場合は、自分の写真を使用することさえ好まない.
イメージバンクからの写真
ブログ用の画像の最大のソースの XNUMX つは、イメージ バンクです。
これらは通常、Web サイト、雑誌、さらには本の表紙で使用されるかなり一般的な (ほとんどが仕事関連の) 写真です。 それらは、さまざまなトピックを幅広くカバーしています。
ブログの写真に最適な6つのストックサイト
銀行の写真に利用できるさまざまなソースがあります。 試すのに最適なソースのいくつかを次に示します。
- Unsplash (フリー): このストック イメージ サイトはロイヤリティ フリーで、インターネット上で最大の美しい写真、グラフィック、画像のライブラリの XNUMX つです。
- Freepik （無料と有料): このサイトでは、何千ものベクター、写真、PSD、アイコンの無料オプションとプレミアム (有料) オプションの両方を提供しています。 無料のグラフィックは、個人的な使用には常に拘束力がありませんが、商業的な使用には帰属が必要です.
- iStockPhotoが (支払いました): クレジットまたはサブスクリプション パッケージを使用して画像の料金を支払います。 （ミュージックビデオや音楽を購入することもできます。） 写真、ベクターイラスト、漫画、アイコンなど、さまざまな画像から選択できます。
- シャッターストック (支払いました): このサイトは iStockPhoto に似ており、非常に幅広い画像、使用できるビデオ クリップ、音楽を備えています。
- Pixabay (フリー): Pixabayのすべてのコンテンツ (写真、ベクター、ビデオ クリップ、音楽など) は無料で使用できます。 iStockPhoto や Shutterstock と同じ品質や範囲は得られませんが、多くの場合 初心者ブロガー、Pixabay は、必要なすべての画像を提供できます。
- Pexels (フリー): Pixabay と同様に、Pexels では、ブログで使用できるロイヤリティ フリーの画像と動画を提供しています。 両方のサイトを調べて、記事に最適な写真やその他の画像を見つけることをお勧めします。
では、独自のブログ画像 (またはグラフィック) の作成について説明しましょう。まず、非常に役立ついくつかのツールから始めます。
Canva
Canva 非常に人気のあるオンライン画像作成プラットフォームです。 無料プランでも、写真、アイコン、クリップアートなどの画像が豊富に用意されています。
プロ プランにアップグレードすると、100 億を超えるプレミアム画像、サウンド、ビデオにアクセスできます。
ストック フォト サイトほど多くの選択肢はありませんが、Canva の優れた点は、使用できる画像の数に制限がないことです。
さらに、Canva プラットフォーム内のさまざまな画像や要素を使用して、画像をすばやく簡単にカスタマイズしたり、グラフィックを作成したりできます。
多くのブロガーは、Canva を使用して、Pinterest やその他のソーシャル メディア サイトで投稿にリンクする際に使用するブランドのアイキャッチ画像を作成しています。
アドビイラストレーター
Adobe Illustrator は、人気のあるベクター グラフィックおよびデザイン プログラムです。 ブログで使用する独自のグラフィックや画像を作成する場合、これは優れたオプションです。
Illustrator を使用して、ロゴ、ボタン、広告、販促用グラフィックなどを作成できます。 写真のトリミングやサイズ変更などの写真編集にも使用できます。
ただし、Illustrator は、19,99 年間前払いすると月額 $XNUMX からかかるため、安くはありません。 これは、まだ Illustrator を使用していない場合は、このリストの他のオプションを使用した方がよいことを意味します。
スクリーンショット
チュートリアルを書いたり、ソフトウェアをレビューしたりする場合、スクリーンショットは必須です。 チュートリアルやレビューのコンテキストでスクリーンショットを使用することは通常許可されています。ただし、機密情報のスクリーンショットを撮らないように注意してください。
例えば、コースを購入した場合 コマースエンリグネ、コース教材自体のスクリーンショットを共有しないでください。 不明な場合は、Web サイトまたは製品所有者に確認してください。
スクリーンショットを撮るには、「 Imprécran » Windows または Shift + Command + 3.
この操作により、画面全体の写真を撮ることができます。 次に、スクリーンショットを次のようなグラフィック編集プログラムに貼り付けることができます。 ペイント、必要に応じてトリミングできます。
スクリーンショットに矢印、ボックス、テキストなどの機能を追加したい場合は、次のような専用のスクリーンショット アプリを使用できます。 SnagItの.
投稿に適したブログ画像を選択する
使用するソースに関係なく、問題のコンテンツにどのブログ画像が適しているかを判断するのは難しい場合があります.
一部の画像は、この機会には制度的で息苦しすぎるように見える場合があります。 他の人は素人っぽく見えるかもしれません。 コンセプトやアイデアを説明する最善の方法がわからない場合があります。
最初に見つけた画像を選択するよりも、少し時間をかけて画像を選択することをお勧めします。 最高の画像を取得するには、次のことをお勧めします。
- 検索用語に表示される最初の数枚の画像は使用しないでください : 他の多くのブロガーも使用しています! もう少し掘り下げます。 理想は、各項目に対していくつかの異なるオプションを選択することです。
- ブログの配色を考えてみましょう。 写真はうまく調和しますか、それともコントラストがうまくいきますか? それとも、ページ上の他の色と衝突しますか? ドラフト記事でいくつかの異なるオプションを試して、それらがどのように適合するかを確認できます。
- 使用する画像の種類を検討してください。 たとえば、一部のブロガーは漫画を使用しています。 子供を表す画像を使用する人もいます。 ブログ全体で同様のタイプの画像を使用すると、一貫性が生まれます。
- 画像がブランドと一致していることを確認してください。 あなたの文体が非常にのんきで落ち着いているなら、ラフで怒ったイメージは役に立ちません。
- 選択した画像を編集するには、さらに数分かかります。 多くの場合、要素に焦点を合わせるために画像をトリミングしたり、気に入らない要素を削除したりすると、すぐに改善されます.
- 視聴者について考え、選択した画像に視聴者がどのように関係するかを考えてください。 たとえば、退職者向けに書いている場合は、20 代や XNUMX 代の画像をたくさん選択しないでください。 乳幼児の親をターゲットにしている場合は、学齢期の子供の写真を使用しないでください。
- 必ず高品質の画像を選択してください。 一般に、それらは鋭く、中心にある必要があります。 ぼやけた写真は必要ありません。 必要に応じて、いくつかの異なるサイトを調べて、幅広い品質の画像があることを確認してください。
- 画像が他の記事のコンテキストにどのように適合するかを検討してください。 画像が似すぎてしまうのは望ましくありません。 同様に、複数の記事の過程で、画像がさまざまな性別や人種を表していることを確認できます.
では、ブログの画像を最適化し、全体的なコンテンツ戦略で役割を果たすためのベスト プラクティスについて説明しましょう。
ブログの画像を高品質に最適化するための 4 つの基本ルール
記事を説明するための優れた画像を選択してコンピューターにダウンロードしたので、その最適な使用方法を知る必要があります。 従うべきいくつかの重要なルールを次に示します。
画像のサイズを変更する
写真を撮ると、ブログに必要なサイズよりもはるかに大きくなる可能性があります。 たとえば、スマートフォンで撮影した写真は、4032 x 1960 ピクセルになる可能性があります。
ほとんどのブログ画像は、ブログ テーマのコンテンツ領域のサイズに応じて、幅が 500 ～ 800 ピクセルです。
大きな画像をアップロードすると、WordPress は自動的にブログ投稿領域に合わせてサイズを変更します。サイドバーやブログの他の領域と重ならないため、問題はないと思われるかもしれません.
問題は、画像が必要以上に大きく、読み込みに時間がかかることです。 画像をブログにアップロードする前に、画像のサイズを変更する必要があります。
画像のサイズを変更して、投稿内とブログ全体の両方で一貫性を保つこともお勧めします。 たとえば、多くのブロガーは、各投稿の最初に 500x300 または 550x330 の画像を使用しています。
などのフリーソフトウェアを使用して画像のサイズを変更できます。 ペイント. 次のようなツールを使用して、オンラインで画像のバッチのサイズを変更することもできます 写真の一括サイズ変更.
画像を圧縮する
画像のサイズを変更するだけで、ファイル サイズが大幅に縮小されます。 ただし、画像を圧縮することで、ファイル サイズをさらに小さくすることができます (したがって、読み込み時間が短縮されます)。
画像圧縮について理解しておく必要があるのは、画像を圧縮すればするほど、画像の品質が低下するということです。
品質とファイル サイズのバランスを取る必要があります。
多くの画像、特に写真では、圧縮後の視覚的な違いはほとんど、またはまったくありません。 写真は以前と同じようにきれいに表示されますが、読み込みがはるかに高速になります。
使用するオンライン ツールは次のとおりです。 JPGを圧縮する et TinyPNG （これも優れた WordPressのプラグイン ここでお勧めします）。
協議会 : 写真など、さまざまな色を含む画像には JPG 形式を使用します。 スクリーンショットや単純な漫画など、数色しかない画像、特にテキストを含む画像には PNG を使用します。 これにより、ファイル サイズに対して最高の品質が得られます。
あなたの写真を置きます
画像のサイズ変更と圧縮が完了したので、ブログ投稿に追加できます。 どこに置くべきですか？
多くのブロガーは、投稿の最初に画像を配置します。 これは、ブログ名と投稿のタイトルが画像に追加された注目の画像にすることができます。
ただし、記事の好きな場所に画像を使用することもできます。 テキストが多すぎて読者の注意が失われる可能性があるコンテンツのセクションを視覚的に分割するために、必要な数のブログ画像を追加することをお勧めします.
これを行う最も簡単な方法は、各画像をテキストの左右に配置するのではなく、それぞれの行の中央に配置することです。 これは、すべてのデバイスで正しく表示されることを意味します。
記事が長い場合は、一貫して画像を使用する方法を考えることができます。 たとえば、各サブセクションの最初に画像を使用できます。
協議会 : WordPress のブログ投稿に画像を追加する方法がわかりませんか? 画像ブロックを追加して、画像をアップロードまたはドラッグするだけです。 画像ブロックを作成して、メディア ライブラリに既にある画像から選択することもできます。
画像にテキストを追加する
グラフィック編集プログラムまたはスクリーン キャプチャ ツールを使用して、(サイズ変更および圧縮する前に) イメージ自体にテキストを追加できます。
画像にキャプションを追加することもできます。
WordPress でこれを行うことができます。画像をクリックして選択すると、画像のすぐ下のスペースに「 キャプションを追加する」。 そこをクリックしてキャプションを入力するだけです。
ブログの画像を使って検索結果にランク付けする方法
ページ上の検索エンジンを最適化するには、画像を正しく使用することが重要です。
画像は、記事の他の要素 (タイトルなど) ほど大きな影響を与えないかもしれませんが、検索エンジンにとっては、記事の内容についての良い手がかりになります。
ただし、検索エンジンは、写真の主題を理解するためにテキストを必要とします。 つまり、各画像には、画像のタイトルと代替テキストの XNUMX つの要素が必要です。
画像タイトル
画像のタイトルは、画像のキャプションではありません。 通常は表示されません。 ほとんどのブラウザーでは、読者がポインターを画像の上に移動すると表示されます。
（ウェブコミックを読むと xkcd、ジョークを追加するためにタイトルテキストがどのように使用されることが多いかがわかります）。
画像のタイトルにはキーワードを含める必要があります。 たとえば、あなたの記事が「 ブログを作成する方法「、コンピューターの前にいる女性の画像を作成できます。「」のような説明的なタイトルを付けることができます。 ブログを作成します。 「OR」 パソコンの前でブログを書いている女性"。
WordPress で画像のタイトルを設定するには:
- あなたの写真をクリックしてください
- 画面右側のブロック ペインで [Advanced] ドロップダウン メニューを選択します。
- 「タイトル属性」ボックスにタイトルを入力します。
ポインターを画像の上に移動すると表示されるため、画像のタイトルが「ツールヒント」であると聞こえる場合があります。
Alt-テキスト
画像の代替テキストは、視覚障害のあるユーザー向けにスクリーン リーダーで読み取れるように設計されています。 これは、画像の内容を明確に説明する必要があることを意味します。
画像にテキスト (別のブログ投稿のスクリーンショットなど) が含まれている場合、投稿を完全にアクセシビリティ対応にするために、代替テキストにテキストを入力する必要があります。
alt テキストにタイトル テキストのようなキーワードが含まれているとよいでしょう。 しかし、それが代替テキストのすべてであるため、画像を説明することも非常に重要です。
ブログのすべての画像にタイトルと代替テキストを付けて、SEO の取り組みを強化してみてください。
結論: ブログで画像を使用して関心を集め、SEO を改善する
ブログで画像を使用することは、怖いものや難しいものである必要はありません。 次の基本原則を念頭に置いてください。
- サイトのすべての投稿に、視覚的な興味を引くための画像が少なくとも XNUMX つ含まれていることを確認してください。
- 常にロイヤリティフリーの画像を選択してください。 自分で作成することも、ストック フォト サイトを使用することもできます。
- アップロードする前に写真のサイズを変更して圧縮し、記事ができるだけ速く読み込まれるようにします。
- 検索エンジンとアクセシビリティの両方の理由から、常にタイトルと代替テキストを画像に追加してください。
まだブログを作成している場合は、「」というタイトルの私の投稿をチェックしてください。 ブログを作成する方法」。 そこには、知っておく必要のあるすべての情報と、もちろん、役立つ画像がたくさんあります。
