画像の「title」と「alt」を活用した方がいいという記事を読んで、すぐに便利な機能を設置しました。とりあえず使っていたのですが、イマイチ理解できていません。
「title」と「alt」ってどうするの?という疑問にひとつの答えを出したので、ご紹介します。
「はてブロimageTitle」というChrome拡張機能を使ってみた
まずは上記のサイトで提供されている「はてブロimageTitle」というChrome拡張機能をインストールしました。それから、セッセと画像のtitleとaltを変更していました。
インストールすると、PCにアイコンが表示されます。
titleとaltは重複しない方がいいらしい
色々な記事を読んでいると、どうもtitleは「空欄」の方がよいという意見が多くありました。titleとaltが重複しているとサイトの評価が「低」になるらしいのです。
それはSEO的に不利になりますね。それで、またいろいろ調べてみました。
こちらのブログがヒントになって、ちょっと見えてきました。下書き保存の記事の画像タグをHTML編集の画面で確認してみると、titleとaltがありました~♪
「title」「src(画像のURL)」「alt」があって、確かに「title」と「alt」が同じ記述になっています。
これをどうやって編集したらいいのか、しばし試行錯誤(笑)
「はてブロimageTitle」の設定変更
先ほどのPC画面のアイコンをクリックすると、上記の画面が出てきます。「設定する」をクリックします。
わたしは、「alt title属性の両方を編集する」を設定しました。
「title」と「alt」のタグを削除する
「画像のタイトルを変えるやつ?」という表示があって、その下に画像の属性が書かれています。ここにカーソルを乗せると、右端に「✖」マークが出てきます。
この「✖」をクリックすると、「title」と「alt」の両方が空欄の「設定なし」になります。そして「変更する」をクリックします。
画像の貼り替え
次に、先に貼り付けてあった画像をいったん削除します。それから変更(編集)した画像を貼り付けます。
altを日本語で書く
始めはアイキャッチ画像だけを考えていたので、記事のタイトルを書けばいいのかな?と思いましたが、それはダメでした。
「写真の具体的な説明を30字くらいで記述する」といいのだそうです。
「はてブロimageTitle」で「title」と「alt」の両方を空欄にしました。それから「alt」に日本語を記述していきます。
これで完成!投稿または下書き保存や予約投稿して、書き換え(変更:編集)は完了です。
まとめ
- 「title」と「alt」の画像タグを削除する
- HTML編集で「alt」に日本語の説明を記述する
- 投稿で確定
「はてブロimageTitle」を使用した場合は、右サイドバーに表示される画面でタグを削除してから、既存の画像を削除して貼りなおします。
アイキャッチ画像が1枚だけなら変更は簡単ですが、挿入画像が多ければ多いほど作業に時間がかかりますね。単なる雰囲気だけの写真で本文と関係ない場合は、「alt」は空欄でもいいらしいので、面倒な場合は「title」と「alt」の両方を空欄にしてもいいのでしょうか。
この操作が、SEO的にどれだけ効果があるのはよくわかりません。今後の動きを見ていきたいと思います。
りょうこのつぶやきでした。
では、ごきげんよう。
画像元:画像にaltタグを記述!SEOに効果的なalt属性の書き方! - ネットビジネスで稼ぐ方法!- | Net-Bz