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. 魔法のような仕事効率化。ブログにも使えるWindows定型文ツール「Phrase…
  2. アレ?Chromeの表示文字、汚なくなった!? キレイなフォントを1分で取り戻そ…
  3. TodoistでToDoリスト。プロジェクトやタスクの階層化で頭の中を楽にする
  4. 「忙しくてやりたいことができない・・!」に効く。マイペースに習慣を変えるタスク管…
  5. Twitterのシェア数表示を復活!「widgetoon.js & count.…

関連記事

  1. intuitive-custom-post-order_ec

    ワードプレス

    ほら、こんなに直感的。投稿記事の順番を並び替えるWordPressプラグインIntuitive Cu…

    記事の順番だって、自由に決めたい。ブログなどのトップページで表示さ…

  2. retina-weight-saving_ecmg
  3. retina-text-widget_ecrt
  4. set-double-rectangle_ecmg
  5. todoist-constitution_ec

    マネジメント

    ブロガー以外も知っておきたい。ブログ記事の書き方と、頭を整理する構成方法

    ストレスフリーで効率的な下準備。いざ記事を書こうとしても、すぐに手…

  6. theme-change_ecrt

    ワードプレス

    【徹底検証】乗り換えたいでしょ?WordPressTCDテーマの変更方法と注意点

    TCDテーマからTCDテーマへ!魅了されてしまった。ついに乗り換え…

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

Requ.Sound Lab. | レク.サウンドラボ

レク.サウンドラボ

音に、景色と”振る舞い”を。

特集記事

  1. extension-tools-for-bloggers_ec
  2. improvement-flow_ecmg
  3. tcd-theme-selection_ecmg-ps
  4. retina_ecmg
  5. todoist_ec
  6. todoist-tips_ecmg
  7. tcd-mag_ecmg-ps
  8. todoist-extension_ecmg
  9. valuable-content-from-image_ec
  10. tcd-theme-user-review_ecmg

ピックアップ記事

  1. child-theme_ecmg
  2. original-share-button_ecmg-ps
  3. dash_ecmg
  4. todoist-class_ecrt
  5. chrome-font_ecmg
  6. tcd-theme-options_ecmg
  7. widgetoon-js-count-jsoon_ecmg
  8. todoist-basic_ec-ps
  9. tcd-css-customize_ecmg
  10. quicktag_ecmg

強みを見つけて、活かしていくために。

business-books

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

todoist

おすすめ記事

  1. feedlyのフォロワー数が表示されないっ!?SNS Cou…
  2. WordPressサイトを丸ごとバックアップ!「BackWP…
  3. ”WEBサイズマスター”へ。Chrome拡張「Page Ru…
  4. ”ブログにおいしい”、注釈画像の作り方。矢印や枠線、文字を追…
  5. 「Mailboxの代わりは・・?」代替メールアプリ最有力。S…

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

tcd-mag

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

retina-os-solution

最近の記事

  1. 【使用者レビュー】WordPress初心者にこそおすすめのブ…
  2. 【小技特集】もっと使いこなす!おすすめタスク管理ツールTod…
  3. タスクに、日時や曜日が勝手に反映される・・!?Todoist…
  4. 魅力的なブログで収益化。ワードプレステーマTCD【MAG】の…
  5. MAGのデザインをフル活用。PCとスマホの広告設置枠を自由に…

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

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

特集記事

  1. 魅力的なブログで収益化。ワードプレステーマTCD【MAG】の…
  2. 目指せ軽量化!今から始める、WordPressサイトの表示ス…
  3. いつでもどこでも即タスク化。Todoistの便利すぎる拡張機…
  4. 【保存版】知ったら戻れない、美しさの極みへ。WordPres…
  5. 最低限習得しておきたい自己管理術。忙しくても、頭と心は軽くし…

Requ.log | おすすめビジネス書

コンテンツの秘密-ぼくがジブリで考えたこと 「言葉にできる」は武器になる。
プロフェッショナルは「ストーリー」で伝える 日本人の知らなかったフリーエージェント起業術

Requ.log | おすすめ物語

モモ マリコ/マリキータ
なんくるない たったひとつの冴えたやりかた

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」
  1. tcd-theme-user-review_ecmg

    ワードプレス

    TCDテーマ導入前に知っておきたい、2つの注目機能とユーザー目線レビュー
  2. todoist-extension_ecmg

    マネジメント

    いつでもどこでも即タスク化。Todoistの便利すぎる拡張機能4選
  3. tcd-theme-selection_ecmg-ps

    ワードプレス

    【目的別】とっておきのWordPressテーマ比較。TCDテーマのおすすめメンバ…
  4. valuable-content-from-image_ec

    ワードプレス

    『伝わりやすいブログ』を作るには?画像で届ける価値あるコンテンツ
  5. improvement-flow_ecmg

    マネジメント

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