コーディング
HTMLやPHPなどのソースコードの記述を行うこと、またはその人員のことをいいます。
概要
コーディングとは、プログラミングとかなり近い性質を持っていますが、実際には指定の言語(ここではHTMLやPHP等)のソースコードを用いてクライアント側(コンピューター側)が理解できる記述を行うことをいいます。
HTMLは、本で言う「タイトル」「段落」等がタグとして記載ができます。
その記載すべき部分に文章や画像を表示させることで、Webページを構成していきます。
そういったソースコード制作業務を行う人を「コーダー」といいます。
この用語のメモ
見積もりで「コーディング費用」として登場する場面が多いです。
ページをデザイン・コーディング費用で一式表示する制作会社もあれば、分けて記載する制作会社もあります。
「SEOコーディング」と記載される制作会社も多いですが、マークアップをどれだけ考慮してくれるかを確認してみましょう。
(例えば、HTMLレギュレーションがあるか、SEO的な実績があるかなど)
デザイナーとコーダーでは、デザインの複雑さとコーディングでの再現度の問題で衝突が起こりやすいです。
クライアントの意向やマーケティング上必要な表現を行うにあたり、「テキストとして表現したい部分」と「画像として表現したい部分」をきちんとクリアにしておくことが円滑な制作進行につながります。
ディレクターとしてもこのあたりの調整をしっかり行うことが肝要です。
関連用語
- HTML
- 内部施策
- セマンティックウエブ
Web担当・運営・解析・SEO問題集の例題問題
コーディングに関連するジャンルの練習問題を掲載しています。Web担当・運営・解析・SEO問題集一覧から各ジャンルの問題にチャレンジできます。
クリックすると問題の答えと解説が見れます。
- canvasタグ
- iframeタグ
- 不適切なものはない
- imgタグ
- buttonタグ
この答えの解説
実は全て入れ子にできるタグです。しかし、あくまで「見出しタグ」であることをきちんと理解したうえでタグを使用しましょう。
見出しなのに画像や別フレームなどが入ると構造的に非常におかしい形になってしまいます。
- frameタグ
- timeタグ
- embedタグ
- preタグ
この答えの解説
frameタグは、HTML5では廃止されました。
HTML5ではiframe(インラインフレーム)が引き続き使用できますが、frameはHTML5を文章構造、CSSを装飾指定に分割する過程上で廃止となりました。
- olタグ
- dlタグ
- pタグ
- divタグ
- ulタグ
この答えの解説
olタグは順序リストになるため、構文上の表記では時系列(順序)が記載されており、他の選択肢より適しているタグになります。
- 制作者の写真を検索結果に表示できる
- 公開や更新日付を表示できる
- 地図などの所在地詳細を表示できる
- 店の評価など★の数を表示できる
- 商品の値段などを表示できる
この答えの解説
地図は、リッチスニペットではなくGoogleマイビジネスを使用しての表示になります。
他の選択肢は、全てGoogleに読み込ませるjsonjavascriptに記載することで反映される要素になります。
- この対策が行われると不要と判断されるページは勝手に消される
- この対策が行われるとページやサイトの品質が著しく重たくなる
- この対策が行われるとhtmlソースが書き換わる
- この対策が行われるとページやサイトの掲載順位が下がったり除外される
- この対策が行われると検索順位がめちゃくちゃに入れ替わる
この答えの解説
手動による対策は、何らかの形でGoogleのガイドライン違反を起こしてしまった場合に実行されます。
もし対策を取られてしまった場合、リンク面やコンテンツ面をしっかり確認した方が良いでしょう。
- Attachement Mobile Pages
- Accelerated Mobile Presents
- Attachement Mobile Products
- Accelerated Mobile Products
- Accelerated Mobile Pages
この答えの解説
AMPの正称はAccelerated Mobile Pages(アクセルレイテッドモバイルページ)になり、その頭文字をとりAMP(アンプ)と呼ばれます。
AMPはコンテンツの高速表示を目指すプロジェクトで、Twitterとともに開発をされています。
- fetch as Googleを使う
- URL検査を使う
- sitemap.xmlを作成し、Googleサーチコンソールから読み込む
- クローリングされるまで放置する
この答えの解説
現在のGoogleサーチコンソールでは、残念ながらfetch as Googleは廃止されています。
代わりの手段としてURL検査があり、そこから「再クロール」はできますが、問題としては「公開直後のサイト」なので、sitemap.xmlをアップし、Googleにページを認識させなければ表示すらされません。
- モバイルマークアップ
- 定量化マークアップ
- GSCマークアップ
- 構造化マークアップ
- 言語化マークアップ
この答えの解説
検索結果に画像や評価、公開日時などを表示する技術を「構造化マークアップ」と言います。この技術で表示される内容を「リッチスニペット」と言います。
- 当社はYahoo!やGoogleの検索アルゴリズムに精通しています。
- 当社はあらゆる業界においての情報サイトを有しており、ライターを8名常駐しています。
- 当社はロングテールSEOに強く、競合他社とのSEOで勝てています。
- 当社は20名超のマークアップエンジニアを抱えています。
この答えの解説
正解の選択肢では、施策の具体性の説明がないのでブラックハットSEOを行っている可能性が高く、ペナルティを受けた場合のリカバリが非常に難しくなるため、対応方法を聞くべきです。
関連タグ【Web制作】に関するよくある質問
Web制作に関するよくある質問を抜粋しています。Web制作に関するよくある質問はこちらから。
何より少ない容量で「ある程度の動的動作」や「サイトの整形」が出来る点だと思います。
また、手軽にスマホサイト対応ができる「メディアクエリ」が使用できるのも大きな利点で、こんにちのモバイル対応を支えているものになります。
CSSは、手段を覚えておけば覚えておくほど、レイアウトの調整手段が増えてくるため、容量を抑えつつ動作を行えるソースが作れます。
全体的な工程としては、「打ち合わせ」「納期・見積」「サイトマップ」「構成案(ワイヤフレーム)作成」「デザインカンプ」「デザイン制作」「コーディング」「校正・テスト・品質管理」「公開」「運営・運用」をトータルとした工程になります。
これだけでもかなりの工程数になるかと思います。
各工程には普通、「納期」を設定しているため、各工程が遅れてくると、他の工程のスケジュールが圧迫されてしまい、タイトなスケジュールをこなさなくてはならなくなります。
ディレクターは主に前半の「打ち合わせ」から「構成案(ワイヤフレーム)作成」までを担い、あとは品質チェックや進行管理を中心に行います。
デザイナーは「デザインカンプ」及び「デザイン制作」、コーダーは「コーディング」と「校正・テスト」をそれぞれ担う形となり、Web制作の分業化が進んだ今、ざっくりですがこういった形で業務が行われています。
今でこそ、SEOを中心にコーディングを組むことが大半になってきているため言える話になりますが、Webサイトの一ページ一ページは「本」を作る意識を持って取り組んでいます。
ちゃんとタグにも「タイトル(表題)」や「見出し」、「段落」など、「作文」や「国語」にまつわる言葉が多く出てきますね。
Google側も同じように「記載されている内容」が「どの場面」で「どれぐらいの分量」の情報が「検索された内容に対し正確性があるか」が重要です。
コーダーやライターはその辺りを意識することが大切です。
デザイナーは、Googleよりも人間側が認知する視覚情報がもっともウエイトを占めるため、分かりやすさとトレンドをいかにストレスなくユーザーに供与できるかが大事で、ユーザーエクスペリエンスの精度に関わります。
Webサイトは、成長を前提に作ることが大事です。そういう意味では、いつまでもページが増え続ける「1巻だけの本」を作り続ける意識が必要ではないかと考えます。
関連タグ【Webシステム】に関するよくある質問
Webシステムに関するよくある質問を抜粋しています。Web制作に関するよくある質問はこちらから。
あまり自分自身でコードを組むことは行っていません。
javascriptはあらゆるサイトに動作別でたくさんソースコードが公開されているのでそれらをアレンジして自分流に組むことが多いです。
組んだのに動かないこともたくさんあり、その場合は1行ずつ面倒でも検証し続けることで、記載ミスを見つけて動かすことができているのでいきなりイチから全部組まないとダメ!ということではありません。
制作現場でも自身で組んでいるコーダーももちろんいらっしゃいますが、サイトからソースを抽出することが多いです。
「開発」に関しては、基本PHP言語を使っています。PHPはオープンソースで開発・ソースの提供されているユーザーも非常に多く、ソースをそのまま使えば動作してくれるものが大半なので気軽に開発テストを行えるのが魅力的です。
このサイトの「Googleアナリティクスレポート出力ツール」や「メールフォーム」もPHPで開発しております。
また、ちょっとした動作や出力などについてはJavascriptで動作しているものもあり、Javascriptを使う際はセットでJqueryを使い、動的なサイトを作成する際に使っています。
Wordpressを構築したい方向けをメインにお話しますと、まずは必要なファイルが何なのかを知ることが大事です。
さらに各ファイルを連結させるためのPHPコードを知ることが大事です。まずは、このあたりがどのように設置すれば表示されるのかを知ることが大事です。
記事を表示させるには、表示にかかる部分をループで処理し、特定の記事番号でアクセスされたときに呼び出されるようにプログラムを組む必要があります。
ここからは様々なソースコードの記載方法がありますので、ネット上の情報を見ながら色々試して見ると良いでしょう。
関連タグ【SEO】に関するよくある質問
アクセス解析に関するよくある質問を抜粋しています。SEOに関するよくある質問はこちらから。
良いところは何といっても対策を行ったことで検索結果で自身のサイトが取り上げられ、予想以上の顧客獲得につながることです。自分のサイトを多くの人に知ってもらい、自分のサービスを多くの人に触れてもらい、使ってもらえるようになるためにSEOを頑張る。
悪いところは、やはり誤魔化しは効かないという点です。そして、未だにそういった不正な順位アップをもくろむネット運営者がいることも事実です。
まずはGoogleアナリティクスとGoogleサーチコンソールを導入し、サイトに訪れる際に検索されているキーワードを探してみましょう。
次に、今展開しているコンテンツが「その検索キーワードにマッチしている内容かどうか」をしっかり精査した上でサービス説明を組み替えたり、検索されやすいキーワードを文中に文法上意味の通る状態を考慮した上で組み込むなどのてこ入れをしていきます。
クリック数、コンバージョン率、合計表示回数、平均掲載順位などの検索キーワード関連の他にGoogleにインデックスするページを増やしたり不要なURLを削除したりするツールです。
サイトの構造を精査したりサイト上に検出されたエラーを修正することにより、検索結果に画像を表示、評価の★マークをつけたり等といった検索に効果をつけることもできます。
Fetch as Google自体はGoogleサーチコンソールのアップデートによって終了してしまいました。現在では、それに変わるツールに「URL検査」というものがあります。
対象のURLを入れ込み、URLのステータスを出力してください。出力されたページの現在の状況が確認できます。
その中に「インデックス登録」という項目が選択できる場合、インデックスをリクエスト(再クロール)することができます。
リクエストしたURLは、最大2~3日くらいでインデックスされるかされないかが決定し、された場合はインデックスされた数に追加されます。
Googleから何らかのガイドライン違反が判明したときに、検索順位を落としたり、検索結果から除外する処置が取られます。
コンテンツに問題がある場合は内容を改めて精査し、修正を直ちに行う必要があります。(大量のコピーコンテンツがある、他サイトにある文言がそのままほぼ全てコピーされている)
しかし、中には不正に何者かが大量のスパムリンクを勝手に張られていることによって著しく品質が意図せず落ちていることもあるため、被リンクチェックは日ごろから行うことをオススメします。
索引から探す
- 用語集【A-Z一覧】
Web制作・運営・解析・SEO用語集のAからZまでで出てくる用語一覧をまとめています。
- 用語集【あ行一覧】
Web制作・運営・解析・SEO用語集の「あ行」で出てくる用語一覧をまとめています。
- 用語集【か行一覧】
Web制作・運営・解析・SEO用語集の「か行」で出てくる用語一覧をまとめています。
- 用語集【さ行一覧】
Web制作・運営・解析・SEO用語集の「さ行」で出てくる用語一覧をまとめています。
- 用語集【た行一覧】
Web制作・運営・解析・SEO用語集の「た行」で出てくる用語一覧をまとめています。
- 用語集【な行一覧】
Web制作・運営・解析・SEO用語集の「な行」で出てくる用語一覧をまとめています。
- 用語集【は行一覧】
Web制作・運営・解析・SEO用語集の「は行」で出てくる用語一覧をまとめています。
- 用語集【ま行一覧】
Web制作・運営・解析・SEO用語集の「ま行」で出てくる用語一覧をまとめています。
- 用語集【や行一覧】
Web制作・運営・解析・SEO用語集の「や行」で出てくる用語一覧をまとめています。
- 用語集【ら行一覧】
Web制作・運営・解析・SEO用語集の「ら行」で出てくる用語一覧をまとめています。
- 用語集【わ行一覧】
Web制作・運営・解析・SEO用語集の「わ行」で出てくる用語一覧をまとめています。
タグから探す
- タグ【Web制作】
Web制作・運営・解析・SEO用語集に登録されているタグ【Web制作】一覧をまとめています。
- タグ【Webシステム】
Web制作・運営・解析・SEO用語集に登録されているタグ【Webシステム】一覧をまとめています。
- タグ【SEO】
Web制作・運営・解析・SEO用語集に登録されているタグ【SEO】一覧をまとめています。
- タグ【SEM】
Web制作・運営・解析・SEO用語集に登録されているタグ【SEM】一覧をまとめています。
- タグ【アクセス解析】
Web制作・運営・解析・SEO用語集に登録されているタグ【アクセス解析】一覧をまとめています。
- タグ【広告】
Web制作・運営・解析・SEO用語集に登録されているタグ【広告】一覧をまとめています。
- タグ【マーケティング】
Web制作・運営・解析・SEO用語集に登録されているタグ【マーケティング】一覧をまとめています。
よくアクセスされている用語
- HTML
Webページを構成するために必要な言語のことです。 - PPC
クリックすることで課金される広告のことです。 - コーディング
HTMLやPHPなどのソースコードの記述を行うこと、またはその人員のことをいいます。 - 直帰率
初めてサイトに訪れたページでサイト内の他のページへ行かずにサイトから離脱した割合のことをいいます。 - ページビュー
Webサイトのページを表示された数のことをいいます。 - レスポンシブデザイン
一つのページ(URL)で使用OSや画面、ブラウザを問わず閲覧をサポートしているデザインをいいます。
その他カテゴリー
- GAレポート作成ツール
面倒なアクセス解析レポート作りはもうやめよう!
- Web担当者問題集
GoogleアナリティクスやSEOに関する問題集を作っています。
- Web運営用語集
Webや解析などでよく使う単語辞典ページを用意いたしました!
- よくあるご質問
よくいただくお問い合わせ内容の一覧になります。
- お問合せ・情報
当Webサイトについてのお問合せや様々な情報をこちらにまとめております。
- 新着情報・更新情報
当サイトの新着情報・更新情報はこちらから。