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

この答えの解説

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

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

この答えの解説

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

• imgタグ
• marqueeタグ
• spanタグ
• aタグ
• divタグ

この答えの解説

pタグはインラインタイプのタグなので、ブロックレベルタイプのdivタグやulタグは構文上入れ込むことができません。

• リンクに強い業者
• ライターが多数在籍の業者
• Googleのアルゴリズムに詳しい業者
• レスポンシブデザインなどhtmlコーディングに精通した業者

この答えの解説

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

• 画像ばかり貼り付けられたページ
• 外部へのリンクばかり貼り付けられたページ
• 他のサイトに記載された内容を転載したページ
• サイト遷移時に色々なページへ誘導されるページ
• グローバルナビゲーション、ローカルナビゲーションのリンクばかりのページ

この答えの解説

正解の選択肢では、例えば画像素材集のサイトであれば、ツール提供ページとして役割を果たします。また、画像を用いた説明ページでも問題ありません。
しかし、きちんとalt属性を設定することも併せて行うようにしましょう。

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

この答えの解説

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

• favicon.icon
• sitemap.xml
• index.html
• setsumeisyo.pdf

この答えの解説

アイコンファイルは、サイトを開いた際にブラウザのタブなどに表示されるものになるので、単体でインデックスされるものではありません。

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

この答えの解説

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

• ソースコードの文法チェック
• 構造化マークアップの検索結果表示
• エラーや警告の確認
• 構造化マークアップの実装

この答えの解説

正解以外の選択肢は、いずれも構造化マークアップテストツールや構造化マークアップツールで実行、確認ができます。

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

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

構成案やサイトマップを作る際は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つをマスターすることで大半の業務が行える形になります。
浅く広く習得するか、深く狭く習得するかは得手不得手で決めればよいのではと思います。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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