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

コーディング

HTMLやPHPなどのソースコードの記述を行うこと、またはその人員のことをいいます。

概要

コーディングとは、プログラミングとかなり近い性質を持っていますが、実際には指定の言語(ここではHTMLやPHP等)のソースコードを用いてクライアント側(コンピューター側)が理解できる記述を行うことをいいます。

HTMLは、本で言う「タイトル」「段落」等がタグとして記載ができます。
その記載すべき部分に文章や画像を表示させることで、Webページを構成していきます。
そういったソースコード制作業務を行う人を「コーダー」といいます。

この用語のメモ

見積もりで「コーディング費用」として登場する場面が多いです。
ページをデザイン・コーディング費用で一式表示する制作会社もあれば、分けて記載する制作会社もあります。

「SEOコーディング」と記載される制作会社も多いですが、マークアップをどれだけ考慮してくれるかを確認してみましょう。
(例えば、HTMLレギュレーションがあるか、SEO的な実績があるかなど)

デザイナーとコーダーでは、デザインの複雑さとコーディングでの再現度の問題で衝突が起こりやすいです。

クライアントの意向やマーケティング上必要な表現を行うにあたり、「テキストとして表現したい部分」と「画像として表現したい部分」をきちんとクリアにしておくことが円滑な制作進行につながります。
ディレクターとしてもこのあたりの調整をしっかり行うことが肝要です。

関連用語

  • HTML
  • 内部施策
  • セマンティックウエブ

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

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

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

この答えの解説

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

Q:次のタグのうちHTML5で使用できないタグを選んでください。
  • iframeタグ
  • strongタグ
  • textareaタグ
  • fontタグ

この答えの解説

fontタグは、HTML5では廃止されました。
CSSのfont属性でサイズ調整やカラー調整を行い、要素のフォントに装飾をつけましょう。

Q:次のタグのうち、tableタグの入れ子に含まれないものを選んでください。
  • tbodyタグ
  • dtタグ
  • thタグ
  • trタグ
  • tdタグ

この答えの解説

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

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

この答えの解説

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

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

この答えの解説

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

Q:モバイルフレンドリーテストで不合格になる要素を選んでください。
  • テキストリンクと間隔に隙間がほとんどない
  • 文字と画像の割合が両極端
  • テキストサイズがPC版サイズと同じで大きすぎる
  • リンクの隙間がない

この答えの解説

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

Q:ペンギン・パンダ両アップデートが発動されました。順位が下がる可能性が低いものを選んでください。
  • 画像ばかり貼り付けられたページ
  • 外部へのリンクばかり貼り付けられたページ
  • 他のサイトに記載された内容を転載したページ
  • サイト遷移時に色々なページへ誘導されるページ
  • グローバルナビゲーション、ローカルナビゲーションのリンクばかりのページ

この答えの解説

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

Q:ある検索結果が表示されたとき、画像や五段階評価(★評価)の表示が出るようにする技術を選択してください。
  • モバイルマークアップ
  • 定量化マークアップ
  • GSCマークアップ
  • 構造化マークアップ
  • 言語化マークアップ

この答えの解説

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

Q:SEOに必要な能力のうち、直接施策業務に主に関わらない能力を選んでください。
  • ライティング能力
  • プログラミング能力
  • ディレクション能力
  • チェック能力
  • アクセス解析能力

この答えの解説

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

関連タグ【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つをマスターすることで大半の業務が行える形になります。
浅く広く習得するか、深く狭く習得するかは得手不得手で決めればよいのではと思います。

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

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

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

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

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

Webシステムを作成する場合、どんな言語を使いますか?

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

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

javascriptはどのようにして組んでいますか?

あまり自分自身でコードを組むことは行っていません。
javascriptはあらゆるサイトに動作別でたくさんソースコードが公開されているのでそれらをアレンジして自分流に組むことが多いです。

組んだのに動かないこともたくさんあり、その場合は1行ずつ面倒でも検証し続けることで、記載ミスを見つけて動かすことができているのでいきなりイチから全部組まないとダメ!ということではありません。
制作現場でも自身で組んでいるコーダーももちろんいらっしゃいますが、サイトからソースを抽出することが多いです。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

索引から探す

タグから探す

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

その他カテゴリー

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

スポンサードリンク