アメブロの新機能「代替テキスト」をご存じですか?



「代替テキスト」とは
何らかの原因で画像が表示されなかったときに、
画像の代わりに表示される文字や文章のこと。

 

 

記事に画像を貼り付けた際、

画像をクリックすると設定画面に進みます。


 

画像の代わりに文字や文章で表示される

以外にも嬉しいメリットがありますよ!


 

画像が表示されなくても文字で伝わります!


何らかの原因で画像が表示されないときや
画像の読み込みが遅い時に

「代替テキスト」で表示させることがきます。


代替テキストを設定していると

画像が表示されないことがあっても

ココにはこんな内容の写真がありますよ!
と、文字で伝えることができます。

 

書き手側の《伝えたいことを伝えることができる》

読み手側の《「どんな画像があったのか分からない!」というストレスを減らすことができる》

設定するだけでこの2つの効果があるんですね!



 

SEO対策が期待できます!


検索エンジンは、

写真を入れただけだとそれが何の写真が分かりません。



 

例えばこちらの写真、

代替テキストを設定しない

HTMLはこんなふうになっています。

 

 

設定すると







「代替テキスト」を設定することで

Googleの検索エンジンに
「この画像はこんな内容の画像ですよー」
という事を文字で伝えることができ、

検索エンジンに認識され
Google画像検索などに表示されたり

キーワード検索の上位に上がりやすくなります!


画像検索は、検索窓にキーワードを入力して

下の「画像」をクリックすると、

関連する画像が表示されます。



 

《検索エンジン》とは

インターネット上のさまざまなコンテンツを探すサービスの総称。

キーワードを入力すると、関連性の高いサイトや
キーワードが合致したサイトが順に表示されます。

日本の代表的な検索エンジンは「Google」や「Yahoo!」

使っている人、多いですよね。

 

 

「代替テキスト」の設定方法


 

 

①貼り付けた写真をクリック

②「代替テキスト(alt)」の下に

画像を表す内容のテキストを入れてください。

③入力したら、何もないところをクリックすると表示が閉じます。

 


これだけ!!!

入力するテキストは短く、分かりやすくまとめてくださいね。
※「代替テキスト」機能は今のところパソコンのみです。
 

 

 


 

おまけ!instagramでも「代替テキスト」を設定できますよ!
 

 

写真を選びすすむと
「詳細設定」


「詳細設定」から「代替テキストを書く」
で設定できますよ!
ぜひ試してみてくださいね!