タグ

alt属性に関するreirei-bijinのブックマーク (2)

  • 画像を貼り付ける際に、代替テキスト(alt属性)を指定できるようにしました - はてなブログ開発ブログ

    はてなブログでは、記事編集画面(PC版)の編集サイドバーにある「写真を投稿」タブから写真を貼り付ける際に、代替テキスト(alt属性)を指定できるようにしました。あわせて、キャプション(説明文)を付ける機能の改善も行いました。 代替テキストは、画像などの要素が表示できないときに、代わりに表示される文字列です。ネットワークの問題で画像が読み込まれなかった場合に表示されたり、音声ブラウザで読み上げられる際に使われたりします。 画像に代替テキストを指定するには、まず編集サイドバーの「写真を投稿」タブを開き、「貼り付け時に詳細を設定する」にチェックが入っている状態で画像を選択します。そのまま「選択した写真を貼り付け」をクリックすると、「写真の詳細設定」ウィンドウが開きます。「画像にalt属性を指定する(上級者向け)」にチェックを入れると代替テキストを入力するフォームが表示されるので、文章を入力してく

    画像を貼り付ける際に、代替テキスト(alt属性)を指定できるようにしました - はてなブログ開発ブログ
    reirei-bijin
    reirei-bijin 2018/01/09
    地味に大事。Twitterだとスマホアプリでもできる?各種ブログサービスも標準搭載だとうれしい。
  • imgタグに含めるaltタグとSEOの関係について | SEO内部対策についてまとめ【基本の対策を詳細解説】

    画像(img)を配置する際、altに必ずキーワードを含めて設定するということは、SEO対策では基です。 なぜ画像にaltを設定するのかというと、クローラーが画像の内容までは客観視して見ることはできないためで、画像の補完テキストを設定する事でコンテンツの一部である画像の内容を正しく伝えるためです。 また、altに設定したテキストは、音声ブラウザが設定したテキストを読み上げるといったユーザビリティにも深く関係してくることから、altにより画像の内容を正しく設定することが重要です。 では、今回はこのSEO内部対策の基であるimgに設定するaltについて説明していきます。

    imgタグに含めるaltタグとSEOの関係について | SEO内部対策についてまとめ【基本の対策を詳細解説】
  • 1