ホームページ制作で気をつけること

趣味や、スモールビジネスのオーナーが自身でサイトを制作する際に気を付けるべき点をご紹介します。自身でサイトを制作した場合には次のことを忘れず行いましょう。

  • サイトのSSL化
  • レスポンシブデザイン(スマホ対応デザイン)の導入
  • SEO対策(サイトを検索エンジンに最適化させること)
  • 法的リスク(画像の著作権など)の検証

サイトを制作する方法についてはこちら。

目次

サイトのSSL化

サイトのSSL化とは、サイトの通信状態をSSLにしておくことを指します。

SSLについての詳細はこちら

サイトをSSL化しないとどうなるか

サイトをSSL化させない場合、通信が暗号化されないため、セキュリティリスクにつながります。具体的には、お問い合わせフォームなどがSSL化されていないページだった場合、情報が漏洩することがあります。

また、SSL化されていないページは、ブラウザに「この通信は安全ではありません」といった案内が表示されてしまい、サイトの訪問者に不信感を与えます。


レスポンシブデザイン

レスポンシブデザインとは、パソコンからみたサイトのデザインのみならず、タブレットやスマートフォンなどの端末からサイトを閲覧しても問題なくサイトが閲覧可能なデザインのことを指します。Googleは2016年後半からレスポンシブデザインに対応したサイトを優先させることを明言しています。

モバイルファーストのインデックス登録について – Google 検索セントラル ブログ

HTML等のプログラミング言語でサイトを制作した場合

HTMLテンプレートを利用せず、フルスクラッチでHTML等のプログラミング言語でサイトを制作した場合、CSSを使用してサイトをレスポンシブデザインにする必要があります。

HTMLテンプレートでサイトを制作した場合

HTMLテンプレートを利用してサイトの制作を行った場合、あらかじめテンプレートがレスポンシブデザインに対応している場合がほとんどです。まれにレスポンシブデザインに対応していないHTMLテンプレートがあります。その場合は、CSSを使用してサイトをレスポンシブデザインに対応させる必要があります。

WordPressで制作したサイトのレスポンシブデザイン

WordPressで作成したサイトは、あらかじめタブレット版、スマホ版のデザインが用意されます。


SEO対策

SEO対策とは、Search Engine Optimization対策のことです。具体的には、サイトをGoogleなどの検索エンジンに最適化させることを指します。

SEO対策の詳細についてはこちら

サイトを制作した後に、SEO対策を行うことでGoogleなどの検索エンジンでサイトが検索されたときに上位表示されやすくなります。

WordPressのSEO対策

WordPressでサイトを制作した場合、All in one SEO PackやYoast SEOなどのプラグインをインストールし、サイトを検索エンジンに最適な状態にします。また、サイトマップを送信することで、Googlebotがクロールしやすくなり、より最適な状態になります。

サイトのアクセス数を増やすために

SEO対策は、サイトを検索エンジンに最適な状態にし、アクセス数を増やすために行われる施策です。しかしながら、Google検索セントラルにも明記されているように、最も有効なSEO対策の一つは良質でユーザーが求めているコンテンツを適切に提供することです。

興味深く有益なサイトにする – Google検索セントラル


HTMLテンプレートで作ったサイト

HTMLテンプレートでサイトを制作した場合次のことを忘れず行いましょう。

  • <title>タグの設定
  • メタディスクリプションの記述
  • keywordの設定
  • フッターのコピーライト
  • SSL化(サーバーで設定します)

<title>タグ

ページのタイトルを付けるためのタグです。ページごとに固有なタイトルを付けましょう。Googleでサイトが検索された際に検索結果にも表示されます。

メタディスクリプション

メタディスクリプションは、ページを140文字程度で要約したものです。<title>タグ同様、<head>タグに記述します。Googleでサイトが検索された際に検索結果に表示されます。

WordPressで作ったサイト

WordPressでサイトを制作した場合次のことを忘れずに行いましょう。

  • 必要なプラグインの導入
  • SEO対策プラグインの導入
  • Google Search Consoleへサイトを登録する
  • SSL化(サーバーで設定します)

必要なプラグインの導入

アニメーションやお問い合わせフォームなど、必要に応じてプラグインを導入します。

アニメーションの追加Ultimate Shortcodes
お問い合わせフォームの追加Contact Form 7
スライドショーの追加Meta Slider / Smart Slider
見積もりフォームの追加Calculated Fields Form
SEO対策All in one SEO Pack / Yoast SEO

SEO対策プラグインの導入

SEO対策とは、サイトの構造をGoogleなどの検索エンジンに最適化させることを言います。WordPressで作成したサイトを検索エンジンに最適化させるためにAll in one SEO PackやYoast SEOなどのプラグインを導入しましょう。

Google Search Consoleへサイトを登録する

Google Search Consoleにサイトを登録しましょう。Google Search Consoleは、Googleの検索エンジンでサイトが検索された回数などを分析するツールです。

SSL化

前述したSSL化をWordPressで作ったサイトにも行いましょう。SSLの設定はサーバーごとに異なります。

エックスサーバーのSSL化についての詳細はこちら。

エックスサーバー以外のサーバーでサイトを公開した場合、お使いのサーバー+SSL化でGoogle検索しましょう。例えばロリポップであれば、「ロリポップ SSL化」で検索します。

WordPressでブログを作る場合

WordPressでブログを作成し、サイトのアクセス数を伸ばしたい場合次のことに気を付けましょう。

  • Google検索セントラルを参考に、サイトの構造を検索エンジンに最適化させる
  • 高品質なコンテンツの作成を行う
  • EATに留意する

まとめ

サイトのSSL化、レスポンシブルデザイン対応、SEO対策を忘れずに行いましょう。WordPressなど、サイトを作ったツールによって必要な作業が異なります。