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

HTML

Webページを構成するために必要な言語のことです。

概要

HTMLというのは、Hyper Text Markup Language(ハイパーテキストマークアップランゲージ)の頭文字をとったもので、エイチ・ティー・エム・エルという言い方を一般的にします。

Webページを表示する際に、HTMLという言語(決められた文法上のルール)に則ってコードを書くことにより、正確な情報をブラウザ画面に表示することができます。

このHTMLのコードは、「タグ」というもので構成されており、それぞれのタグが文法上の役割を担っています。

例えば、pというタグがあります。pタグは一般的には「段落タグ」と呼ばれており、文章の一区切り分を構成しています。

本の小説などをイメージしていただくとわかりやすいかもしれませんが、タイトルがあり、文字や段落があり、画像があり・・・など、似通った要素が実は多いです。

他にも非常に沢山のタグがありますが、それらを組み合わせることでWebサイトのページを構成していきます。

この用語のメモ

Webに携わる仕事を行うのであれば聞かないことはまずないほど、もっとも根付いた言語です。
業務上のあらゆる場面で意識的、または無意識に関わってきます。

制作会社との打ち合わせや勉強会などでも頻繁にカリキュラムがあります。基礎の基礎ですが、コーダーとしてはもっとも大切な言語です。

Web制作を行う方にとってはまず一番初めに習得する言語のひとつとなるでしょう。

学校機関等である程度基礎知識は習得できるものの、業務になってくると求められるのは正確で且つ容量の少ないコーディング能力が要求されます。
個人的にはそんなに沢山のタグを覚える必要はなく、文章構成に必要なタグに絞って習得し、他はCSSの習得に力を入れるのがまずは近道だと思います。

関連用語

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

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

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

この答えの解説

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

Q:次のタグのうち、時系列に並んだ新着情報一覧の表示にもっとも適しているものを選んでください。
  • olタグ
  • dlタグ
  • pタグ
  • divタグ
  • ulタグ

この答えの解説

olタグは順序リストになるため、構文上の表記では時系列(順序)が記載されており、他の選択肢より適しているタグになります。

Q:次のタグのうちHTML5で使用できないタグを選んでください。
  • blockquoteタグ
  • emタグ
  • centerタグ
  • labelタグ

この答えの解説

centerタグは、HTML5では廃止されました。
CSSのmargin属性(左右auto指定)や、text-align属性でcenter指定(IEではmargin属性だけでは反応しない)する形でセンタリングします。

Q:SEO業者を選ぶ上で長期的に成果を出す可能性の高い業者を選んでください。
  • リンクに強い業者
  • ライターが多数在籍の業者
  • Googleのアルゴリズムに詳しい業者
  • レスポンシブデザインなどhtmlコーディングに精通した業者

この答えの解説

いずれも強いことに越したことはありませんが、特に大切だと思うのはしっかりサイトを作り込んでいるかどうかが最優先だと考えます。
コーディングがしっかり作り込まれているサイトは、更新しやすくコンテンツの追加も行いやすいため、更新頻度が高くなるのと、良質なコンテンツを作成することに工数を割くことができるため、結果的に長期的な成果を出しやすいサイトにできると考えています。

Q:業者から次の選択肢の提案があった場合、やめておいた方がよいものを選んでください。
  • 当社はYahoo!やGoogleの検索アルゴリズムに精通しています。
  • 当社はあらゆる業界においての情報サイトを有しており、ライターを8名常駐しています。
  • 当社はロングテールSEOに強く、競合他社とのSEOで勝てています。
  • 当社は20名超のマークアップエンジニアを抱えています。

この答えの解説

正解の選択肢では、施策の具体性の説明がないのでブラックハットSEOを行っている可能性が高く、ペナルティを受けた場合のリカバリが非常に難しくなるため、対応方法を聞くべきです。

Q:SEOの施策のうち、最も行った方がよいものを選択してください。
  • Webサイトのレスポンシブデザイン化
  • カテゴリーページの追加
  • 長い記事の分散化
  • キーワードの頻出化
  • h1、h2、h3タグの追加

この答えの解説

いずれも施策としては行った方が良いものばかりですが、何より「どんなユーザーでも等しく情報を的確な状態で提供できる」レスポンシブデザイン化が最も行うべき施策だと考えます。
サイトのユーザーのうち、99%くらいがPCユーザーの場合は別ですが、基本的には誰でも問題なく情報が得られるサイトが最も評価されます。

Q:モバイルファーストインデックスの説明で適切なものを選んでください。
  • モバイルサイトが無い場合、コンテンツにお金をかけていないとみなされる
  • モバイルサイトが無い場合、自動的にPCサイトがモバイルサイトとみなされる
  • モバイルサイトがある場合、優先的にGoogleのクローラーが巡回する
  • モバイルサイトがある場合、PC版サイトの順位が下がる

この答えの解説

モバイルファーストインデックスは、適切なモバイルページがある場合、Google側が重要な情報として収集を試みるため、Googleクローラーの巡回度が上がります。

Q:Googleサーチコンソールの「検索パフォーマンス」でわかることの正しい組み合わせを選んでください。
  • クリック数、コンバージョン率、合計表示回数、平均掲載順位
  • クリック数、クリック率、平均掲載順位、クリックコスト
  • クリック数、合計表示回数、クリック率、平均掲載順位
  • クリック数、コンバージョン数、クリック率、平均掲載順位

この答えの解説

Googleサーチコンソールの検索パフォーマンスで確認できるものは、クリック数、合計表示回数、クリック率、平均掲載順位の組み合わせです。

Q:次のうち、スパムサイトに該当するサイトを選択してください。
  • ミラーサイト
  • キュレーションサイト
  • サテライトサイト
  • ECサイト
  • ティザーサイト

この答えの解説

ミラーサイトはフィッシング詐偽やなりすましの温床または手法となっているため、Googleのスパムに該当します。
一昔前はサーバ負荷を分散する目的もありましたが、レンタルサーバも強固になった今、ミラーサイトは不要になり、SEOを行う場合はサービス説明の補完のためにサテライトサイトを立ち上げています。
他は一般的に作られているサイトです。

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

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

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

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

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

Web制作って具体的には何をしますか?

全体的な工程としては、「打ち合わせ」「納期・見積」「サイトマップ」「構成案(ワイヤフレーム)作成」「デザインカンプ」「デザイン制作」「コーディング」「校正・テスト・品質管理」「公開」「運営・運用」をトータルとした工程になります。
これだけでもかなりの工程数になるかと思います。

各工程には普通、「納期」を設定しているため、各工程が遅れてくると、他の工程のスケジュールが圧迫されてしまい、タイトなスケジュールをこなさなくてはならなくなります。

ディレクターは主に前半の「打ち合わせ」から「構成案(ワイヤフレーム)作成」までを担い、あとは品質チェックや進行管理を中心に行います。

デザイナーは「デザインカンプ」及び「デザイン制作」、コーダーは「コーディング」と「校正・テスト」をそれぞれ担う形となり、Web制作の分業化が進んだ今、ざっくりですがこういった形で業務が行われています。

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

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

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

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

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

SEOを行う上で何から行ったらよいかわかりません。

まずはGoogleアナリティクスとGoogleサーチコンソールを導入し、サイトに訪れる際に検索されているキーワードを探してみましょう。

次に、今展開しているコンテンツが「その検索キーワードにマッチしている内容かどうか」をしっかり精査した上でサービス説明を組み替えたり、検索されやすいキーワードを文中に文法上意味の通る状態を考慮した上で組み込むなどのてこ入れをしていきます。

SEOの良いところと悪いところを教えてください。

良いところは何といっても対策を行ったことで検索結果で自身のサイトが取り上げられ、予想以上の顧客獲得につながることです。自分のサイトを多くの人に知ってもらい、自分のサービスを多くの人に触れてもらい、使ってもらえるようになるためにSEOを頑張る。

悪いところは、やはり誤魔化しは効かないという点です。そして、未だにそういった不正な順位アップをもくろむネット運営者がいることも事実です。

検索順位が落ちた場合はどうしますか?

手動による対策で下がった場合は、1つ上の質問の内容の通り、コンテンツの中身を精査してみてください。

競合が順位が上がったことにより、順位が落ちることも当然ながら多々あります。
そのような場合は、相手のコンテンツのどういった点がよさそうに感じるのか、キーワードの頻出具合はどのようになっているのか、コンテンツに厚みや面白味があるか、どの端末でも問題なく閲覧できているか、サイトが軽いか(容量が少なく済んでいるか)。

ざっと思いつくものでもこれだけあります。競合と比べて劣ってそうと思うところは1つずつ地道に改善していきましょう。SEOは一日にして成らずです。

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

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

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

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

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

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

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

関連タグ【Webシステム】に関するよくある質問

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

Wordpressを組んでみたいと思っていますが、どこから勉強するべきですか?

Wordpressを構築したい方向けをメインにお話しますと、まずは必要なファイルが何なのかを知ることが大事です。
さらに各ファイルを連結させるためのPHPコードを知ることが大事です。まずは、このあたりがどのように設置すれば表示されるのかを知ることが大事です。

記事を表示させるには、表示にかかる部分をループで処理し、特定の記事番号でアクセスされたときに呼び出されるようにプログラムを組む必要があります。
ここからは様々なソースコードの記載方法がありますので、ネット上の情報を見ながら色々試して見ると良いでしょう。

どのような環境で作業をしていますか?

Web制作においては、基本的に適材適所において使用ツールを使い分けていますが、当サイトにおいては以下のように使っています。

デザインは「Photoshop」で一部アイコンを作るときには「Illustrator」を使用しています。
マニュアルなどの配布物は「PowerPoint」を使い、編集等を行っています。
コーディングについては「Terapad」を中心に、ときどき「Dreamwerver」を構文チェックなどに使用しています。
サーバー環境は、フリーソフトの「xampp」を使い、テストやモバイル画面のチェックも行っています。

Wordpressはどんなものですか?

Wordpressはオープンソース型のブログサイト構築アプリのことで、これを使うことで「好きなデザイン」で「固定ページ」や「記事」を特段HTMLを知らなくても一般的なブログサービスのように構築できるアプリです。

企業サイトでも非常に普及しており、一般事務職の方々が「新着情報」を更新し続けることもごく当たり前になりました。
このWordpressで特に求められるのは、アプリ導入から構築するところまでが必要で、その構築費用にかなりの初期費用を投資する必要があります。

索引から探す

タグから探す

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

その他カテゴリー

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

スポンサードリンク