meta-seo-inspector_ecmg

マーケティング

基本的なSEOチェックに。DescriptionやOGPを確認できるChrome拡張META SEO Inspectorの使い方

メタタイトル、メタディスクリプション、OGP、alt属性・・・ゴニョゴニョ

はじめは意味の分からないギョーカイ用語だったこれらのワード。でもサイト運営を続けていくうちに、なんとなーく理解できて、自分なりに設定するようになりますよね。

SEOにどれだけの効果があるのか?何をどこまで厳密に設定するべきなのか?考え方も様々です。私はというと…【メタタイトル・ディスクリプションやOGPの設定、hタグエラーやalt漏れの確認】あたりまでは、記事ごとにざっくりと実践しています。

程度はともかく、これらの対策が必要だと判断し、同じように実践している人も多いでしょう。せっかく良かれと思って取り入れたなら設定のし忘れがないかの確認はしておきたいところ。

 あ、でも大体でやってるんで。そこまでしなくていいかなー

 まあ確認はしたいけど、いちいち編集画面に戻るのメンドクサイし

 そんなことより、もっと大事な対策があるだろう!

どの意見にも共感するところがあります。でも必要だとは思っているでしょう?つまり気軽に確認できればいいってことですよね。そうでなければ続けにくいですから。

じゃあ、ブラウザ拡張機能でサラッと確認できるようにしましょう。ここではChromeの拡張機能【META SEO Inspector】を紹介します。彼と一緒にできることは主に以下のとおり 

 メタタイトル・ディスクリプション・キーワードの確認

 Facebook用OGP・Twitterカード形式等の確認

 alt属性抜けなど、ページ内の注意点の確認

 nofollowリンクを視覚化して確認

いずれも調べたいページを表示している状態で即!確認できるようになります。

META SEO Inspectorの導入

まずは以下からChromeに追加します。利用者も多く評価も高いので安心です。もちろん無料。

Chrome ウェブストア

インストールするとこんな可愛らしい電球さん  がアドレスバー横に表示されます。

meta-seo-inspector_01

これだけでOK。もう使用できます。設定も必要ありません。

各項目の確認

調べたいページを表示した状態で電球さんをクリックすると、そのページの詳細が現れます。

meta-seo-inspector_02

ファースト・インプレッションはややこしそう・・』でしょう。大丈夫です。

メタタイトル・ディスクリプション・キーワードの確認

まずは一番上。メタタイトル、メタディスクリプション、メタキーワードが確認できます。

meta-seo-inspector_02-1

補足-ちょっとした私見

WordPressユーザーの場合、メタ情報はプラグインで設定していることが多いと思います。(このサイトでもプラグインを取り入れています)

私の利用しているテーマではデフォルトでメタタイトルとメタディスクリプションを設定できる独自項目があり、念のためプラグインと合わせ両方に設定しています。上の画像でディスクリプションが2つ表示されているのはそのためです。

 「ディスクリプションの重複」という響きはイメージ的によろしくないかもしれませんが、Google Search Consoleで指摘される「重複するメタデータ(descriptions)のあるページ」とはまた別問題。そして小手先を気にし過ぎないことも大切だと考えます。

Facebook用OGP・Twitterカード形式等の確認

その下ではFacebook用OGP設定の確認ができます。

meta-seo-inspector_02-2

アイキャッチ画像もちゃんと指定されていますね。クリックすればデータの確認もできます。

meta-seo-inspector_02-3

meta-seo-inspector_03

これらは設定漏れを確認するためだけでなく、「あれ?ディスクリプション、どんなこと書いてたっけ?」な場合にも重宝します。さらにその下ではTwitter用の設定も確認できます。

meta-seo-inspector_02-4

シェアしてもらった際の体裁確認もラクラクですね

ページ内の注意点を確認

とはいいつつも。それはそれは便利ではあるけども。自分でひとつずつ項目確認していくのであれば、まだメンドクサイ。(と思う人もいるはず)

大丈夫です。電球インスペクターさんはページ内で「ど忘れ事項」「注意事項」があった場合、赤文字でアラート表示してくれます

【問題】下の画像ではどんな注意点をアラートしてくれているでしょう 

meta-seo-inspector_07

 メタディスクリプション、短かすぎ

 メタタイトル、長すぎ

 OGPディスクリプション忘れてるってば

でした。さすがにタイトルフザケすぎです的なツッコミ機能は残念ながら実装されていないようですが、英語表記でもすぐに慣れそうなインターフェイスですね。

hタグエラー、alt属性抜けもアラート

さて、下の画像に挙げる例は何の変哲もない、とある日常を綴った記事の抜粋です。

meta-seo-inspector_09

こんな微笑ましい記事においても、「ど忘れ事項」「注意事項」は存在しているのです。もちろん電球スペクターさんは見逃しません。

meta-seo-inspector_10

指摘されていること、分かりましたか?

h1タグは基本的に、サイトタイトルまたは記事タイトルのみに、ひとつだけ利用されるものです。h1タグをさらに記事本文内に使用してしまっているので、「too many h1 tags」と注意されている状態です。

またもう一つは「1 images with missing ALT attribute」つまり、上の(主人公の身体に褐色の稲妻が走ったランチメニューの)画像はalt属性が抜けている、という注意喚起になります。

文章を書くことに集中していると、こんな “ついうっかり” はよくあることです。なんて頼りになる電球でしょう。

バッジ表示で一目瞭然

META SEO Inspectorはこちらから能動的に「確認しにいかなければならない」ような面倒なツールではありません。上に挙げてきたような注意点の有無や注意箇所の数は、実は電球アイコンにバッジ表示されるので一目瞭然なんです。だから…

注意点が無い状態を表す【OK】が表示されていると、ちょっと嬉しくなります。

meta-seo-inspector_04

meta-seo-inspector_01

nofollowリンクを視覚化して確認

自サイトとあまり関係のない外部リンクにはnofollow属性を付けることも、基本的なSEO対策として定石です。そんな中「アレ?nofollow付けたっけ?」な事態もよくあることです。そんな時に役立つのがやはりMETA SEO…..電スペさんです。

上部「options」から「Show nofollow links (pink outline)」にチェックを入れると、nofollow属性を付加しているリンクにだけ、ピンク色の枠が表示されます。

meta-seo-inspector_05

meta-seo-inspector_06

これも地味ながら助かります。確認するために記事編集画面に戻って、目をチカチカさせながら探す・・・といった必要が無くなります。

META SEO Inspectorの役割

もれなく必要!と言えそうなメタタイトルやメタディスクリプション、OGP設定の確認はもちろん、注意点をチェックしてくれる点など、かゆいところに手が届くのは大きな付加価値ですね

ただしこのツールに【OK】をもらえたからといって「SEO対策は完璧!」なわけではありません。むしろもっと注力する必要のあることの方が多いくらいでしょう。

このツールでチェック出来るのは【意識次第で出来ることを、出来ているか】の確認です。SEOの観点からも、この簡単な作業量に見合う価値は十分あると考えます。自分が「やっておいた方がいい」と思っていたのであれば尚更のこと

また、この拡張機能を使いはじめると、利用しながらSEOの基本的なルールの一端を覚えていくことにもなるので、サイト開設一年生にもとても有用です。もちろん高学年の先輩方も、他サイトの情報を参考にする使い方など、より有効に活用することが出来るでしょう。

ちゃんと設定出来ているか確認したかったけどなんとなく知らんぷりしていた人は、この機会にぜひ取り入れてみて下さい。きっと、安心感がぐっと上がるはずです。

 あわせて読みたい記事

【作業順まとめ】ブログを彩る!記事作りが捗る!クオリティー底上げに役立つ10個のツール

記事が気に入ったら
Requ.logを "いいね!"
Facebookで更新情報をお届け。

Requ.log | レク.ログ

スポンサーリンク
スポンサーリンク

ピックアップ記事

  1. 理想のWEBサイトを直感デザイン。TCD『テーマオプション』の使い方
  2. 子テーマ使用者必見!カスタマイズしたWordPressテーマのアップデート方法と…
  3. サイトデザインに合わせよう。TCDテーマ記事下にカード型「いいね!ボタン」をセン…
  4. ほら、こんなに直感的。投稿記事の順番を並び替えるWordPressプラグインIn…
  5. アレ?Chromeの表示文字、汚なくなった!? キレイなフォントを1分で取り戻そ…

関連記事

  1. unveil-lazy-load_ec

    ワードプレス

    設定不要!WordPressプラグイン「Unveil Lazy Load」でページ読込スピードアップ…

    簡単装備で速度をブースト!プラグインをインストールするだけで、ペー…

  2. blog-contents_ecrt

    思考志向 - シコウシコウ

    ブログにおける「価値あるコンテンツ」とは?三大要素と”オリジナリティー”の正体

    いまだから、考えるべきこと。音楽制作をしていると、"自分の発するも…

  3. screenpresso-initial-setting_ec
  4. retina_ecmg
  5. retina-os-solution_ecmg

    ワードプレス

    【Retinaディスプレイ対応1】Macで綺麗に。Windowsでサクサク。ブログ画像をOSごとに適…

    簡単に、美しく。ページ表示速度の観点で考えると、画像においてはでき…

  6. switch-by-the-device_ecmg
【Requ.log記事】魅力的なブログを、今すぐ作る。
tcd-mag
【Requ.log記事】魅力を活かす、カスタマイズまとめ。
tcd-mag

特集記事

  1. todoist_ec
  2. adjust-the-button_ecmg
  3. todoist-tips_ecmg
  4. tcd-theme-selection_ecmg-ps
  5. improvement-flow_ecmg
  6. retina_ecmg
  7. valuable-content-from-image_ec
  8. theme-change_ecrt

ピックアップ記事

  1. facebook-page-plugin_ecmg-ps
  2. intuitive-custom-post-order_ec
  3. customized-theme-update_ecmg-1-ps
  4. tcd-theme-widget_ecmg
  5. annotation-image_ecmg
  6. lightshot_ecmg
  7. todoist-routine_ecrt
  8. todoist-class_ecrt

タスク管理で、自己管理。

todoist

掘り出し記事

  1. child-theme-mechanism_ecmg-ps
  2. todoist-re-schedule_ec
  3. analytics-ip-filter_ecmg

魅力的なブログを、今すぐ作る。

tcd-mag

ブログのRetina対応、始めませんか?

retina-os-solution

ピックアップ記事

  1. todoist-constitution_ec
  2. todoist-basic_ec-ps
  3. dash_ecmg

ゆっくり、フシギなGIFアニメ。

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

最近の記事

  1. modern-dilemma-ecmg
  2. paradigm-shift-ecmg
  3. irreplaceable-ecmg

Requ.log | おすすめ書籍

言葉の贈り物 生きがいについて
「言葉にできる」は武器になる。 プロフェッショナルは「ストーリー」で伝える

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」

思考系ピックアップ記事

  1. irreplaceable-ecmg
  2. reset-button_ecrt
  3. paradigm-shift-ecmg
  4. restriction_ecmg-ps
  5. modern-dilemma-ecmg
  6. blog-contents_ecrt
  1. valuable-content-from-image_ec

    ワードプレス

    『伝わりやすいブログ』を作るには?画像で届ける価値あるコンテンツ
  2. tcd-theme-selection_ecmg-ps

    ワードプレス

    【目的別】とっておきのWordPressテーマ比較。TCDテーマのおすすめメンバ…
  3. improvement-flow_ecmg

    マネジメント

    最低限習得しておきたい自己管理術。忙しくても、頭と心は軽くしておく生活改善フロー…
  4. retina_ecmg

    ワードプレス

    【保存版】知ったら戻れない、美しさの極みへ。WordPress画像のRetina…
  5. business-books_ecmg

    マーケティング

    【厳選6冊】起業したくなったら読んでおきたいビジネス書。自分の強みを見つけて活か…
PAGE TOP