Tips 小ネタブログ
Webディレクター必見!Chromeの拡張機能
前回、仕事やプライベートで使えるchromeの拡張機能をご紹介しましたが、
今回はもう少し専門的な、WEB担当者にお進めしたい拡張機能をご紹介したいと思います。
↓↓↓ 仕事で役立つおすすめのChrome拡張機能 ↓↓↓
https://alive-web.co.jp/tips/chrome
ウェブページの画像に設定された Alt または Titleを、
ツールチップで見える状態にして表示させることができる拡張機能。
AltタグやTitleがきちんと設定されているか一目でわかる便利な機能です!
『AltやTitleのチェックってすごく面倒…』と思っているWEBディレクターも多いのでは?
Alt & Meta viewerは、画像のAltやTitle、また画像のサイズまで一目でわかってしまうという、かゆい所に手が届くとても嬉しい機能!
この機能を使うと、画面上にチップが表示され、以下の情報が一目でわかるようになります。
・Alt属性
・title属性
・画像のサイズ(元の画像のサイズ)
・画像のサイズ(スタイルで設定されているサイズ
拡張機能を追加すると、画面右上に 『Alt』 というアイコンが追加され、
クリックすると、このように2つのボタンが表示されます。
”画像のAltを表示”を押すと、以下のようにツールチップが現れ、
AltやTitle、画像のサイズが一目でわかるようになります。
”Title Meta 表示”を押すと、このようにタグが画面上に表示されます。
WEBページのTitleやH1タグなど、誰でも気軽に使えるSEOツール。
ページ内でのテキスト量など、無料なのにかなり詳細な情報が得られるツール!
AdMatrix Analytcisは、WEBページのSEO内部対策状況を一目でチェックできる便利な解析ツールです。
そのページ内で使用されているHTML要素の内容や、SEOワードの出現率、テキスト量、表示速度など、基本的な内容はもちろん、Altの内容を画面上のサイト内マッピング機能で表示させることができます。
この拡張機能で、これだけの情報を得ることができます。
しかも無料!!
・解析結果サマリー
・TITLE・METAタグ
・H1~H4タグ
・外部へリンク
・被リンク(バックリンク数)
・各種タグ(解析タグ、アフィリエイトタグ、DSP、3PAS)
・サーバーレスポンス速度
拡張機能を追加すると、画面右上に A とアイコンが表示されます。
見たいページ上でこのアイコンをクリックすると、このように画面下に情報が表示されます。
その他情報も、このように分かりやすくボタンが表示されているので、見たい情報をすぐさま確認することができます!