上海物来喜電子商務有限公司

【中国D39】 中国では安価な制作会社を選んではいけない最大の理由2024.08.22

 

 

 1. 昨今、Web集客を目的とするお客様が増えている

① 特に中国市場においては、その傾向が顕著である。

弊社では、Web集客を成功させるためには以下と考える。
「検索エンジンに見つかりやすいかどうかが、一番重要」

 

② ホームページ制作は、デザインとコーディングの
２つの工程で成り立っており、「コーディングの品質」
が、特にSEOに大きな影響を与える。

 

今回は、親会社を含めて、過去18年間で、5,000本
以上のコーディング作業を請け負ってきた、弊社の
「コーディングの品質」について、お話する。

 

 

 

 2. デザインの違いとコーディングの違い

① 中国市場において、日系BtoB企業が成功するため
には、ホームページの「デザイン」と「コーディング」
の２つが重要な役割を果たす。

デザインの違いとコーディングの違いを理解し、適切
に活用することが、競争力を高めることに直結する。

 

② デザインの違い

デザインの違いは、素人でも見た目ですぐに分かる。
　　　　    ↓
例えば、色使いや、レイアウト、フォントの選び方
などが、分かりやすい違いになる。

 

③ コーディングの違い

コーディングは、HTML言語で書かれるため、
技術者でない人にはその違いが非常に分かりにくい。
　　　　　　↓
しかし、コーディングには「キレイなコーディング」
と「汚いコーディング」の違いが、実は存在する。

 

■ キレイなコーディングとは、SEOを基準として、
検索エンジンに引っかかりやすいコーディング作業を指す。

具体的には、適切なタグの使用や、メタデータの最適化、
ページの読み込み速度の向上などの作業工程が含まれる。

 

■ 汚いコーディングとは、検索エンジンに
引っかかりにくいコーディング作業を指す。

例えば、無駄なコードが多い、タグの使い方が不適切、
ページの読み込みが遅いなどが挙げられる。

 

 

 

 3. なぜキレイなコーディングと汚いコーディングが存在するのか

① 「キレイなコーディング」を行うには、
非常に手間がかかり、大変な作業を必要とする。

例えば、適切なタグの使用など、細部にわたる配慮が必要。
　　　　　　　   ↓
これにより、検索エンジンのランキングが向上し、
より多くの訪問者を獲得することができるようになる。

しかし、このような作業は、時間と労力を要するため、
制作会社としては、コスト（見積金額）が高くなる。

 

 

② 「汚いコーディング」は作業が楽で、手間がかからない。

無駄なコードが多い、タグの使い方が不適切、ページの
読み込みが遅いなど、品質が低いコーディングが行われる。
　　　　　　　   ↓
これにより、制作会社は安い見積金額を提示できるため、
顧客にとっては、一見魅力的に映るかもしれない。

しかし、結果として、検索エンジンに見つかりにくくなり、
訪問者数が減少し「Web集客とは真逆になる」可能性がある。

 

 

③ 見た目では分からない制作会社の手抜き

顧客は、デザインの美しさに注目しがちだが、
実際のコーディングの品質は、見逃されがちである。

コーディングの品質は、見た目では分かりにくいため、
「制作会社としては手抜きができる便利な部分」になる。
                               ↓
そのため、一生懸命にキレイなコーディング作業を行う
制作会社は、コスト高になるため、損をすることがある。

つまり、見積金額が高くなり、営業面では不利になる。

 

 

 

 4. 中国では安価な制作会社を選んではいけない最大の理由

① 中国市場において、日系BtoB企業が成功するためには、
「ホームページの品質が非常に重要」になる。

しかし、中国の現状では、多くのホームページ制作会社が
「手抜きをして」安価な見積もりを出すことが少なくない。

 

特に、中国ローカル企業が安価な見積書を出すことが多い
が、決して、安易に安価な見積もりを選択してはいけない。
              ↓
これが企業にとって、どのような悪影響を及ぼすのか、
を以下で考察する。

 

 

② 【悪影響❶】手抜きによるコスト削減とその影響

手抜きをすることで、コストを抑える制作会社は、
見た目には、魅力的な価格を提示することができる。

しかし、その結果として、顧客のホームページは、
検索エンジンに見つかりにくくなる。
                 ↓
これは、SEO対策が不十分な「汚いコーディング」
が、大きな原因となることが多い。

理由は、手抜きをして、検索エンジンに好かれない、
品質が低いコーディングが行われるため。

 

 

③ 【悪影響❷】顧客にとっての大きな損失

これらの問題は、チェックが難しいため、
顧客にとって大きな損失となる。

例えば、ある企業が新しい製品を市場に投入する際、
SEO対策が不十分なホームページを制作したとする。
                       ↓
この場合、検索エンジンでの露出が低いため、潜在顧客に
「情報が届かず」、結果として売上が伸び悩むことになる。

 

 

 

 5. SEO対策の重要性

① キレイなコーディングによるSEO対策は、検索エンジン
で上位表示されるだけでなく、ユーザーエクスペリエンス
（ユーザー体験）の向上にも寄与する。

例えば、ページの読み込み速度が速いことは、ユーザーが、
ホームページを快適に利用するために重要なことである。
           ↓
これらの要素は、検索エンジンの評価にも影響を与える。

 

② キレイなコーディングの具体例

キレイなコーディング作業にはいろいろあるが、
主な具体例としては、以下を挙げる。

      ・セマンティックHTMLの使用
      ・CSSとJavaScriptの最適化

 

 

 

 6.【キレイなコーディング❶】セマンティックHTMLの使用

①適切なタグを使用することで、
検索エンジンがコンテンツを理解しやすくなる。

セマンティックとは「意味や目的を持たせる」という意味で使われ、
HTMLのマークアップの場合、タグを正しく使い分けることを表す。

 

②「適切なタグを使用すること」で、検索エンジンが、
コンテンツを理解しやすくなり、SEO効果が高まる。

 

例えば、HTMLのマークアップで使う、h1~h6やpといった
タグは、それぞれ「見出し」や「段落」をいった意味を持つ。
                   ↓
これらの要素を正しく使用することで、以下の効果が期待できる。

（効果❶）SEOの向上

検索エンジンは、セマンティックなマークアップを
使用したページを優先的に評価する（好む）。
             ↓
適切なタグを使用することで、検索エンジンが、
ページの内容を正確に理解し、ランキングが向上する。

 

（効果❷）コードの可読性の向上

セマンティックなマークアップは、開発者が
コードを読みやすくし、保守や更新が容易になる。
        ↓
これにより、将来の拡張や修正がスムーズに行えるようになる。

 

（例）ある企業が中国市場向けにホームページをリニューアル
した際、セマンティックHTMLを徹底的に活用した。

例えば、h1タグをページの主題に使用し、h2タグ以下を
サブトピックに使用することで、ページの構造を明確にした。

また、pタグを段落ごとに適切に使用し、コンテンツの
意味を明確にした結果、検索エンジンのランキングが、
大幅に向上し、訪問者数も増加した。

 

■ セマンティックHTMLは、タグの意味を考慮して適切なもの
を選び、Webページの構造とコンテンツを明確に表現する。

■ セマンティックではないHTMLは、主にデザインや見た目に
重点を置いてマークアップが行われることが多く、コンテンツ
の意味が明確でない場合がある（SEOに不利になる）。

 

 

 

 7.【キレイなコーディング❷】CSSとJavaScriptの最適化

①CSS（Cascading Style Sheets）とは、Webページ
の見た目やレイアウトを定義するための言語のこと。

例えば、文字の色や、サイズ、背景色、配置など
を指定することで、ページのデザインを整える。

 

②JavaScriptとは、Webページに動的な機能
を追加するためのプログラミング言語のこと。

例えば、ボタンをクリックしたときに、表示が変わる
アニメーションやフォームの入力内容をリアルタイム
でチェックする機能などを実現する。

 

③具体的な最適化方法は、以下。

（最適化手法❶）不要なコードの削除

CSSやJavaScriptファイルから不要なコードを
削除することで、ファイルサイズを削減する。
        ↓
これにより、ページの読み込み速度が向上する。

ユーザーエクスペリエンス（ユーザー体験）
が向上し、検索エンジンの評価も高まる。

 

（最適化手法❷）ファイルの圧縮

CSSやJavaScriptファイルを圧縮することで、
ファイルサイズをさらに小さくする。
不要なスペースや改行を削除したりする。

 

（最適化手法❸）ファイルの結合

複数のCSSや、JavaScriptファイルを１つに
結合することで、HTTPリクエストの数を減
らし、ページの読み込み速度を向上させる。

 

（最適化手法❹）非同期読み込みの活用

JavaScriptを非同期で読み込むことで、
ページの初期表示速度を向上させる。

 

（最適化手法❺）ブラウザのキャッシュ活用

ブラウザのキャッシュを活用することで、
再訪問時のページ読み込み速度を向上させる。

HTTPヘッダーを使用して、
キャッシュの有効期限や更新方法を指定する。

 

■ ページの表示速度が遅いことや、なかなか表示されない
ことがあるのは「手抜きをされている証拠」でもある。

 

 

 

 8. まとめ

中国BtoB企業がWeb集客を成功させるためには、
キレイなコーディングと、SEO対策が不可欠です。

安価な見積もりを出す制作会社に依頼する際には、
「コーディングの品質に注意する」必要があります。

 

特に、中国ローカルの制作会社は、キレイなコーディング
作業をせずに、安価な見積もりを出すケースを見かけます。
ご注意ください。

 

 

※ホームページ制作を営業していて、ホームページデザイン以降の業務
  を依頼したい会社様がいらしたら、弊社はWordPressとコーディング
  業務を請け負うことを行っております。お気軽にご相談ください。

 

 

（参考）ホームページ制作は、制作会社を選ぶところから始まっている

 

 

 

本ホームページの収録内容はすべて当社に著作権があります。
無断転載・複製は、固くお断りいたします。
以下の場合には、お気軽にお問い合わせください。
サービス内容 / 機能の実現性 / お⾒積もり