Loading...
  • 0k
  • 0
Wix でウェブデザインしよう \ 2015年11月5日

ホームページに画像を追加する時の大事なルールって何?

素敵なホームページには、画像が不可欠ですね!文章だけでもホームページの目的は果たしますが、画像があれば、見やすい上に、ページの印象もぐっと変わってきます。でも、画像を追加するだけでは、十分ではありません。画像をホームページにアップロードする際は、代替テキストを追加する必要があります。

代替テキストとは、画像を説明した文章のことで、画像にマウスオーバーした際に、ふわっと出てくる文字です。「altテキスト」 「alt属性」とも呼ばれます。 実際、サイト訪問者が代替テキストを読むということはあまりないのですが、2つの理由から、絶対に追加すべきです。

ホームページに画像を追加

代替テキストの役割—縁の下の力持ち!

  • 検索エンジン最適化(SEO)
    検索エンジンロボットは、画像を「読み込む」事ができません。ロボットが読めるのはテキストのみなので、代替テキストを使って、検索エンジンに画像の説明を行う必要があります。代替テキストを使えば、画像でトラフィックを獲得することができるので、サイトのSEOランキングにも良い影響をもたらします。
  • ウェブアクセシビリティを高める
    高齢者、障害者など、目の不自由な人は、ホームページから情報を取得する際、コンピューター画面に表示された情報を音声で読み上げるソフトウェアを使用しています。それらのソフトウェアは、検索エンジンロボットと同じように、画像を読み込むことができません。音声読み上げソフトでも、画像の内容を読み取れるようにするは、代替テキストが必須です。どんな人でもあなたのサイトを同じように見られるようにしてください。

代替テキストが重要な理由は分かって頂けたかと思いますが、テキストを決定する際のルールについて、もう少し詳しくみていきましょう。

  • テキストは短く!:代替テキストは可能な限り、簡潔にしてください。通常、本当に短い単語でも正常に機能します。
  • 分かりやすくする:画像を見ていない友達にその画像を説明しているような感じで、代替テキストを考えましょう。あなたの言葉による説明で、その友達が画像を理解できるようであれば、問題ありません。
  • 属性を考えてみる:代替テキストは、ページ内でその画像がどんな役割を果たすのかで大きく内容が変わってきます。例えば、幸せそうなカップルが料理をしている画像は、料理ブログに掲載されている場合と、出会い系サイトに掲載されている場合では、意味が異なってきます。属性を考慮して、代替テキストを考えてみましょう。
  • スパム行為はしない:SEOに効果があるからといって、意味もなくキーワードを並べてみたり、特定のキーワードを過剰に盛り込まないようにしてください。画像と一致しない不自然なキーワードを含んでいると、検索エンジンに不正行為とみなされる可能性があります。
  • 優先順位をつける:画像を説明できるスペースは限られています。どの単語を入れたいか優先順位をつけ、その画像を説明する上でキーとなる単語を代替テキストに含めましょう。重要なのは、場所の名前ですか?画像を撮影した人ですか?画像の色や雰囲気ですか?多くの情報を詰め込もうと思わず、一番重要なものに絞ってください。

もし、あなたがWixを使っている場合、画像に代替テキストを追加するのは、たったの数ステップで完了します。下記、手順を説明しますので、是非やってみてください。

 代替テキストを画像に追加する方法:

  • エディタ画面(編集画面)より、画像をクリックする。
  • ポップアップメニューより設定をクリックします。

画像追加

  • 画像の設定から、画像の詳細(SEO用)欄を記入します。
    -こちらを検索エンジンが読み取ります!代替テキストを画像に追加

代替テキストをブログ画像に追加する方法:

  • エディタのブログを管理より、新しい記事、もしくは既存の記事を選択し、編集をクリック。
  • 画像をクリックする。
  • テキスト(オプション)欄にテキストを記入する。

画像追加

  • 編集内容が保存されているのを確認後、エディタに戻る。

皆の印象に残るようなホームページを作る準備はできましたか?Wixで無料のホームページを作成しましょう!

 

Wix ブログを購読:


今すぐ Wixブログ を
無料購読しよう!

Wixブログを購読しよう 役立つ情報をいち早くゲット!

正しいメールアドレスを
入力して下さい

Wixブログを購読 \  

WebデザインやWix新機能についての
最新情報を無料でお届けします!

正しいメールアドレスを
入力して下さい