企業の管理職、広報担当者さま、日々の業務お疲れさまです。

高知県で地方の中小企業のBtoBを支援するノーコードWebサイト「STUDIO」特化の制作会社 オンドです。

ホームページは、企業の顔とも言える重要な存在です。しかし、いざ制作を始めると、専門用語が多くて迷ってしまうことも多いのではないでしょうか。

そこで今回は、地方の中小企業の広報戦略室の方向けに、ホームページ制作でよく使われる用語をわかりやすく解説します。

制作過程で使用される用語

レスポンシブデザイン

スマートフォンやタブレットなど、様々なデバイスで閲覧できるように、画面サイズに合わせて自動的にレイアウトを調整するデザイン手法です。

特別な目的などがない場合は、レスポンシブデザインで構築されることが現在のサイト構築の主流になっています。

HTML／CSS

ホームページは、HTMLとCSSと呼ばれる言語で記述されています。

• HTML：ホームページの骨組みとなる言語です。

• CSS：ホームページのデザインを装飾する言語です。

HTMLとCSSは、互いに補完し合う関係にあります。HTMLで構造やコンテンツを記述し、CSSでデザインを装飾することで、見やすく美しいWebページを作成することができます。

その他にもJavascriptや、PHPといったプログラミング言語を組み合わせることでWebサイトは構築されます。

HTMLやCSSといった基礎的なプログラミング言語の習得には、以下のようなサービスがお勧めです。

プログラミングの入門なら基礎から学べるProgate[プロゲート]（https://prog-8.com/）

Schoo(スクー) - 社会人向けオンライン学習コミュニティ（https://schoo.jp/）

CMS

CMSは、専門知識がなくても簡単にホームページを制作・管理できるシステムです。

様々なCMSがあるので、用途や目的に合ったものを選ぶことが重要です。

代表的なCMS

• WordPress: 世界で最も利用されているCMS。無料のオープンソースソフトウェアです。様々なテンプレートが用意されている「TCD」といったサイト構築パッケージなどもあり、多様な目的に応じて活用が可能です。

• Movable Type: 日本で人気の高いCMS。日本語に特化した機能が充実しています。

ワイヤーフレーム

ワイヤーフレームとは、Webサイトやアプリなどの画面設計図を簡易的に表現したものを指します。まるで設計図のように、ページの構成や要素の配置を線や枠を使って表現します。デザインや装飾は一切加えず、あくまで骨組みだけを可視化することで、以下のような目的を達成します。

目的:

• 情報整理: 必要となる要素を洗い出し、整理する。

• 情報配置: 各要素をどのように配置するかを検討する。

• 情報伝達: 開発者やクライアントとイメージを共有し、共通認識を持つ。

• 問題点の発見: 設計段階で問題点を発見し、修正する。

• 開発時間の短縮: 設計段階で詳細な検討を行うことで、開発時間を短縮する。

ワイヤーフレームの作成には、Figmaなどのツールを利用して作成されることが一般的です。

グローバルナビゲーション

グローバルナビゲーションとは、Webサイトの全ページに共通して表示されるメニューバーのことを指します。

当社のWebサイトの場合

グローバルナビゲーションは、ユーザーにとって使いやすく、情報を見つけやすいWebサイトを作るために重要な役割を果たします。サイトの目的に合ったグローバルナビゲーションを構築しましょう。

運用保守で使用される用語

ドメインとサーバー

ホームページを公開するには、ドメインとサーバーが必要です。

• ドメイン：ホームページの住所のようなものです。例：www.example.com

• サーバー：ホームページのデータを保存する場所です。

SSL証明書

ホームページと利用者の間の通信を暗号化することで、情報漏洩などを防ぐためのセキュリティ対策です。

SEO対策

検索エンジンで上位表示されるように、ホームページを最適化する対策です。

コンバージョン

顧客が購入や資料請求など、目標とする行動をしたこと。

アクセス数に対するコンバージョンの割合は、コンバージョン率になります。

まとめ

ホームページ制作は、専門用語が多くて最初は難しく感じるかもしれません。しかし、今回紹介した用語を理解すれば、制作会社との打ち合わせもスムーズに進められるようになります。ぜひこのブログ記事を参考に、自社のホームページ制作に役立ててください。