WordPressで画像を正しくアップロードすることの重要性

ユーザーが画像をコピーし、ウェブサイトのコンテンツに直接貼り付けることがあります。これは、ページ速度の低下、ユーザーエクスペリエンスの低下、SEOの低下といった問題を引き起こす可能性があります。

画像をワードプレスウェブサイトその際、正しく行うことが重要です。正しいファイル形式、ファイル名、代替テキストを使用してください。

画像にはダッシュで区切られた説明的な単語を付けることをお勧めします。

画像を正しく追加するということは、画像が素早く読み込まれ、すべてのデバイスで見栄えが良くなるようにサイズを変更するということでもあります。例えば、JPEGなどの画像フォーマットの中には、他のフォーマットよりも圧縮率が高いものがあります。つまり、JPEG画像はサーバーの占有スペースが少なく、読み込みにかかる時間も短くなります。

これらのフォーマットと画像圧縮プラグインウェブサイトのユーザー体験を向上させることができます。

同様に、WordPressの画像ブロックを使用すると、SEOのために画像を適切に最適化することができます。代替テキスト.これにより、検索エンジンが画像をインデックスしやすくなります。

改善可能ウェブサイトランキング.

ブロックエディター（Gutenberg）で画像を追加する方法

WordPressのブロックエディターでは、画像ブロックを使って画像を追加することができます。

まず、画像を追加したい既存または新規のページ/投稿を開きます。

次に、画面左上の「」をタップします。ブロックの追加" (+) ボタンをクリックしてブロックメニューを開きます。ここから"写真"ブロックを作成し、投稿やページに追加します。

終わったら、"メディアライブラリー"スクリーン上で起動するボタン"メディアの選択またはアップロード「ヒント

ここで、コンピュータからローカルに画像をアップロードする場合は、" に切り替えることができます。ファイルのアップロードタブ

ただし、メディアライブラリから画像を追加したい場合は、"メディアライブラリー"オプションで行います。

画像を追加するときは代替テキスト.左の列で操作できます。

代替テキストに関してイメージSEO 検索エンジンが画像の文脈を理解するのに役立つからです。

また、右の列に画像の説明を追加することも可能です。キャプション「そして説明".キャプションはユーザーが画像にカーソルを合わせたときに表示されます。

次に、" をクリックする。オプション"ボタンをクリックすると、ページや投稿に画像を追加できます。

アップロードが完了したら、右側のブロックパネルから画像のサイズ、寸法、枠線、スタイルをさらにカスタマイズできます。

最後に「」をクリックします。更新「またはポスト「をクリックして設定を保存します。

Gutenbergエディターで画像が正しく追加されました。

WordPressメディアライブラリへの画像の追加

メディアライブラリに直接画像を追加することも可能です。メディアライブラリに画像を追加した後、投稿またはページを開き、画像ブロックを挿入する必要があります。

メディアライブラリから画像を追加するには、WordPressの管理エリアのメディア」は新しいページを追加します。

次に、"ファイルを選択「をクリックしてコンピューターから写真をアップロードします。次に"編集"リンク

へ"編集メディア"ページで画像のタイトルを変更できます。その後、スクロールダウンして代替テキスト、タイトル、説明を追加します。

完了したら、" "をクリックすることもできます。画像の編集「ボタン

このページでは、画像のトリミング、ズーム、回転、反転をお好みで行うことができます。

問題がなければ、" をクリックします。更新「をクリックして変更を保存します。

リターン"編集メディア「をもう一度クリックしてください。更新「をクリックして設定を保存します。

これでメディアライブラリへの画像の追加は完了です。

次に、WordPressの管理画面のサイドバーから、この画像を追加したい投稿にアクセスします。そして"ブロックの追加" (+) ボタンは"イメージ「投稿にブロックが追加されました。

次に、"メディアライブラリー「ボタン

という画面で起動します。メディアの選択またはアップロード"プロンプトが表示され、上部のメディアギャラリーにアップロードされた画像が表示されます。

選択すると、タイトル、代替テキスト、キャプション、説明がメディアライブラリページから追加されていることがわかります。

をクリックしてください。オプション"ボタンをクリックして、ブロックエディタに画像をアップロードします。

最後に「」をクリックします。ポスト「または更新「をクリックして保存します。