Web制作・運営・解析・SEO用語集

メタタグ

Webサイトの持つ情報を検索エンジンに伝える、または利用するためのHTMLタグをいいます。

概要

メタタグはHTMLタグの一種で、検索エンジンなどにWebサイトの持つ様々な情報を検索エンジンに伝えます。

ここで登録(伝えられる)できる内容は多岐にわたり、主として検索結果に表示される文章(discription)や、URLの正規化(canonical)、ディスプレイサイズの調整(viewport)などの設定があります。

文字コードの調整もこのメタタグで行います。
テキストファイルなどで編集したHTMLデータがある場合は、データの方と読み込まれるHTMLの文字コードを合わせる必要があります。

Webサイト制作で文字化けが発生する原因はたいていこのテキストデータの文字コードと読み込むHTMLの文字コードが不一致であるパターンです。

これらのコードは画面上に表示されない部分(headタグ内)にて記述できる内容になります。
head外に記載してしまうと内容が反映されなくなってしまうので注意しましょう。

この用語のメモ

メタタグはSEO施策面でも特に扱われるタグになります。
まず、レスポンシブデザインを実現するためには上記にあるviewportの設定をしないとページに入った時のブラウザサイズが機種によってうまく機能しない場合があります。

他にも上記のdiscriptionに記載する文言数を調整する作業や、Googleなどのクローラーにクローリングされたくない場合はrobots.txtを設定したりするなども施策として必要になります。

また、Javascriptを使用できない環境下でリダイレクトを設定する場面にも使えるので、メタタグは何の効果や種類があるのかをある程度知っておくだけでもSEO施策面では優位に立てます。

この用語の使いどころ

Wordpressのプラグインにもメタタグに関するものはたくさんあります。
SEO施策を講じる際にはこちらもほぼ確実に対策が必要になります。

特に、Googleサーチコンソールとの絡みが非常に多いタグでもあるため、SEO内部施策を勉強する際はマークアップ技術とセットでメタタグも覚えていくと良いでしょう。

関連用語

  • Googleサーチコンソール
  • HTML
  • SEO

Web担当・運営・解析・SEO問題集の例題問題

メタタグに関連するジャンルの練習問題を掲載しています。Web担当・運営・解析・SEO問題集一覧から各ジャンルの問題にチャレンジできます。
クリックすると問題の答えと解説が見れます。

Q:次のうち、最も効果が期待できるSEO施策を選んでください。
  • 作成中のhtmlタグを文法上正しく整理する。
  • 文章を一ページに3000文字程度記載する。
  • 検索されたいキーワードを1ページに沢山記載する。
  • メタタグやタイトルタグにキーワードを沢山記載する。

この答えの解説

いずれも内部施策に関する内容ですが、特にhtmlをしっかり記載することはGoogleの検索システムに「組まれている内容を正しく理解できる」情報を提供する形になるため、効果は高いです。
他の施策もいずれも大切ですが、過剰に行うとユーザビリティ低下につながるため、逆効果になる恐れがあります。

Q:公開したばかりのサイトをGoogle検索エンジンにクローリングされる最速の手段を選択してください。
  • fetch as Googleを使う
  • URL検査を使う
  • sitemap.xmlを作成し、Googleサーチコンソールから読み込む
  • クローリングされるまで放置する

この答えの解説

現在のGoogleサーチコンソールでは、残念ながらfetch as Googleは廃止されています。
代わりの手段としてURL検査があり、そこから「再クロール」はできますが、問題としては「公開直後のサイト」なので、sitemap.xmlをアップし、Googleにページを認識させなければ表示すらされません。

Q:SEOの施策について当てはまらないものを選んでください。
  • 外部施策
  • キーワード選定
  • コピーコンテンツ作成
  • 内部施策
  • ディレクトリの見直し

この答えの解説

コピーコンテンツは、Googleのアルゴリズムガイドラインに違反する行為になります。
コピーコンテンツが多く発見された場合、低品質なコンテンツとみなされてしまいます。

Q:次のタグのうちHTML5で使用できないタグを選んでください。
  • frameタグ
  • timeタグ
  • embedタグ
  • preタグ

この答えの解説

frameタグは、HTML5では廃止されました。
HTML5ではiframe(インラインフレーム)が引き続き使用できますが、frameはHTML5を文章構造、CSSを装飾指定に分割する過程上で廃止となりました。

Q:次のタグのうち、存在しないタグを選んでください。
  • mainタグ
  • sideタグ
  • headerタグ
  • articleタグ
  • preタグ

この答えの解説

sideタグは存在しません。
非常に似たタグ名にasideタグというものがあり、こちらは印刷物でいう欄外項目の表示にあてがわれます。

Q:次のタグのうち、そのページを開いたときの画面上に内容が表示されないタグを選んでください。
  • headタグ
  • bタグ
  • aタグ
  • timeタグ
  • marqueeタグ

この答えの解説

headタグのみ、bodyタグ外に設置されるタグなのでページ内に表示されません。
しかし、ヘッダー情報があることによりGoogleの検索結果に表示させたりブラウザのタブにページのタイトル名を表示させたりすることができます。
また、SNSなどと連携して画像を表示させたりする機能もこのheadタグ内に様々なタグを用いて設置します。

Q:「ページビュー」の説明について、正しいものを次の中から選んでください。
  • ある期間のうち1回の訪問分で見られたWebページの数
  • ある期間のうち1回の訪問分で遷移したWebページの数
  • ある期間で見られたWebページの数
  • ある期間で訪れた人数

この答えの解説

ページビューとは、ユーザーがWebページを開いた数(=見られた数)を示します。

Q:直帰率の説明で正しいものを選択してください。
  • サイトに訪れ、いくつかページを見てサイトから離れた割合
  • サイトに訪れ、他のページを見ずにサイトから離れた割合
  • サイトから離れて、サイトに戻ってきた割合
  • サイトから離れて、後日サイトにアクセスした割合
  • サイトに訪れ、1時間後再度訪れた割合

この答えの解説

直帰は、ユーザーがサイトに訪れた最初のページにおいて、他の下層ページやカテゴリーページなどに遷移せずにサイトから離れる行為を言います。
直帰したユーザー数÷サイトに訪れたユーザー数が直帰率として計測されます。

Q:「ランディングページ」の正しい意味を選んでください。
  • 自サイトに訪れた最初のページ
  • ブックマークをされているページ
  • キャンペーンを行っているページ
  • 着地(成果を上げた)ページ

この答えの解説

ランディングページは、ユーザーがサイトに訪れた最初のページを指します。
広告代理店等では特にLP(エルピー)制作などと略して使われることが多いです。
インターネット広告などから遷移したキャンペーン等の一枚物ページは結果、「訪問者が最初に接触するページになるため」に便宜上ランディングページと言われています。
しかし、定義としてはあくまで「ユーザーがサイトに訪れた最初のページ」であるため、レポート作成時には直帰率と離脱率の違いと共に扱いに気を付けるべき内容だと考えられます。

関連タグ【SEO】に関するよくある質問

アクセス解析に関するよくある質問を抜粋しています。SEOに関するよくある質問はこちらから。

競合他社が鬱陶しいですが、どうやったら検索上位にできますか?

まずは、上位に来ているサイトのコンテンツをしっかり見てみましょう。
何故上位に来ているのか。答えは簡単で、競合他社のほうがその「検索結果に表示」されている内容について「説明が上手いから」とGoogleが認めているからです。

どのへんが説明が上手いのかということですが、まず文章量の多い少ないはそこまで関係ありません。
同じような情報であればどれだけ様々な視点を持って説明をしているか、という点であったり、全く同じコンテンツレベルだと感じるなら、それをGoogleが「どれだけ正確に読み込みできているか」も重要です。

アンカーリンクのつけ方も重要です。内部リンク、アンカーテキスト、前後ページの関連性など上げるとキリがありません。
やれることをやって、しばらく様子を見て、さらに改善案を考えページを成長させていく他ありません。

Googleサーチコンソールって何ですか?

クリック数、コンバージョン率、合計表示回数、平均掲載順位などの検索キーワード関連の他にGoogleにインデックスするページを増やしたり不要なURLを削除したりするツールです。

サイトの構造を精査したりサイト上に検出されたエラーを修正することにより、検索結果に画像を表示、評価の★マークをつけたり等といった検索に効果をつけることもできます。

SEOってそもそも何ですか?

検索エンジン最適化(Search Engine Optimization)のことをいいます。
GoogleやYahoo!をはじめとした様々な検索エンジンサイトが世の中にあると思います。

そういった検索サイトから検索窓にて入力し、表示される検索結果のことを自然検索(Organic Search)といい、特定のWebサイトが自然検索の上位に表示されるようにWebサイトに掲載されている内容やプログラムの構成を調整することや、それらの手法を総称してSEOといいます。

手動による対策って何ですか?

Googleから何らかのガイドライン違反が判明したときに、検索順位を落としたり、検索結果から除外する処置が取られます。

コンテンツに問題がある場合は内容を改めて精査し、修正を直ちに行う必要があります。(大量のコピーコンテンツがある、他サイトにある文言がそのままほぼ全てコピーされている)

しかし、中には不正に何者かが大量のスパムリンクを勝手に張られていることによって著しく品質が意図せず落ちていることもあるため、被リンクチェックは日ごろから行うことをオススメします。

競合他社から攻撃されている可能性があります。どうしたらいいですか?

まず、どのように攻撃されているかを冷静に見ていきましょう。特に多いのが「リンク」攻撃です。
不自然なリンクがあり、理不尽なペナルティが届いたら「リンク否認」をすぐに行いましょう。

SEO業者などによって質の低いコンテンツが載っているサイトからの大量のリンクが張られたりする悪質な手口を実行してくることがあるため、Googleから通知が着たら「あわてず」「冷静に」「URLを確認してリンク否認」を実行しましょう。

そして、「手動による対策」が表示されていた場合は、「不適切なサイトからのバックリンクがあったため、リンク否認を行いました。対象サイトはhttp://○○です。」といったような内容で送ると良いでしょう。

関連タグ【Web制作】に関するよくある質問

Web制作に関するよくある質問を抜粋しています。Web制作に関するよくある質問はこちらから。

Webサイトを作成する場合、最初に覚えた方がいいものは何ですか?

Webサイトの制作は、現在では分業化が当たり前になってきているため全てを習得しなければいけない訳ではありません。
そのため、デザインからやらないとダメ、コーディングからやらないとダメ、というのはなく、覚える順番は任意で決めてもらって問題ありません。

ことWebに関して言えば、覚えるというよりかは「盗んでいく」というスタイルが、覚える作業としては適切ではないかと思います。

Web制作に必要なソフトを教えてください。

製作工程に応じて使いやすいソフトが大筋決まっていることが多いです。

構成案やサイトマップを作る際はMicrosoftの「Excel」や「PowerPoint」が鉄板です。
大まかなデザイン枠を作る分にはPowerPointがあれば十分作れますし、サイトマップやスケジュール・見積もりなどの情報は、Excelがほとんど使われることが多いです。
いずれもPDFに手軽に変換できる点も非常に使いやすい要因となっています。

デザイン面では、Adobeの「Illustrator」か「Photoshop」が鉄板で、まれに「Fireworks」を使用しているユーザーもいます。
一般的に紙媒体もやっている企業では、「Illustrator」を使用してサイトデザインを制作しているケースが非常に多いです。

コーディング等ではAdobeの「Dreamweaver」がもっとも有名ですが、テキストエディタでコードを作成できる力があれば、ワードパットソフトの「Terapad」やGithubが提供している「Atom」も非常に使いやすいです。
コーディング面においてはファイルのエンコードとHTMLやCSS記載のエンコードをあわせないと文字化けも起こしてしまうので、個人的には「Terapad」が使いやすいと感じています。

運用面、特にアクセス解析などにおいてはこちらもMicrosoftの「Excel」や「PowerPoint」が非常に使われます。ツールとしては「Googleアナリティクス」と「Googleサーチコンソール」を使います。
Excelはうまく使えば得られたアクセス情報からさらに様々な視点でのアクセス情報を拾い出すこともできるため、Excelを使いこなせることができれば大きな武器になります。
アクセス解析等はディレクターが兼任しているケースも多いです。

ざっと上げましたが、全てを担当する場合は「Excel」「PowerPoint」「Illustrator」「Photoshop」「Dreamwerver」「Googleアナリティクス」「Googleサーチコンソール」の7つをマスターすることで大半の業務が行える形になります。
浅く広く習得するか、深く狭く習得するかは得手不得手で決めればよいのではと思います。

CSSの最大の利点を教えてください。

何より少ない容量で「ある程度の動的動作」や「サイトの整形」が出来る点だと思います。
また、手軽にスマホサイト対応ができる「メディアクエリ」が使用できるのも大きな利点で、こんにちのモバイル対応を支えているものになります。

CSSは、手段を覚えておけば覚えておくほど、レイアウトの調整手段が増えてくるため、容量を抑えつつ動作を行えるソースが作れます。

関連タグ【アクセス解析】に関するよくある質問

アクセス解析に関するよくある質問を抜粋しています。アクセス解析に関するよくある質問はこちらから。

Googleアナリティクスを見るにはどうしたらよいですか?

Googleアナリティクスを閲覧するには、まずGoogleアカウントが必要です。
何らかの連絡の取れるメールアドレスをお持ちであれば、Googleのログイン画面より新規アカウント作成を行ってください。

ユーザーエクスプローラーの活用方法を教えてください。

ユーザーエクスプローラは個人個人が持っているtoken情報をもとにユーザーを追えるものになります。
その性質から「サイトの遷移」「再訪頻度」「コンバージョン後の行動」等も追えます。

コンバージョンまでどうしたか、だけでなくコンバージョン後に何をしているかを見ていくことで「どんな情報を探しているか」「その情報をどうしたら見つけやすくなるか」といった対策をたてられます。
すなわち、再訪率の向上やシェア獲得率の向上にむけた改善に取り組むことができます。

カスタムレポートは使用されますか?

出力が必要な指標が多いサイト(ランキングやある特定の状況下でのアクセス等)であれば、基本的なサマリーを表示するために使用することはあります。
とくに、広告を扱うようなサイトであれば多視点から情報を集めなければならないため、短時間での状況把握をするべく使用することがあります。

一般的な企業サイトや個人サイトであれば、ユーザーサマリーの概要をしっかりつかんでおけば十分だと思います。

Googleのアカウントをとった後、何をすればよいですか?

Googleアナリティクスのサイトに移動し、ログインしてアカウントに入場してください。
なお、アカウント登録した直後であれば、なにも登録されていないはずです。

アクセス解析レポートを作るうえで大切なことは何ですか?

まずは必要以上に情報を入れすぎないようにした方がよいでしょう。
沢山記載することは大切ではありますが、数値を見てもらい理解してもらうには沢山の情報は邪魔になります。

具体的には、資料のボリュームと話するボリュームが同じ位に量を調整すると伝わりやすいです。

年齢別や地域別のアクセスはどんな時に使いますか?

一例ですが、特定の地域や年齢層、それから男女どちらかまたは両方に大きく支持されているのであれば、支持された層のトレンドを狙ったコンテンツや広告ワード、閲覧されてる時間帯に広告費用をかけるなどといった費用投資判断の指標に使えます。

索引から探す

タグから探す

よくアクセスされている用語

その他カテゴリー

Webサイトトップページに戻る

スポンサードリンク