本文へ移動
Unlogical Systems

Ctrl / ⌘ + K でも開けます

    Unlogical Systems

    HTML5 を採用する理由

    HTML5はWebページの構造を記述する標準規格で、現在のすべてのWebサイトの土台です。杉並区でWebシステム開発を行う弊社がHTML5をどのような考え方で扱っているか、品質と保守の観点からまとめました。

    HTML5とは

    HTMLは、Webページの構造をブラウザに伝えるためのマークアップ言語です。見出し、段落、リンク、画像、フォームといった要素を記述し、ブラウザがそれを解釈して画面に表示します。HTML5は、この規格を現代のWebに合わせて大きく拡張した版で、動画や音声の埋め込み、記事やナビゲーションといった意味を持つ要素、スマートフォンでの入力に適したフォーム部品などが加わりました。現在は特定の版番号ではなく「Living Standard」として継続的に更新されており、すべての主要ブラウザが対応しています。

    弊社が採用する理由

    HTMLはWebサイトやWebシステムの画面を作るうえで避けて通れない技術ですが、弊社が意識しているのは「正しく使う」ことです。見出しや段落、リストといった要素をその意味どおりに使うことで、検索エンジンがページの内容を理解しやすくなり、スクリーンリーダーなど支援技術を使う方にも情報が正しく伝わります。フォーム部品を適切に選べば、スマートフォンで数字やメールアドレスを入力する際に最適なキーボードが表示され、スマートフォン対応の使いやすさが向上します。また、構造が整ったHTMLはCSSやJavaScriptからの扱いが簡単になり、後からデザインを変更したりCMSに載せ替えたりする際の手戻りを減らせます。PHPやWordPressで生成する画面でも、最終的に出力されるHTMLの品質を確認することを弊社の標準にしています。

    向いている案件

    • 検索エンジンと利用者の双方に内容が伝わるWebサイト
    • スマートフォンでの入力を考慮した問い合わせ・申込フォーム
    • 支援技術に配慮したアクセシブルなページ
    • 後からCMS化やデザイン変更をしやすい構造のサイト

    保守・移行の観点

    HTMLの規格は継続的に更新されますが、後方互換性が重視されているため、正しく書かれたHTMLが突然動かなくなることはほとんどありません。保守の観点で注意が必要なのは、古い書き方や廃止された要素が残っているページです。こうしたページは見た目上は動いていても、ブラウザによって表示が崩れたり、レスポンシブデザインへの対応を難しくしたりします。既存サイトを引き継ぐ際は、文書型宣言、文字コード、廃止要素の有無を確認し、必要に応じて段階的に整理します。検証ツールで構文を確認する習慣を持つと、品質を保ちやすくなります。

    組み合わせて使う技術

    よくあるご質問

    古いHTMLで作られたサイトはそのまま使えますか?

    多くの場合表示はできますが、スマートフォン対応や検索エンジンへの対応が難しいことがあります。全面的な作り直しが必要とは限らず、構造の整理だけで改善できる場合もあるため、まず現状を確認してご提案します。

    HTMLの品質は検索順位に影響しますか?

    構造が正しいHTMLは検索エンジンが内容を理解する助けになります。ただし、順位は内容や表示速度など多くの要素で決まるため、HTMLだけで順位が上がるとは言い切れません。土台を整えるという位置づけです。

    関連するサービス

    関連する開発ガイド

    関連用語: レスポンシブデザインCMSステージング環境

    監修: Unlogical Systems合同会社杉並区・西荻窪)公開

    まずは現場のエンジニアにご相談ください

    営業担当ではなく、実際に設計・開発を行うエンジニアが直接お答えします。ご相談・お見積りは無料、1営業日以内にご回答いたします。

    無料でご相談・お見積り

    資料の添付は、送信後に届く受付メールへの返信でお送りいただけます。

    相談・見積りは無料
    1営業日以内にご回答します

    無料で相談する