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. 簡単で効果的なストレス解消方法。「リセットボタン」で本当のリラックスを呼びだそう…
  2. 【応用編】スケジュール・タスク管理の大黒柱。万能ツールTodoistの使い方を徹…
  3. ゆっくり、フシギな色変化。GIFアニメを使った目を引くサイトロゴの作り方
  4. TodoistでToDoリスト。プロジェクトやタスクの階層化で頭の中を楽にする
  5. 実践あるのみ!TCDテーマで学ぶ、記事装飾の簡単カスタマイズとCSSの基本

関連記事

  1. facebook-app-id-app-secret_ecmg

    マーケティング

    サラリと終える開発者登録。FacebookのApp ID(アプリID)とApp secretの取得方…

    え・・こんな簡単だったんすか。サイト運営をしていると、Facebo…

  2. backup-all-in-auto_ec

    ワードプレス

    WordPressサイトを丸ごとバックアップ!「BackWPup」で丸投げタイマー設定

    一度設定したら、後はおまかせ!せっかく作った自分のWEBサイトが、…

  3. retina-logo_ec

    ワードプレス

    【Retinaディスプレイ対応4】サイトの顔も綺麗に。TCDテーマなら3ステップで完了する、ロゴ画像…

    サイトロゴは、サイトの顔。このサイトでは最上部にロゴを配置していま…

  4. blog-contents_ecrt

    思考志向 - シコウシコウ

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

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

  5. simple-image-sizes_ec

    ワードプレス

    メディア問題さん、さようなら。画像サイズを気ままに追加するプラグイン「Simple Image Si…

    挿入画像サイズ、もっと自由に選びたい。ハイどーも。お悩み相談室のコ…

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

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

レク.サウンドラボ

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

特集記事

  1. display-speed_ec
  2. todoist-tips_ecmg
  3. improvement-flow_ecmg
  4. todoist_ec
  5. business-books_ecmg
  6. tcd-theme-user-review_ecmg
  7. tcd-theme-selection_ecmg
  8. theme-change_ecrt
  9. retina_ecmg
  10. adjust-the-button_ecmg

ピックアップ記事

  1. todoist-class_ecrt
  2. chrome-font_ecmg
  3. dash_ecmg
  4. quicktag_ecmg
  5. jpg-gif-png_ecmg
  6. facebook-page-plugin_ecmg
  7. todoist-basic_ec
  8. phrase-express_ecmg
  9. gif-animation_ec
  10. widgetoon-js-count-jsoon_ecmg

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

business-books

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

todoist

おすすめ記事

  1. 小規模チーム、家族間の疎通に。Todoistで始める気軽なタ…
  2. Screenpresso(スクリーンプレッソ)を使うなら、や…
  3. Windows?Mac?なんでもゴザレ。スクリーンショットに…
  4. WordPressサイトを丸ごとバックアップ!「BackWP…
  5. ”ブログにおいしい”、注釈画像の作り方。矢印や枠線、文字を追…

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

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. 【厳選6冊】起業したくなったら読んでおきたいビジネス書。自分…
  2. 【徹底検証】乗り換えたいでしょ?WordPressTCDテー…
  3. 【フリーランス必見】確実に納期を守るために。タスク管理ツール…
  4. 【実例集】細部の余白まで美しく。オリジナルシェアボタンのデザ…
  5. 【保存版】知ったら戻れない、美しさの極みへ。WordPres…

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

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

Requ.log | おすすめ物語

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

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」
  1. adjust-the-button_ecmg

    ワードプレス

    【実例集】細部の余白まで美しく。オリジナルシェアボタンのデザイン変更と調整方法
  2. valuable-content-from-image_ec

    ワードプレス

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

    ワードプレス

    魅力的なブログで収益化。ワードプレステーマTCD【MAG】の有効的な活用方法とカ…
  4. improvement-flow_ecmg

    マネジメント

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

    マネジメント

    【小技特集】もっと使いこなす!おすすめタスク管理ツールTodoistの活用法12…
PAGE TOP