無料でホームページを作った

無料でホームページ作った

趣味で自分のホームページを持とうとしてもネックとなるのが料金だった。
どう切り詰めてもサーバーレンタル料金とドメイン料金は必ず掛かるからだ。
だが時代とともに環境は変わり、今ではちょっとした工夫をすることで料金を支払わずに広告無しのホームページを持てるようになった。

ちなみに、このHPも無料だから作ったし、無料だから更新が超遅い
フリーって素晴らしい(*‘ω‘ *)

サイト立ち上げ時に必要となる作業の概要を大まかに紹介していくぅ

利用サービス

ドメインの取得はお名前ドットコム
レンタルサーバーはシンフリーサーバー
Wordpressの使用テーマはcocoon

お名前ドットコム

3000円offクーポンを利用する。会員登録してれば２週間に１度くらいの頻度で配られるぞ。
ドメインのおすすめはcomかな。
おすすめ度は　com > net > jp >>>>それ以外

ちなみに1年後のドメイン更新料については有料だよ。まぁ、１年間での料金だからかなり安く負担は少ない。comなら、なんと月107円だよ。安すぎィ！
このサイトでjpドメインを使っている理由は、お名前ドットコムで開催されている中古ドメインオークションで気に入ったドメインを落札できたから、理由はそれだけ

シンフリーサーバー

レンタルサーバーは色々あるけれど、高スペックのサーバーを完全無料で、かつ広告無しで提供しているのはエックスサーバー株式会社を除いて他にない。

  • 高スペックサーバー
  • 完全無料
  • 広告無し
  • wordpressテーマ【cocoon】とエックスサーバーは業務提携契約している為、相性100％
  • 自動バックアップの取得・復元が簡単（超優秀！）

    自動バックアップの取得・復元自動バックアップの取得・復元

シンフリーサーバーの申し込みはちょっと変わっていて、他のレンタルサーバーからの移行をするという条件でのみ申し込みが可能。既存のホームページを持ってない場合は申し込みは出来ない。
だが、逆に言うと他社の無料レンタルサーバー契約からでも申し込み可能ではある
無料なので当然サポートは受けられないため、中・上級者向け

【シンフリーサーバー利用規約より引用】

 

当サービスでは、風俗店やアダルトグッズを取り扱うコンテンツ、同人系コンテンツの運用自体は、禁止事項に該当をいたしません。
しかしながら、性行為、またはそれを連想させる画像・動画を掲載している場合は、禁止事項に該当するコンテンツであるとの判断をいたします。

 

エロ画像は駄目だ注意。

cocoon

wordpressの無料テーマで第一候補に挙がるのがcocoonだ。これはもう間違いない。気になるならググってみるといい

  • シンプルで使いやすい
  • 内部SEO対策済み
  • 表示速度が高速
  • 機能豊富
レスポンシブデザインが売りとされているが、スマホでの表示についてはある程度は自分での調整が必要になる。テーマの更新頻度が高くセキュリティ◎
このサイトもcocoonを使用している

セキュリティを高める

wordpressはデフォルトの状態だとセキュリティが脆いので、対策をしよう。

シンフリーサーバーの設定

シンフリーサーバーにログイン。

ドメインからSSL設定へ移動し、独自SSL設定をONへ。

サーバーパネルへ移動。WAF設定を開いて設定を全部ONへ変更

サーバーパネルからWordPressセキュリティ設定へ移動。全部ONへ設定

セキュリティ対策プラグインの導入

【SiteGuard WP Plugin】　

wordpressログインページをデフォルトから変更し、オプション【管理画面からログイン画面にリダイレクトしない】にチェック。ログイン時に画像認証【ひらがな】を設定。

ログインページurlを変更したら忘れずにブックマークしよう

【Limit Login Attempts Reloaded】　

指定回数のログイン失敗でロック。設定変更不要
後日、ログにてロックログ（不正ログインの試み）が頻出した場合は、セキュリティ設定をもっと強固にするといい

サイト高速化

シンフリーサーバーの高速化設定

シンフリーサーバーのサーバーパネルから、高速化へ移動。Xアクセラレータは【Xアクセラレータ Ver.2】を設定。問題が生じた場合はVer.1を設定。サーバーキャッシュ設定、ブラウザキャッシュ設定ともにONへ変更

 

サーバーパネルからメニューのホームページをクリック。XPageSpeed設定にて対象ドメインの設定項目を全部ONへ不具合が出る場合、高速化設定の競合が起きている可能性が濃厚です。その場合は、設定を一つずつOFFにしながら確認しれ。

cocoon側での高速化設定

cocoonのメニューから【Cocoon設定】→【高速化】

以下４つにチェックで設定を保存する。

  • キャッシュを有効にする
  • CSSを縮小化する
  • JavaScriptを縮小化する
  • Googleフォントの非同期読み込みを有効にする
【Lazy Loadを有効にする】はチェックをすると競合が発生しやすいのでオススメしない

プラグインでの高速化

【EWWW Image Optimizer】　画像容量を縮小する。設定変更しなくてもOKだけど、Webp形式にすることができればワンランク上のサイトになるぞ！

EWWWを利用すればアップロードしたファイルをwebp形式に自動的に変換することも可能。長くサイトを続けていくのであれば、挑戦してみてもいいだろう(‘Д’)

【Flying Scripts: Delay JavaScript to Improve Site Speed & Performance】

googleアドセンスを設定するとくっそ重くなる。その場合は、導入すべきプラグイン。

PageSpeed Insightsでサイト速度を測定し、対象のJavaScript読み込みタイミングをずらすことで高速化が可能

その他おすすめプラグイン

【Category Order and Taxonomy Terms Order】　カテゴリの順番を変更できる

【Classic Editor】　ブロックエディタが肌に合わない人はどうぞ

【Contact Form 7】　お問い合わせフォームはこれで決まり

【XML Sitemap Generator for Google】　サイトマップをサーチコンソールに登録するため

【WP Multibyte Patch】　日本のサイトなら取り合えず入れとこ

【WebSub (FKA. PubSubHubbub)】　サイト更新時の検索エンジンへのインデックスが早くなる

【TablePress】　テーブルを使うなら入れると便利

コメント欄を拘りたい人

デフォルトのコメント欄でも全然いいんですが、グッドやバッドのボタンが欲しいとか、見た目に拘りたいって人には【wpdiscuz】（中級者以上向け）がおすすめ。

まとめサイトなどのコメントを活発にして欲しいサイトなら挑戦して欲しいね。良質なコメント欄ってだけでコメントしたくなるもんだし

この記事で紹介してない作業

  • 既存サイトからシンフリーサーバーへの移行方法
  • お名前ドットコムで取得したドメインの、シンフリーサーバーでのドメイン登録
  • https化
  • googleサーチコンソールでのドメイン認証

まとめ

無料でホームページを作った備忘録ですた。
あくまでこういう作業が必要ですよって記事なんで、詳しい作業方法についてはググろう。必要な作業がわかるだけでも助かる命はある。たぶん…きっと

疑問などあったらお気軽にコメントくださいー。ではー

XアクセラレータXアクセラレータXアクセラレータ

WAF設定

WAF設定

WAF設定WAF設定WAF設定WAF設定WAF設定WAF設定

お気軽にコメントください。
※コメントポリシーはこちらから。
0 Comments
Inline Feedbacks
すべてのコメントを見る