• divタグは段落タグと言い、タグの中に文章や画像などのコンテンツが入る
• h1タグはタイトル名が入るタグである
• pタグは段落タグと言い、タグの中に文章や画像などのコンテンツが入る
• ulとliはリストタグで、順序があるリストである

この答えの解説

pタグが段落タグと呼ばれます。
divタグは汎用タグ、h1は見出しタグ、ul・liタグのulはunordered listの略で、順序のないリストを示しています。

• headタグ
• bタグ
• aタグ
• timeタグ
• marqueeタグ

この答えの解説

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

• tbodyタグ
• dtタグ
• thタグ
• trタグ
• tdタグ

この答えの解説

dtタグは、dl（定義リスト）タグの入れ子になります。dlタグの入れ子にdtタグとddタグを使用します。
dtタグとddタグは、「質問と答え」の関係のような人まとまりの意味を持つ表現をしたいときに使うため、Q&Aなどのサイトに多用されます。

• ライティング能力
• プログラミング能力
• ディレクション能力
• チェック能力
• アクセス解析能力

この答えの解説

直接関係ある作業として、ライティング能力やプログラミング能力はコンテンツ制作、チェック能力はリンク切れや文言間違いなどの品質向上、アクセス解析能力はユーザー属性やニーズの把握でそれぞれ必要です。
ディレクション能力は主に依頼主や作業メンバーへの指示、予算などがメインとなるため直接の施策業務に関わることはほとんどありません。（アドバイス程度）

• 当社はYahoo！やGoogleの検索アルゴリズムに精通しています。
• 当社はあらゆる業界においての情報サイトを有しており、ライターを8名常駐しています。
• 当社はロングテールSEOに強く、競合他社とのSEOで勝てています。
• 当社は20名超のマークアップエンジニアを抱えています。

この答えの解説

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

• モバイルマークアップ
• 定量化マークアップ
• GSCマークアップ
• 構造化マークアップ
• 言語化マークアップ

この答えの解説

検索結果に画像や評価、公開日時などを表示する技術を「構造化マークアップ」と言います。この技術で表示される内容を「リッチスニペット」と言います。

• テキストリンクと間隔に隙間がほとんどない
• 文字と画像の割合が両極端
• テキストサイズがPC版サイズと同じで大きすぎる
• リンクの隙間がない

この答えの解説

リンクの隙間がなくても画像リンクなどのタップ範囲が広いものであれば問題視される確率は低いですが、テキストリンクで隙間がない場合は誤動作の懸念から「モバイルフレンドリー」でないと見なされる可能性があります。
その他は特に問題視される可能性は低いです。

• 限られた画面上において端末上での視認性が確保されている
• 情報が整理され、見つけたい内容を見つけやすくしている
• 閲覧端末の画面サイズに合わせたページ展開ができている
• ボタンやリンクテキストなどの間隔が十分に取れている
• 可能な限りコンテンツをたくさん詰め込んでいる

この答えの解説

魅力的なコンテンツの提供は大賛成ですが、1ページに沢山のコンテンツを展開してしまうと視認性低下や情報量過多による混乱を招くため、モバイルユーザビリティに該当しているとは考えにくいです。

• この対策が行われると不要と判断されるページは勝手に消される
• この対策が行われるとページやサイトの品質が著しく重たくなる
• この対策が行われるとhtmlソースが書き換わる
• この対策が行われるとページやサイトの掲載順位が下がったり除外される
• この対策が行われると検索順位がめちゃくちゃに入れ替わる

この答えの解説

手動による対策は、何らかの形でGoogleのガイドライン違反を起こしてしまった場合に実行されます。
もし対策を取られてしまった場合、リンク面やコンテンツ面をしっかり確認した方が良いでしょう。

CSSは組み込みされたHTMLの装飾を行うものです。よって、レイアウト等の配置もこのCSSで行う形になります。
CSSを初めて使用する際に壁にあたってしまうポイントとして「float」の処理ではないかと思います。
むしろ、floatの仕様が理解できればある程度のレイアウトのコントロールができるようになるので、何度も繰り返し組んでみましょう。
floatと併せて「clearfix」というものも覚えるとレイアウト崩れが防げます。

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

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

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

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

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

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

Fetch as Google自体はGoogleサーチコンソールのアップデートによって終了してしまいました。現在では、それに変わるツールに「URL検査」というものがあります。
対象のURLを入れ込み、URLのステータスを出力してください。出力されたページの現在の状況が確認できます。
その中に「インデックス登録」という項目が選択できる場合、インデックスをリクエスト（再クロール）することができます。
リクエストしたURLは、最大2～3日くらいでインデックスされるかされないかが決定し、された場合はインデックスされた数に追加されます。

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

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

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

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

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

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

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

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

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

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

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

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

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

「開発」に関しては、基本PHP言語を使っています。PHPはオープンソースで開発・ソースの提供されているユーザーも非常に多く、ソースをそのまま使えば動作してくれるものが大半なので気軽に開発テストを行えるのが魅力的です。
このサイトの「Googleアナリティクスレポート出力ツール」や「メールフォーム」もPHPで開発しております。

また、ちょっとした動作や出力などについてはJavascriptで動作しているものもあり、Javascriptを使う際はセットでJqueryを使い、動的なサイトを作成する際に使っています。