制作ツール PR

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

Alt & Meta viewer
記事内に商品プロモーションを含む場合があります

画像のAlt設定されてますか?
web制作において画像のAlt設定は重要です。
SEOや画像が表示されなかった時、がぞが表示されないブラウザ等でも重要になってきます。

しかし、画像の多いサイトだとどこを設定して、どこが設定されていないか確認するのも大変ですよね。
今回のChrome拡張機能「Alt & Meta viewer」を使用することで簡単にAltチェックができるので、web製作者がぜひ入れておくことをおすすめします。

 

一瞬で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サイトの運営、修正、制作などお仕事も募集中! お気軽にご相談ください。