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

コーディング

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

概要

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

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

この用語のメモ

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

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

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

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

関連用語

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

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

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

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

この答えの解説

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

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

この答えの解説

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

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

この答えの解説

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

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

この答えの解説

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

Q:Googleサーチコンソールの「インデックス」の説明で正しいものを選んでください。
  • Googleと提携してWebページを検索結果に表示すること
  • 自サイトのデータベースにGoogleのデータベースが紐づくこと
  • Google側のデータベースに自サイトのページ情報が登録されること
  • Google側に自サイトのindex.htmlファイルが登録されること

この答えの解説

Webページがインデックスされると、Google側の検索エンジンデータベースに自サイトのページ情報が登録されます。
これにより、検索結果に表示されるようになる仕組みです。
そのデータベース内にある様々な情報のうち、「ある検索キーワード」と「内容がマッチしている順」に検索結果に表示されます。

Q:次のうち、「モバイルユーザビリティ」に適さないものを選択してください。
  • 限られた画面上において端末上での視認性が確保されている
  • 情報が整理され、見つけたい内容を見つけやすくしている
  • 閲覧端末の画面サイズに合わせたページ展開ができている
  • ボタンやリンクテキストなどの間隔が十分に取れている
  • 可能な限りコンテンツをたくさん詰め込んでいる

この答えの解説

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

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

この答えの解説

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

Q:URLが変わるサイト移設対応として間違っているものを選択してください。
  • 301リダイレクト
  • 移設前サイトの移設後サイトへの告知
  • 新ブックマーク先の案内
  • 302リダイレクト
  • メルマガやSNSによる告知

この答えの解説

302リダイレクトは、単なる「一時的な転送」に用いられる記述になります。
リダイレクト方法を間違えると、サイトの評価を引き継げなくなるため、悲惨な状況を避けるためにもサイトを閉鎖する際は必ずリダイレクト方法を確認しましょう。

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

この答えの解説

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

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

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

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

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

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

CSSを習得したい場合、何から習得したらよいですか?

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

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

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

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

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

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

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

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

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

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

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

Wordpressはどんなものですか?

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

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

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

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

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

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

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

Fetch as Googleのようなクロールがすぐできるツールが消えてしまいました。どうしていますか?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

索引から探す

タグから探す

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

その他カテゴリー

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

スポンサードリンク