WordPressに画像を追加する方法
公開: 2020-05-10この投稿は、WordPressに画像を追加する方法を理解するのに役立ちます。 1つの画像をページに直接追加する方法をお知らせします。
WordPressギャラリーを使用して複数の画像を表示できます。これについては、別の投稿で説明しています。
また、画像の調達、サイズ変更、圧縮についても学びます。
まっすぐスキップして、WordPressに単一の画像を追加します
なぜWordPressで画像を使用するのですか？
定期的に画像を追加して、読書体験をより快適にします。これは検索エンジンが報いるものです。
検索エンジンは、適切な画像が表示されている場合、Webページを上位にランク付けします。
彼らは、人間が視覚的であり、Webページが画像のないテキストドキュメントのように見えることを知っています。
読者は画像の外観により満足しており、最終的にはそれが検索エンジンがWebページに期待することであり、視聴者にアピールします。
ブログやウェブサイトの画像を調達する
形を考える
画像を決めるときは、まず形を考えてください。
- 指定されたスペースに合わせる必要があります–その風景、ポートレート、それとも正方形ですか？
- サイズを変更した後、画像のメインフォーカスを失いたくありません。
お金を使う前にストック画像のスクリーンショットを撮ります。 透かしが入っていても、サイズ、形、色は最終購入前に確認できます。
画像の場所
私は写真やグラフィックスに多くのソースを使用しており、まれに独自のソースを作成しています。 画像が使用される場所によって異なります。
私のウェブサイトでは写真をプロフェッショナルに見せたいのですが、私のブログはもっとリラックスした、フレンドリーな雰囲気を持つことができます。
ウェブサイトやブログの写真を無料または有料で調達する方法はいくつかあります。
プロの写真家に支払う
私はプロの写真家の擁護者です。 プロの写真はウェブサイトをシャープに見せることができます。
プロに行く余裕がない場合は、地元のアマチュア写真家を試すことができます。 アマチュア写真家はポートフォリオをまとめることに熱心であるため、多くの場合、より安くなる可能性があります。
企業は、写真家に1日、または半日を支払って、数年間に必要なすべてのコマーシャルショットを取得することができ、それは本当に価値があります。
製品、ポートフォリオ、チームの写真を1日で完成させましょう。
場所を片付け、ビジネス車両を掃除し、ヘアカットを取得し、職場の内外で良いショットを撮るために本当に努力します。
ただし、写真家は、製品の売り上げが多い新興企業にとっては高額になる可能性があることを理解しています。 家で写真を撮ることはうまくいくことができます。
自分で写真を撮る
最近のスマートフォンは本当に良いカメラを持っています。 あなたがそれに目を向けているならば、あなた自身の写真を撮ることは本当にうまくいき、お金を節約することができます。
カメラを最高の解像度に設定して、好きな方法で写真を切り抜くことができます。
家の写真撮影に役立つ便利な製品。
- カメラの三脚。
- 三脚携帯電話マウント。
- タコの三脚。
- 写真照明キット。
- ライトボックススタジオキット。
チームの写真やビデオは、三脚、素敵な背景、優れた照明を使用してキャプチャできます。 あなたがそれらを定期的に必要とするならば、それはいくつかの機器にお金を使う価値があるかもしれません。
ライトボックススタジオキットまたは写真照明キットの背の高い拡散ライトを使用して、Webサイトの小さな製品を撮影します。
自然な「家の写真」は、ブログやソーシャルメディアの投稿に人生、性格、現実を取り入れるために役立ちます。そのため、自然環境や自撮り写真を恐れないでください。
友達やビジネス関係者に尋ねる
あなたはサービスを交換することができます-写真を提供するために友人やビジネス関係に頼んでください。 それらを引用するか、pageRankにとって非常に価値のあるWebサイトへのリンクを提供することを提案します。
株式のウェブサイトを使用する
記事に合う画像を作成するのは非常に難しいかもしれません。そこでは、ストックWebサイトが非常に役立ちます。
考えられるほぼすべてのトピックに関する写真、グラフィック、イラスト、アイコン、およびビデオを提供するストックWebサイトが豊富にあります。これは、非常に役立つリソースです。
生涯ライセンスで最低£5でプロの写真を手に入れることができます。 あなたがビジネスを運営しているなら、それだけの価値があります。
私が好きなストックイメージのウェブサイトは、istockphoto.com、twenty20.com、shutterstock.comです。
Pexelsと呼ばれる無料の画像ストックサイトは素晴らしいです。 アマチュア写真家から無料の写真をダウンロードして、自分の写真をアップロードしてください。
「再利用のためにラベル付けされた」Google画像を使用する
Googleは、再利用のラベルが付いた画像を見つけるのに役立つ検索ツールを提供しています。
- www.google.comに直接アクセスして件名を検索し、[画像]をクリックします。
または、images.google.comに直接アクセスしてください。 - 上部にある[ツールの検索]をクリックします。
- 「再利用用にラベル付けされた」オプションをクリックします。
Googleは、商業的にも再利用できるようにラベルが付けられた画像のグリッドを表示します。
警戒してください。 各画像の著作権を確認するのはあなた自身の責任です。 ガイドラインに従ってください。従わない場合、多額の罰金が科せられる可能性があります。
画像をクリックしてWebページにアクセスしてください。 著作権要件をお読みください。
写真家のページへのリンクまたはクレジットが必要になる場合があります。
Google画像を使用する際の警告
パブリックドメインの一部の画像は、商用サイトで再利用できますが、そうでないものもあります。
他のものと同様に、写真やグラフィックは熟練した人によって作成されます。 したがって、明確に述べられていなくても、彼らは権利を所有します。
Googleやその他のウェブサイトから直接画像をダウンロードする場合は注意が必要です。誤用により多額の罰金が科せられます。
Web用の画像のサイズ変更と圧縮
画像のサイズ変更、圧縮、保存、配置の方法は、Webページの検索エンジンのランクに影響します。
画像の読み込みが遅いウェブサイトは、検索エンジンによってペナルティが科せられます。 訪問者も常に彼らを待ちたがるわけではありません。
私はこの主題に特化した投稿を書きました–ウェブ用に画像のサイズを変更する方法。 投稿では、画像のピクセルごとのサイズ変更と、キロバイトを削減するための圧縮について説明しています。
残念ながら、ここでお知らせできる単一の標準サイズはありません。
すべてのウェブサイトは異なり、画像を表示できる画面サイズは、電話のような小さなものからテレビのような大きなものまでさまざまです。
これらのことを覚えておいてください：
- 写真はモバイルデバイスにスタックする可能性があるため、幅が450ピクセル未満であってはなりません。450はモバイル画面全体に表示され、中画面の半分強になるため、2列表示に適しています。 これらはほとんどのWordPressプラグインのデフォルトです。
- 知られているフルスクリーン拡大または「ヒーロー画像」（画面の左から右に伸びるウェブサイトの上部にあるもの）は、特大画面に対応するために幅1920ピクセルまでの大きさである必要があります。 それはかなり大きく、大型テレビには十分な大きさではありません。
- WordPressでアダプティブイメージプラグインを使用して、デバイスに適切なサイズを表示することを検討してください。
私の投稿を読んでください–詳細については、Web用に画像のサイズを変更する方法。
Google検索用に画像を保存する
検索エンジンは、画像が正しい方法で保存されている場合、画像が何を示しているかを即座に認識できます。 ファイル名は、検索エンジンの最適化に不可欠な部分です。
写真の主題に応じて画像を保存します。
つまり、画像を<skeleton-cheese-cake.jpg>として保存する方が、<image07_912.JPG>よりも有益で効果的です。
検索エンジンはその努力を認識します。
Googleの品質ガイドラインでは、ウェブサイトの所有者に「関連するテキストの横に画像を配置する」ように求めています。 使用する画像がテキストに関連していることを確認してください。
画像のサイズ変更、圧縮、保存が正しく行われると、WordPressに追加する準備が整います。
WordPressに画像を追加する
- WordPress管理エリアにログインし、投稿またはページに移動します。
- グーテンベルクブロックエディタを使用して、+ PLUSアイコンを押して「画像ブロック」を追加します。 ページですでに使用されているブロックにカーソルを合わせるだけです。 PLUSアイコンがブロックの下に表示されます。
- プラス記号を押すと、ブロックオプションを含むメニューがポップアップ表示されます。
- 定期的に使用されるブロックに便利な「最も使用される」セクションがあります。 ここにIMAGEが表示されない場合は、上部の検索フィールドを使用してください。
- 新しい画像ブロックは、クリックしたPLUS記号の下に配置されます。 ブロックは、選択したブロックの左側にある上/下矢印を使用して簡単に移動できます。
- [アップロード]ボタンを押して画像をアップロードします。
- 画像はブロック内に表示されます。 アップロードした画像はすべて、メディアライブラリにも表示されます。
WordPressでの画像の配置
ツールバーを使用して、画像をブロック内に配置できます。 画像を選択すると、ツールバーが左上に表示されます。
上と下の2本の線があるボックスに似たアイコンを使用します。
アイコンの右側にある矢印を押すだけで、画像を左、右、中央、幅、または全幅に揃えるオプションが見つかります。
常に保存してから、フロントエンドで画像がどのように配置されているかを確認してください。 画像が想像どおりに配置されていない可能性があります。 バックエンドエディタは、フロントエンドに別の話をします。
デスクトップコンピューターとモバイルデバイスで確認して、両方の画面サイズで正しいことを確認してください。
画像ツールバーを使用して、画像をリンクまたは置換することもできます。
画像配置用のWordPress列
WordPressブロックエディターの列を使用して、大画面の別のブロックの左または右に画像を配置します。 新聞のコラムが隣り合って表示されていると想像してみてください。
これは、たとえば、段落の横に画像を配置する方法です。
スマートフォンのような小さなデバイスでは、列が上下に積み重なっていきます。 通常、左側の列は右側の列の上に積み重ねられます。
2つの列を作成するには：
- PLUS記号を押して、ブロックを作成します。
- 次に、COLUMNSを押すか、COLUMNSを検索します。
- 左端のオプション、2列、等分割を選択します。
- 各列内のプラス記号を押して、上記のように1つの列に画像を追加します。
- 次の列内のプラス記号を押して、段落を追加します。
WordPressの検索エンジン用に画像を最適化する
WordPressが提供する、ウェブサイトの所有者が検索用に画像を最適化するのに役立つ2つの重要な属性を強調したいと思います。
代替テキスト（代替タグ）
代替テキストは代替テキストを表し、情報タグです。
Altタグは、「画像がオフになっている」ユーザー、視覚障害のあるユーザー、スクリーンリーダーを使用しているユーザーを支援するために使用されます。
altタグは、Googleが画像が何であるかを理解するのにも役立ちます。
それを書くときはキーフレーズを使用してください。
WordPressブロックでは、画像ブロックをクリックすると、ALTタグのフィールドが表示されます。 これは、ページの右側、ブロック設定の下にあります。
画像のキャプション
画像のキャプションを提供すると、検索エンジンのランク付けにも役立ちますが、面倒なのであまり使用しません。
Googleは、ユーザーがWebサイトにアクセスした後、ユーザーに優れたエクスペリエンスを提供することを望んでいます。
キャプションを追加するには、ページの画像ブロックをクリックするだけで、画像の下に[キャプション]フィールドが表示されます。
WordPressギャラリー
WordPressギャラリーでは、1つのエリアに複数の写真を含めることができ、すべて同じレイアウトになっています。
WordPressギャラリーを追加するための簡単なチュートリアル：
- PLUS記号を押して、ブロックを作成します。
- 検索してからGALLERYを押します。
- ギャラリーブロックがページまたは投稿に表示されます。
- [アップロード]ボタンをクリックして、コンピューターから画像をアップロードします。
- [メディアライブラリ]ボタンを使用して、メディアライブラリですでにホストされている画像を含めます。
- 複数の画像を選択します-それらは青で強調表示され、チェックマークが表示されます。
- 右下のラベルが付いた青いボタンを押します–新しいギャラリーを作成します。
- 左側のリンクを使用して、ギャラリーに追加し続けます。
- または、左下の青いボタンを使用して、ページにギャラリーを挿入します。
ギャラリーがページに表示されたら、設定を変更できます。GALLERYブロックを選択し、右側のサイドバーに表示されるブロック設定を使用します。
WordPressギャラリーの追加、編集、拡張に役立つ、より詳細な投稿を作成しました。
WordPressに画像を追加するためのクイックプロセス
- 適切な比率の画像を見つけます。
- 再利用できることを確認するか、ライセンスを購入してください。
- 記事に合わせてピクセル幅のサイズを変更します。
- 圧縮ソフトウェアを使用してkbを下げます。
- Googleの要件に従って保存します。
- ブロックを使用して、投稿、ページ、またはWordPressギャラリーに追加します。
- ALTタグ、タイトルタグ、キャプションを使用して各画像を最適化します。