効率化

Altチェックを簡単にできるChrome拡張機能「Alt & Meta viewer」

一瞬でAlt確認ができる拡張機能「Alt & Meta viewer」

Webサイト作成でSEO的には重要になってくる画像のAlt。
Altを1つ1つ入れていくのも大変なのに、納品前に1つ1つチェックなんてやってられねええええ!ってなってませんか?

そんな面倒なチェックを一発で終わらせてくれるのがGoogle Chrome拡張機能「Alt & Meta viewer」です。

Alt & Meta viewer

 

では、早速入れていこう!

 

 

「Alt & Meta viewer」導入

まずGoogle Chromeは必須になります。
ほかのブラウザを使ってるって人はとりあえず「Google Chrome」をダウンロード!

 

Google Chromeを起動できたらこちらにアクセスし、「Alt & Meta viewer」をインストールしてしまいましょう。

 

「chromeに追加」を押すことでインストールすることができます。

 

 

「Alt & Meta viewer」の使い方

「Alt & Meta viewer」の使用方法は至ってシンプル!
インストールが完了すると、Google Chromeの右上に「Alt」と書いたアイコンが出てきます。

Alt & Meta viewer

「Alt」をクリックし、「画像のAlt表示」をクリックするだけ!
クリックすると下記画像のように画像のもとに設定されている画像が表示されます。

Alt表示

 

 

またAltが設定されていない部分は右上に何個設定されていないかが表示されます。

Alt未設定

また「Altなし○個」の部分をクリックすることでどの画像が設定されていないのか画像つきで表示されます。

Alt未設定

 

 

 

 

以上!

 

 

ぜひWebサイト制作時のチェックに活用してみましょう!

ABOUT ME
シラツキ
Web制作会社で働くフロントエンドエンジニア(コーダー)。HTML,CSS,JS,WordPress,EC-CUBE,Next.jsなど制作に役立つ情報を発信していきます。 webサイトの運営、修正、制作などお仕事も募集中! お気軽にご相談ください。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)