2020.08.09こんな人に読んでほしい!alt属性って何?どうしてalt属性を設定した方がいいの?alt属性はどうやって設定すればいいの?Asuこんにちは!はじめての子育てに奮闘中のAsu(@asu_designlife)です!みなさんは、ブログに載せている画像にalt(オルト)属性を設定していますか?画像を挿入する際に設定できるのですが、alt属性のところに上級者向けと書かれていた為、Asu上級者向け...しばらくそっとしておこう。代わりに文字として表示してくれたり、音声ブラウザで読み上げたりしてくれるんです!今回は、はてなブログで画像にalt属性を設定する方法について、解説していきたいと思います。画像が表示されなかった場合、文字として表示してくれる視覚障がい者の方に対して、音声で説明してくれる画像検索の最適化に効果があるはてなブログでalt属性を設定する方法alt属性を編集したい時は...SEOとの関係性まとめ:情報を正確に伝える、親切なブログ作りを!alt属性とはalt属性とは、「代替テキスト」という意味です。ブログに載せる画像の説明を、文字(テキスト)として設定しておくことで、画像が表示されない場合でも、ユーザーに正確な情報を伝えることができます。画像が表示されなかった場合、文字として表示してくれるインターネット側で何らかの問題があり、画像が表示されない場合でも、ユーザーに対して文字で説明することができます。視覚障がい者の方に対して、音声で説明してくれる視覚障がい者の方がインターネットを利用する時は、音声ブラウザなどで音声を読み上げます。その際、alt属性が設定されていない画像の場合、何の画像なのかを伝える手段がありません。alt属性が設定されている場合は、設定されている文字を読み上げてくれるので、文字で画像の情報を伝えることができます。画像検索の最適化に効果がある検索エンジンは、ページ内の画像を認識する際に、alt属性や画像前後のテキストなどの情報を参考にしているため、alt属性を設定することで、検索エンジンが画像を認識する際の助けになります。検索順位では、1ページ目に入ってきませんが、画像検索では上位に表示されています!画像検索で上位にあがる「ガパオライス」スポンサーリンクはてなブログでalt属性を設定する方法Asuでは早速、画像にalt属性を設定してみましょう!はてなブログでは、画像を挿入するのと同時に、簡単に設定することができます。「写真を投稿」から写真を選ぶと、「写真の詳細設定」が表示されます。「1画像にalt属性を設定する」にチェックを入れます。2の枠に画像の説明文を入力します。「記事編集画面に貼り付ける」をクリックして、完了です!ポイント設定する文字(テキスト)は、単語ではなく、説明的な文章を設定しましょう!Asu例えば、「子ども」だけだと、どういう状態の子どもの写真かがわからないので、写真の情報をできるだけ詳しく書くようにします。alt属性を編集したい時は...画像のalt属性を変更したい時は、「HTML編集」にて行えます。週刊はてなブログでは、alt属性とSEOの関係に対して、下記のように言及しています。検索エンジンにコンテンツや画像の情報を伝える補助にもなるため、SEO(検索エンジン最適化)にも効果があると考えられます。Adsense(アドセンス)に合格後、SEOを意識しながら、記事を書くようになりました。ココナラなどWEBサービスへの委託は行っておりませんが、ひとつひとつ心を込めて作っています。Adsense(アドセンス)に合格後、SEOを意識しながら、記事を書くようになりました。SE...ブロガー向け【デザイン制作】似顔絵アイコン&ヘッダーを作りました幼児食コーディネーターのゆきさま(@yuki_rinyusyoku)からご依頼いただいた、似顔絵アイコンとヘッダーをご紹介します。』より、引き続きご依頼...ブロガー向け【デザイン制作】似顔絵アイコンを作りましたママブロガーのポジそらさま(@mahalo8601)からご依頼いただいた、似顔絵アイコンをご紹介します。ブログの吹き出しにも使える、表情4種類を作らせていただきました。...SEOとは?初心者がやるべきSEO対策まとめ!【デザイン制作】似顔絵アイコン企画をやりましたコメントコメントをキャンセルメールアドレスが公開されることはありません。*名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。食育インストラクター2歳の子どもと旦那さんの3人暮らし。学生時代にグラフィックデザインを学び、デザイン関連の会社を経てフリーランスに。家族に美味しくて体にいいものを食べてもらいたいという想いから、食育についても勉強中。