2007年01月

SEO(検索エンジン最適化)としてのコーディング

Web標準でこれだけソースは簡略化できる!!

Web標準のメリット

Web標準(web standard)について

メニュー

コーディングコラム
コーディングに関する知っておくと役に立つコラムです。

» 詳しくはこちらから

コーディング制作規約

契約について
  • お申し込み後、こちらの提示する見積り額と規約に同意いただいた時点で、お客様と弊社の間で売買契約が成立します。
  • 制作が難しいと判断させていただいた場合は、ご依頼をお断りする場合もございます。
  • 納品時点で契約は終了となります。
キャンセルについて
ご契約後のキャンセルについて、制作着手前の場合は対応させていただきます。但し、制作着手後についてはキャンセル料として見積り額の半金をいただきます。
制作資料について
デザイン資料、テキスト資料ともに電子媒体で最終確定したものを、電子メールにてご送付ください。
【デザイン資料について】
  • こちらでデザイン画像の制作、修正などはいたしておりませんので、ロールオーバー画像など、画像に関するものは全てご用意ください。
  • ページ全体のデザイン画像からの書き出し作業はこちらでいたします。
  • テキスト以外の文字画像についてはアウトライン化してください。
  • ファイル形式はphotoshop、Illustrator、Fireworksのいずれかで、Windowsで開ける状態にしてください。もしくはjpg、gif、png形式などにしてください。
【テキスト資料について】
  • 文字化けせずにWindowsで開ける、またテキストとしてコピーできる状態のものをご用意ください。
  • 紙媒体などからの打ち込み作業はいたしておりません。
【その他】
  • サイト全体のディレクトリ構成、ファイル/フォルダ名など指定があるようでしたらお知らせください。
  • 各ページのタイトルタグやmeta keywords/meta descriptionなど入力指定があるようでしたらお知らせください。
  • CGIやJavaScriptの記述はいたしておりませんが、お客様が用意されたソースを貼り付けることは可能です。(ロールオーバー使用時のJavaScriptはこちらで用意いたします)
修正について
誤字脱字等の修正は無料ですが、大幅なテキスト変更、レイアウト変更など内容によっては別途料金が発生することがあります。
納品について
納品方法は電子メールにデータを添付、又はサーバにアップいたしますのでダウンロードして頂きます。尚、納品後のファイル紛失等による再納品のご依頼は別途料金が発生いたしますのでご了承ください。
その他
  • 領収書が必要な場合は、お知らせくだされば制作費の入金確認後に郵送いたします。
  • このコーディング制作規約は改訂される場合があります。お申し込みされる都度、ご確認お願いいたします。

HomeWeb-coding 標準コーディングガイドライン

特に指定が無い場合は以下のコーディング仕様となります。

仕様: Web標準/CSSレイアウト
規格: HTML 4.01+CSS
文字コード: Shift JIS
対応ブラウザ: Internet Explorer 7(Windows XP)、Safari 2.0(Mac OS X)

コーディングお見積フォーム

下記フォームをご記入、コーディング制作規約をご理解のうえ、「確認画面へ」ボタンで次にお進みください。

お客様情報

お名前(企業名)
ご住所 (例:000-0000)※半角
電話番号 (例:00-0000-0000)※半角
メールアドレス ※半角
(確認のためもう一度ご記入ください)
※半角

コーディング内容

コーディングページ数  ページ(1ページはA4サイズ程度)
レイアウトパターン数  パターン
同一のレイアウトパターンでテキストや画像を変えるだけのページが多い場合、レイアウトパターン数をご記入いただくとページ単価が安くなります。
レイアウト
規格
文字コード
対象ブラウザ(Win)



対象ブラウザ(Mac)


オプション

※画像説明テキスト/アンカー説明テキスト(title)、ナビスキップ、表関連(summary、addr等)
その他のご要望 納期などもご記入下さい。

見積用レイアウトデザイン資料の送付

正確なお見積額を算出するためにレイアウトデザインの画像をご送付願います。

※既存サイトをWeb標準化する場合は、アドレスをご記入下さい。

※新規にデザインを起こしている場合は、レイアウトパターンごとの画像をご用意下さい。
見積用ですので画質を落としてひとつの画像を300KB以内にしてください。
ファイル形式は「.jpg」もしくは「.gif」でお願いいたします。

既存サイトアドレス
レイアウトパターン画像

個人情報保護について

  • HomeWeb-codingでは、利用者のプライバシーを尊重し、お客様のお名前、メールアドレス等の個人情報を大切に保護することを重要な責務と考えております。
  • 利用者からご提供いただいたメールアドレスは、サポートや情報提供などの正当な理由のあるときを除き、第三者には一切提供いたしません。
  • 利用者の個人情報の保護に関係する日本の法令を遵守し、紛失、漏えいなどの危険防止に努めます。

コーディング制作規約をお読みください。

 

簡易お見積シュミレーション

サイトのページ数と仕様/構成を記入するだけの簡易お見積シュミレーションです。
実際のレイアウトデザインや、テキストや画像を入れ替えるだけのページなど、デザイン/構成によってコーディング費用が変動しますので、ここで表示されるお見積り額はあくまで目安としてお考え下さい。
詳しいお見積をご希望の場合は、こちらのコーディングお見積フォームよりお問い合わせください。

※このシュミレーションはJavaScriptを使用しています。

ページ数 トップページ +  ページ(1ページはA4サイズ程度)
レイアウト
規格
文字コード
対象ブラウザ(Win)



対象ブラウザ(Mac)


その他オプション
※画像説明テキスト/アンカー説明テキスト(title)、ナビスキップ、表関連(summary、addr等)
   

簡易お見積額: 円

更に詳しいお見積はコーディングお見積フォームからどうぞ

お申し込みから納品までの流れ

1. お申し込み

コーディングお問い合わせフォームにて必要事項をご記入の上ご連絡下さい。ご連絡後、24時間以内にメールにて連絡いたします。

2. 見積もり

お客様からの情報を基にコーディング費用を概算いたします。正確な費用は確定しているレイアウトデザインを確認しなければ提示できません。

3. ご契約

必要に応じて契約書を発行いたします。

4. デザインデータ/テキスト入稿

制作に必要な資料、素材等をご提供いただきます。

5. ご確認

制作しましたサイトファイルを送付いたしますのでご確認いただきます。誤字脱字等の修正は無料ですが、修正回数や大幅なレイアウト変更など内容によっては別途料金が発生することがあります。

6. 納品

修正・確認が済みましたら納品ファイルを送付いたします。必要に応じてお預かりした資料の返却もいたします。

コーディングコンセプト

これまでのコーディングは、デザイン通りに表示されることが重視されていました。しかし、Webサイトがビジネスにおける重要なツールとなった今、コーディングは正確な表示だけではなく、検索エンジンへの対策(SEO対策)、メンテナンス性など様々な要素が要求されています。
当サイトでは、これら全てにできる限り対応できるサービスを提供しています。

様々なコーディングに対応!

当サイトではタグの意味を理解したうえでWeb標準によるコーディングをしています。またホームページ作成ソフトなどに頼らない、ハンドコーディングでの制作になりますので、SEO対策はもちろんのこと、フルCSSレイアウトやアクセシビリティへの配慮など、様々な目的に応じて対応可能です。

人にも検索エンジンにもわかりやすいソース

ハンドコーディングにより、ホームページ作成ソフト特有の不要なタグを減らし、スッキリと無駄なく仕上げることができます。これはファイルサイズの軽減にもつながるため、閲覧者にとってはページの読み込みがスムーズとなり、文書構造が明確なソースは検索エンジンにとっても読み込みやすいページとなります。つまり、SEOの基本的対策として最適なコーディングになるのです。

あらゆる表示状況に配慮

CSSレイアウトを採用しているサイトでは、文字サイズを強制的に大きくすると背景画像が途切れてしまったり、思わぬところで改行されたりと、レイアウト崩れを起こすことがよくあります。当サイトでは、こういった状況でも正常に表示されるよう、柔軟に対応できるコーディングを心がけています。ハンドコーディングだからこそ出来る配慮でもあります。

チェック作業も万全

ハンドコーディングだからこそ、構文チェックや主要ブラウザの表示チェックなど、確認体制も万全です。ご希望に応じてW3Cによる文法チェックなども取り入れることができます。

Web標準化のメリットとは

サイトの統一性

HTML(XHTML)ではテキストを正しく構造化、CSSではレイアウトや背景などの視覚表現を設定。このように役割を明確に区別することでサイト全体に統一感が生まれます。また視覚表現をCSSで設定することにより、HTML(XHTML)での記述が簡略化され、ファイルサイズが軽減されます。

メンテナンス性

外部CSSの場合、設定したフォント色や背景色などを対象Webページ全てに反映させることができます。ひとつの外部CSSの修正で、サイト全体の修正が容易になるため管理しやすく、テキストを追加する場合でもソースがシンプルなので、更新の多いページなどは作業効率が向上します。

SEO対策に最適

視覚表現をCSSにまとめ区別することで、HTML(XHTML)の文書構造がより明確となります。これは検索エンジンにとって判別しやすく読み込みやすいページとして評価され、SEO対策として有効になります。

アクセシビリティ・ユーザビリティの向上

Web標準によるシンプルな文書構造は多くのブラウザ環境に対応しているため、高齢者やハンディを持つ人など様々な環境のユーザーに情報を提供することが可能です。また、ファイルサイズを抑えることでページがスムーズに表示されるようになり、閲覧者にとってはストレスなく快適に操作することができます。

全国どこからでもお申し込み可能!

電子メールにて資料や素材を送付できる環境であれば、全国どこからでもお申し込みいただけます。
北海道,青森県,岩手県,宮城県,秋田県,山形県,福島県
茨城県,栃木県,群馬県,埼玉県,千葉県,東京都,神奈川県
新潟県,富山県,石川県,福井県,山梨県,長野県
静岡県,愛知県,岐阜県,三重県
滋賀県,京都府,大阪府,兵庫県,奈良県,和歌山県
鳥取県,島根県,岡山県,広島県,山口県
徳島県,香川県,愛媛県,高知県
福岡県,佐賀県,長崎県,熊本県,大分県,宮崎県,鹿児島県,沖縄県

基本的にはメールや電話(スカイプ)での打合せをお願いしておりますが、福井県近辺のお客様に関しては直接お伺いすることも可能です。