WordPress | Tekito style.me

関連記事文章力をサクッと上げるライティング5つのコツ

新しい文章力の教室苦手を得意に変えるナタリー式トレーニング (できるビジネス)

ちなみにライティングについてより体系的に学びたい方は、下記書籍が定番です。文章の書き方について、基本的かつ本質的な内容が分かりやすく学べる神書です。Webライティングでも十分に応用できます。

インプットだけしても意味ないのと吸収率が悪いので、最低限1回読んで、なんとなく掴めたらまず記事を書いてみましょう。

2. とにかく記事を書きアウトプットする（書くことに慣れる）

最低限のインプットができたら、とにかくまずは1記事目を書き、書くことに慣れていきましょう！書かないとライティング力は身につきません。

noteなど無料で簡単に使えるツールを使い、記事を書いていきます。

また記事は誰かに見せる前提で書くことをおすすめします！

公開すると読者の反応を実際に見れるというのもありますが、誰かが読むことを念頭に置くと、「読者の視点で分かりやすい表現にしよう」とか、色々と気を使って書くと思うので。

そうしたちょっとした思考と実践の積み重ねの中で、徐々にライティング力が磨かれていくんですよ。

最初記事を公開することにどうしても抵抗があれば、WordファイルやGoogleドキュメントなどでも全然OKです。

個人的におすすめはWordPressでブログをやることですが、最初の立ち上げが少し面倒なので、まず早く書ける環境をつくることがここでは一番大切です。

実際に書いてみると、

「どういう風に表現したらいいのか」
「どういう順番で伝えたら良いのか」
「そもそも書こうとしていたテーマについての理解が曖昧かも……」
「最初の書き出しや、見出しの付け方、まとめの書き方はどうするのか」
「何か分かりにくいけど、何がダメなのか上手く言語化できない……。」

などなど、記事を書くために何を考えないといけないのか、どこで何を気をつけないといけないのか、など自分の課題点が分かってくると思います。

課題が分かればラッキーです！あとはその部分の解決策を自分で考えたり調べて、地道に補強していけば、知らず知らずの内にライティング力が身についているはずです。

数をこなしていくほどに、書くことに慣れ、ライティングの感覚が掴めてきます。

3. 記事を推敲し、添削・フィードバックを受け修正する

書いた記事は決して書きっぱなしにせず、改善して質をどんどん上げていくことを意識すると良い練習になります。

まずは書いた記事を自分で修正しつつ、第三者に添削してもらうと新たな発見があります。

やすのり

書くこと自体に慣れてきたら、1記事1記事を「これ以上良くすることは不可能！！」と思えるほどに徹底的に磨き上げていきます。

3-1. まずは自分で添削する

まずは自分で書いた記事を、何度も何度も読んで、推敲してを繰り返してみましょう！

誤字脱字、てにをはなど基本的な部分は大丈夫か？
事実に反していないか？
客観的に見て読みにくいところはないか？前提の知識がなくても分かる内容か？

などをまずはチェックしてみると良いです。といっても、自分で書いた文章を自分で修正していくのは、最初はかなり難しいはず。

おすすめな方法は、何日か記事を寝かせて、改めて読み直してみること。

すると「どういうこと？」と自分で突っ込める部分が見えてきたりします。書いたときは勢いのまま書いていたけど、雑な部分が見えてきたり。

また修正するときは、「何をどのように、なぜ修正したのか」をメモしておくと良いです！思考が整理されるだけでなく、学んだ知識もストックされますし、修正力に再現性が出てくるのでおすすめです。

文章を添削したり修正するときのチェック項目や方法などは、下記の記事でも詳細を解説しています。チェック項目に照らし合わせて、自分の記事で修正できる部分はないか探してみましょう！

関連記事記事・文章添削のコツや手順は？記事編集で役立つ29のチェックリスト

沈黙のWebライティング —Webマーケッターボーンの激闘—〈SEOのためのライティング教本〉

3-2. 他人に添削してもらう

できれば自分が書いた記事を誰かに読んでもらいつつ、軽くでもフィードバック受けると学びが多いです。

身近な友人や家族
上司や同僚
知り合いのライターや編集者

自分が書いた記事と言うと、フィードバックする際に遠慮する人もいます。ですので「こんな記事を見つけた！」とか言ってみて、反応を伺い本音を引き出してみましょう。手厳しくもリアルなフィードバックが得られるでしょう。

ちなみに「ココナラ」など有料サービスでライティングの添削をしてくれる人もいるので、そこでフィードバックをもらう手段もあります。

スキルのオンラインマーケット【ココナラ】

4. 他の人の書いた記事を添削・編集してみるのも練習になる！

ライティングスキルの練習に個人的にかなり効果があったのが、他の人が書いた記事を添削・編集すること。

自分の記事のダメなところは分からなくても、他人の書いた記事なら手厳しく注文をつけやすいんですよね（笑）。

Webメディアの記事はもちろん、駆け出しのライターさんやブロガーさんの記事を読みつつ、読みにくいと感じた箇所、よく分からなかった箇所にコメントをして、自分なりに修正してみましょう。

可能な限り辛口で、難癖をつける意識を持って記事を読んでいくと、気になる箇所が次々と出てくるはずです！

気になった箇所の要因を言語化し、なぜそうなのか、どうすればより読みやすくなるのか、を1記事ずつしっかり時間をとって添削します。

やすのり

添削の数をこなしていくと、修正のパターンがある程度整理できてくるんですよ。その体系化されたノウハウが後々、再現性のある、精度の高いライティング力に結びついていきます。

良い表現手法はストックしておく

他の人が書いた記事を読んだりしていると、すごく読みやすく記事に出会うことがあります。そういう記事は宝の山です。

読み流したりせず、読みにくい記事と比較し、その記事はなぜ良いと思えるのか分析してみましょう！

どういうコピーや表現が使われているのか、どういう画像を使っているのか、こういう場合はこういう構成や流れにするのか、など。

そうしたノウハウをメモにまとめておくと、表現の引き出しが増えていざとなった時に使えます。

5. 応用的なスキルを学び、記事に取り入れていく

ある程度基本的なライティングに慣れてきたら、応用的な知識・スキルもどんどん学んで、自分の記事に取り入れていくフェーズです。

ライティングの基礎力が築けていると、そこをベースにスキルを上乗せしていくことができます。学んだことを自分なりに咀嚼し応用できますし、定着率も上がります。

Webで検索するのも良いですが、体系的に効率よく学んでいくならば書籍を積極的に活用しましょう！以下でおすすめな書籍はいくつか紹介します。

SEOライティングの知識をつけるなら

SEO対策のための Webライティング実践講座

コピー・セールスライティングを鍛えるなら

売れるコピーライティング単語帖　探しているフレーズが必ず見つかる言葉のアイデア2000

セールスライティング・ハンドブック　　「売れる」コピーの書き方から仕事の取り方まで

6. ブログ・サイト運用し、数値を見て改善する

現場で役立つWebライティング力を培うなら、実際に記事を公開して数値を見て改善していく、というプロセスが一番勉強・練習になりますよ。

Webライティングは、記事の良し悪し結果を数字で判断することができます。

記事のPVはどれくらいか
どれくらいの時間読んでくれたのか
記事のどこで離脱したのか、どの記事で離脱したのか
記事のどこをクリックしたのか
検索順位は上がったのか
記事経由で何人が商品を購入してくれたのか
どれくらいの人が最後まで読んでくれたのか
どれくらいの人にシェアされたのか

などなど、分析ツールを使うことで色々と数字で可視化することが可能です。

noteでもよいですが、ある程度ライティングに慣れてきたらWordPressで自分のブログを本格的につくり記事を書いていくと、より実践的なWebライティングスキルが身につけられるかなと思います。

どうすれば記事への流入を増やせるのか
どうすればクリックしてくれるのか
どうすれば購入してくれるのか

そういったことを試行錯誤しながら、SEOやSNS、セールスライティングなどのスキルを身につけていくと良いのかなと思います。

SEOについては自分でブログなりメディアを持って、仮説検証しながら学んでいく、もしくは仕事でSEOに関わることを推奨します。

またブログをすると、画像編集・加工やHTMLでのマークアップ、WordPressの運用などのスキルも必要に応じて学べますよ！

アウトプットを継続しつつ、応用的な内容も徐々に学び、それを更にWebライティング力の改善に活かすことができると良いと思います。

+α Webライティングの仕事を請け負う

上記のプロセスである程度スキルが身についてきたら、実際にWebライティングの仕事を請け負うことにチャレンジしてみましょう。

練習というよりは、本番ですね！練習ばかりやっているよりは、基礎を身につけ早めに実践環境に身を置くと成長スピードも早くならざるを得ないので。

フリーランスや副業で活動するのも良いですし、ライターとして就・転職するのも良いです。その際は過去に作成した記事がポートフォリオにもなるはずです。

良いクライアントさんであれば、記事に対するフィードバック（時に厳しい）も得られます。

またWebメディアを運用している事業会社やWebの制作会社などでは、自社内に編集部があったりするので、そういう環境で働けるとよりスキルアップしていくことが可能です（おそらく最初は記事を修正されまくるかと……笑）。

Webライターとしてさらなる高みを目指すのであれば、実際に案件を受けたり、就・転職することも念頭にしてみると良いでしょう！

参考：未経験からWebライターになるには？5つの方法と準備すべきことまとめ

Webライティングの練習が進まない場合の選択肢

ここまで紹介した練習ステップを丁寧に辿れば、Webライティングのスキルは徐々に伸ばしていくことが可能です。

しかし自学自習での練習だと、どこかで行き詰まってしまう方もいるでしょう。

そういう場合はオンラインスクールや講座を活用することも選択肢の一つです。練られたカリキュラムのもと、サポートを受けつつWebライティングを学ぶことが可能です。参考になりそうな講座を2つご紹介しておきます。

（1）WritingHacks（ライティングハックス）
高単価で仕事が取れるライターを目指す、オンライン完結のライティング講座。動画教材でライティングを体系的に学べます。受講期間に制限がなく、常時カリキュラムを閲覧可能です。

またカリキュラム内のことであれば無制限に質問対応してくれるので、初心者でも安心。価格も他スクールよりも安いのでおすすめです。

（2）SHElikes（シーライクス）
女性専用のWeb系キャリア支援スクール。未経験者向けにスキルアップ支援やコミュニティ、コーチングなどを通じて、どう自分らしく生きるかを、ひとりひとりに寄り添いサポートしてくれます。

ライティングコースでは、文章の書き方・企画・取材の方法まで、基礎から学ぶことができますよ！

また受け放題プランはWebライティングのみならず、デザインやマーケティング、動画制作など、全32コースからオンラインで受け放題なのでかなりお得なサービスです。スキルをしっかり身につけた方には、お仕事紹介のサポートも！

Webライター向けのスクール・オンライン講座については、下記記事で詳細をまとめています！気になる方はチェックしてみて下さいね。
初心者OK！Webライターのおすすめスクール・オンライン講座比較まとめ

【まとめ】Webライティングは地道に練習・実践を重ねれば、スキルアップ可能！

Webライティングでおすすめな練習方法・ステップについて、過去の経験を踏まえて解説してきました。

改めて練習ステップを確認してみましょう。

Webライティングの練習ステップ

1. Webライティング・文章作成の基本をインプットする
2. とにかく記事を書きアウトプットする（書くことに慣れる）
3. 記事を推敲し、添削・フィードバックを受け修正する
4. 他の人の書いた記事を添削・編集してみる、良い表現は真似る
5. 応用的なスキルを学び、記事に取り入れていく
6. ブログ・サイト運用し、数値を見て改善する
+α Webライティングの仕事を請け負う

個人的には、「1記事に対して全力を尽くし、これ以上改善できないレベルまで仕上げる」ことを、何度も何度も繰り返すことが、何だかんだで基礎的なライティング力を引き上げる近道なのかなとは思います。何だか自分と向き合うことに似てますね（笑）。

その際は他の人からフィードバックをもらったり、他者の書いた記事を添削したり参考にしてみたりすることもおすすめです。

基本的なライティング力が上がってきたら、自分でブログやサイトを運用しデータを見て、SEOやセールスライティングなどの効果検証をしていくと更にレベルアップしていけるかと！

環境を整え自分を追い込むなら、フリーで案件を引き受けたり、Webライターとして就・転職してみるのも選択肢です。

地道に練習・実践を重ねて、Webライティングのスキルアップをしていきましょう！

Webライティングの勉強・独学方法については下記記事もご参考に！

関連記事SEOで上位表示を狙える！記事構成（プロット）を作成する5つのポイント

記事構成の作り方について ↓↓

2020.06.21

記事の書き方について ↓↓

関連記事記事・文章添削のコツや手順は？記事編集で役立つ29のチェックリスト

添削・編集時のチェックポイントについて ↓↓

The post Webライティングでおすすめな練習方法6ステップ【Web編集者が解説】 first appeared on Tekito style.me.

ブログって楽しいの？ブログを書く魅力やメリット・デメリット、大変なこと【歴2年半のブロガーが解説】

やすのり — Sun, 24 May 2020 07:46:34 +0000

やすのり

こんにちは！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

悩める人

これからブログを始めてみようと思うけど、実際やる意味あるの？結構大変そうだし……。

そういう風に悩んでいる方は多いのかなと思います。

僕も5年くらいず〜とブログをやりたいと思っていたのですが、面倒くさくてなかなか踏み出せず。いざ開設した後も、自己紹介記事を1本書いてずっと放置したりと色々ありました（笑）。

そして先日ついに本ブログにて100記事達成しました！途中半年間休憩したりと、運営を本格的に開始してからトータル約2年半かかった感じです。平均すると毎月3記事ほどと、鈍足亀さんペースですがなんとか続けてます。

ということで本記事では僕の実体験を交えて、ブログを書く魅力やメリット・デメリット、大変なことをご紹介いたします。率直にブログの楽しさを伝えられたらな〜と思います！

これからブログ始めようかなと思う方はぜひ参考にしてみてくださいね。

【結論】ブログの楽しさ・メリット

1. 多くの人に読んでもらえる！
2. 自分の好きなこと、シェアしたいことを自由に発信できる！
3. 知識や経験を整理できる、記録に残せる！
4. 消費者から、生産者側に回れる！
5. ちゃんとやれば収益や仕事の依頼に繋がる！
6. 幅広いスキルや知識が身につく！
7. デザインや機能などにこだわるのがめちゃ楽しい！
8. 職種によってはポートフォリオにもなる！
9. ブログで日常が楽しくなる！
10. 純粋に楽しい！とにかく楽しい！

ブログを書く楽しさや魅力は？10つのメリット

まずはブログをやるメリットからご紹介していきます。今回は10個選んでみました！

1. 多くの人に読んでもらえる！

まずブログを書けば多くの人に読んでもらえるので、シンプルにそこが嬉しいです。

対面やオフラインだとリーチできる距離に限界がありますが、インターネットでは物理的な距離はありません（もちろん言語の壁はありますが……）。

広大なインターネットの中で、多くの人に自分の経験や考え、ノウハウを届けることができます。

記事についての感想や質問、役にたったなど読者からの反応もとても嬉しいですし、どれくらいの人が読んでくれいるのか数値・データで可視化されるので、その数値が伸びていくのがシンプルに楽しいですね。

また読者はもちろん、ブログ仲間や場合によっては仕事に結びつくこともあるので、ブログを通じて色々な方と繋がれるのもブログの魅力の一つです。

2. 自分の好きなこと、シェアしたいことを自由に発信できる！

ブログのテーマは、もちろん自分で好きに設定することができます。企業メディアの場合はそういう訳にはいきませんが、個人ブログなら何も制限するものはありません。

自分の書きたいこと、趣味のこと、日々の学びなど、思う存分書いて発信していきましょう！

やすのり

マネタイズ目的の場合は、SEOなどの兼ね合いで事前のテーマ設定が重要なのですが、それについてはまたいつか……。

3. 知識や経験を整理できる、記録に残せる！

僕がブログを始めた理由のひとつでもあるのですが、自分が仕事やプライベートなどで学んだ知識や経験を、書くことでキレイに整理することができます。記憶に定着もしやすいです。

またブログに記録しておくことで、あとで同じことを調べたりする必要がなくなります。

さらに記事にするにはある程度深ぼって対象、もしくは周辺情報をリサーチする必要が出てくるので、ただ学ぶ・経験する時よりも、より学びや体験の密度が増すかなと思います。

4. 消費者から、生産者側に回れる！

ここは個人的にブログの凄さだと思うのですが、ブログを書くことでただの消費者から生産者側に回ることができます。

例えば普通に旅行する場合、調べて、実際に旅行に行き、帰ってきて楽しかったー！で終わりますよね。

ですがブログの場合は、「旅行楽しかった！」で終わるのではなく、その体験や調べた過程を記事としてまとめることで、読者の役に立つコンテンツを生み出すことができます。

しっかり記事をつくれば読者に感謝されることはもちろん、広告収益や仕事の依頼に発展させることも可能です。

やすのり

自分の体験したことが、更に別のコンテンツや資産に生まれ変わるって、冷静に考えて凄いことですよね。

5. ちゃんとやれば収益や仕事の依頼に繋がる！

上記したように、ブログは頑張り次第で収益化させることも可能です。ブログっていっても、個人でWebメディアを持つ感じですからね。

Googleアドセンスやアフィリエイトからの広告収益はもちろん、交渉次第で直接広告主と繋がることも可能ですし、自分で作った商品やサービスがあればそこに繋げることもできます。フリーランスの方であれば、仕事案件の獲得にも繋がります。

ブログは「自分自身のオウンドメディア」です。工夫ややり方次第で可能性は無限大！

やすのり

僕は今月出費やばい……という時に、ブログ収益で命を繋ぎ止めたことがあります（笑）。割と家計に大きなインパクトを出せるくらいには成長してきました。

正直なところ、Webマーケティングの知識がないと、まとまった収益が発生するまでの難易度は結構高いと思います。僕は運営を開始して1年くらいはそもそも広告を貼ってなかったのですが、貼り始めてから1年ほどはかなり苦戦しました。

ですが一度伸ばし方のコツが分かると指数関数的に伸びていきますね。上手くいくと自分ではコントロールできないほど一気に伸びるので、ちょっと怖いくらいです。

ただし収益については環境変化（SEO、競合、広告主、ユーザー動向、トレンド、市場環境など）により波はあるので、当てにし過ぎるのは禁物です。あくまで本業のサポート、くらいに思っておけばよいのかなと。

6. 幅広いスキルや知識が身につく！

しっかりブログを運営すれば、ブログを通じて得るスキルや知識、経験はかなり個人の資産になると思います。

僕も個人ブログをインプットとアウトプットの場として活用していますが、WordPressでサイト運営しようとすると下記のようなことを学べます。

ライティング
SEO対策
画像編集
UIデザイン
WordPressの知識
HTML、CSS、JavaScript、PHP
アナリティクスなどで数値分析
ABテストでCVR改善
広告・SNSなどの運用
仮説＋検証＋改善のサイクルを回すこと

などなど、Webマーケティングに必要な要素やスキルがおおよそ学べます。

ライティングの練習にもなりますし、デザインや簡単なコーディングの知識も関わってきます。そもそもWebメディアを0から立ち上げて運用し、PDCAを回すこと自体とても貴重な経験になるかなと。

こう書くと難しそうな印象になりますが、まずは無料ブログから始めるのでも全然OKですし、知識が全くなくてもやりながら、調べながら少しづつ身につけることができるのでご安心を。

やすのり

個人のブログなので、最悪失敗してもまたやり直せば全然OK牧場！正直最近のブロガーさんはライティングのレベルも高いし、SEOにも詳しいし、デザインにもこだわっていて、ホント凄いなと思います……。

7. デザインや機能などにこだわるのがめちゃ楽しい！

上記の項目と関連するのですが、スキルが身につき色々とブログ運営のやり方が分かってくると、自分なりにデザインや機能をこだわりたくなるんですよね（笑）。

見出しはこういうデザインにしようかなとか、サイトのTOPページもこういう画像を入れてみようかなとか。

他にもヘッダーを固定するタイミングを調整したり、スマフォ版のSNSシェアボタンも邪魔にならないように表示の出し分けをしたり、サイトスピードの改善をしたり、サムネイル画像も頑張ってみたり………。

やすのり

こう見えて、本サイトも結構細かいところに気を使ってるんですよ。もちろん自分のスキル的にできる範囲にはなりますが……。

デザインや機能を調整するのは結構大変だったりするのですが、そういう試行錯誤をすること自体がめちゃくちゃ楽しいんですよね。企画したデザインや機能を実装したあとに、実際に反映しユーザーさんの反応をみたりするのも楽しい。

上手く実装できなくても、実装できる方法をリサーチし苦労してリリースするまでの過程そのものが楽しい。

個人のブログなので、誰にも文句を言われず好き勝手に改造できるし、思い立ったらすぐ改修できるので、なんかそういうのが楽しいんですよね。もはや自己満ですけど。

もっとこうしよう、今後こうしたいという施策リストが常時50くらいあるので、それをせっせと試しています。でもひとつ試すと今度はこうしたい、あれもできる！と次々施策ネタが溜まってくるので、無限ループなんですよ……。

やすのり

割と今、一番ここがブログを運営していて楽しいポイントかもしれません。感覚的には個人開発とかに近いのかも。今後もできることを増やすべく、精進します。

8. 職種によってはポートフォリオにもなる！

しっかりブログを運営していれば、ライターやWebマーケターとしてのポートフォリオとしても使える可能性があります（ただの日記とかだと厳しいですが……）。

特に未経験でライターなどになりたい方の場合は、記事を書いた経験が何もない人は正直厳しいです。

僕は本職でWebライターや編集者の方、SEO経験者の方と面談をする時は、制作物や実績を見るので。

そういう時にブログがあれば、作成した記事・コンテンツ自体はもちろん、自分でブログを運用し得た経験やスキル、実際に◯◯万PVの流入がある・◯◯万円の利益が出ているなどの結果は、就・転職時にもひとつの判断材料になるかなと。

9. ブログで日常が楽しくなる！

ブログを始めると、間違いなく普段の生活が楽しくなります！

「これネタになる！」とか「これ紹介したい！」など、仕事やプライベートなど含め、日常のいろいろなことにアンテナを貼るようになります。そういう記事の企画ネタを考えるのは結構楽しいんですよね。

旅行中も、ブログのために頑張って写真を撮りたくなりますし、写真スキルを上げたくなります。

サイトデザインをよくするために、デザインを勉強するモチベーションも上がります。

ブロガーさんや読者さんとの交流も生まれます。

やすのり

旅行中、ブログ用に写真をバシバシ撮ってると同行者に面倒くさがられますが……（笑）。

あと趣味ないとか言ってる人が周りにたくさんいますが、ブログは間違いなく生産的で良い趣味ですよ！あと純粋に楽しいです！

いい感じに大変ではあるので、それなりの暇つぶしになりますし、頑張ればお小遣い程度は稼げます。趣味がなければ、とりあえず「ブログ＝趣味」も検討してみてはどうでしょう？

10. 純粋に楽しい！とにかく楽しい！超楽しい！とりあえず楽しい！！

やすのり

最後に暴走してごめんなさい（笑）。でも一言でいうと、ブログ本当に楽しいんですよね。

いままで紹介したメリット含め、シンプルに楽しいからブログをここまで辞めずに続けることができています。

楽しい以外にブログ書く理由なんて、必要あるんですかね？楽しいからやってます。以上。

向き不向きはかなりあると思うので、一度ぜひ試してみて欲しいな〜と思いますね。

補足. 本業とブログで相互作用がある場合も

僕の本業はWebマーケティングなのですが、本業で学んだことをブログでも活かすことができています。

逆にブログ運営で学んだ知識を本業で活かすこともできるので、めちゃくちゃ良いサイクルを描けているなと思っています。

本業で担当しているサイトの場合、気軽に思い切った実験ができなかったりするので、その場合はブログでいったん試してみて、効果あったら本業で試してみたり。

Webマーケティングだけでなく、ライターやデザイナー、Web制作など、WebやIT周りに関わっている人なら、そういう意味でもブログはやる価値あるな〜と思いますね。

ブログ運営で辛いことや大変なことは？6つのデメリット

続いて、ブログ運営で辛いことや大変なことなどを6つまとめてご紹介します。

1. 結果が出るまでに時間がかかる

ブログ運営はPVにせよ、収益にせよ、ブランディングにせよ、ある程度まとまった結果を出すには時間がかなりかかります。

普通に最初の半年〜1年は、いくら書いても書いても全然PV増えないとか、余裕でありますね。

なのでいますぐ結果を出したい！みたいな人には正直おすすめできないです。徐々に積み上げていって、最初は全然結果出ないけど、気づいた時に一気に伸びる、みたいなイメージです。

その結果が出るのが半年後なのか、1年後なのか、はたまた数年後なのか……。そのタイミングはどれくらいコミットするか、どれくらい努力や改善を積み重ねるかによって異なってきますね。

やすのり

ハッキリ言って、「どんな人でもすぐ簡単に結果出る！」とか言う人がいますが、そういう人は詐欺師なので気をつけましょう……。

短期間で明確な成果を出せるのは、余程時間的にコミットできる人か、Webマーケの知識がある人、効率的に学んで実践できる地頭めちゃ良い人以外難しい気がします。

2. 最初の半年間はなかなか辛い

上記したように、ブログは結果が出るまでに時間がかかります。

特に辛いのが最初の半年間。SEO経由の流入（検索からの流入）をメインにする場合、ある程度記事数やライティングのスキルが溜まり、Googleにブログや記事を評価してもらうまでには、最低半年くらいは見ておいた方が良いです。

最初のその半年間を辛抱できるかできないかで、その後継続できるか否かが決まってくる感じですね。

やすのり

僕も最初の数ヶ月〜半年は全然人が来なくて……。でも仮に月数百人とかでも、来てくれたことが嬉しかったのでコツコツ続けていました。

あとそもそも半年〜1年は結果出ないことが分かっていたので、数値見ても意味ないなと割り切っていました。だからメンタル的にあまりダメージはなかったですね。

3. みんな徐々に辞めてく……（笑）

同時期にブログを始めていた人が、気づいたらほとんどいないというのはブログあるある。「一緒に頑張ろう！」とか思ってたけど、気づいたら更新が止まっていたり。

そもそも、ブログをやりたいという人が100人いたら、実際始めるのが20人くらいな体感値です。そして半年後に残ってる人が5〜10人、1年以上継続している人が1〜3人いたらいいかな、くらいのイメージですね。

なのでそもそもブログを実際に始めている方は、すでに凄いと思います！有言実行しているので、それだけでも素晴らしい。

やすのり

冒頭でも言いましたが、僕もブログをやろうと思って、実際に始めたの5年後くらいですからね（笑）。

ブログは結果が出るまで時間がかかるので、そこまで忍耐強く継続して更新できる人は少ない印象です。逆に言えば、継続してコツコツ更新できるだけで、大きな差別化になります。

4. 時給換算するとヤバい

ブログ記事の場合、1日8時間必死こいて書いた記事が、全然集客や収益に寄与しないなんてことはザラにあります。

なので、働いた分だけ対価が欲しい！という方にはかなりしんどいはず。時給40円とか言われたりしてますよね（笑）。実際リアルにそうだと思います。

働いた分だけ対価欲しい人は、本業の仕事を頑張るなり、ライターとして記事を寄稿するなり、ファミリーマートでバイトするなりした方が幸せになれるかなと思います。

ですがブログはストック型の資産なので、積み上げていくことで徐々に1本あたりの単価が上がっていく感じです。労働と収益化のタイミングがズレてしまうのですよね。

最初はそれなりの時間を、時給0円で投資する覚悟が必要かなと！

5. 本業との兼ね合いが大変

本業をしながらブログをするとなると、時間を効率的に活用しないとブログ執筆のためにまとまった時間を取れません。

朝・仕事が始まる前の時間
休憩時間
通勤時間
仕事後や寝る前の時間
土日や祝日

などなど、スキマ時間を見つけて、コツコツ執筆を続ける必要があります。時には見たいTV番組を我慢したり、何となくスマフォをいじってる無駄な時間も省く努力が必要です。

平日は難しくても土曜日はかならずブログのために時間を取るなど、無理し過ぎずうまく仕事や生活とのバランスを取っていくことが、継続するために大切かなと思います。

6. 環境変化が激しく、一瞬で吹き飛ぶリスクがある

SEO（検索流入）を集客のメインにする場合、Googleのアルゴリズム変動でブログへの流入が一気に減少することがあります。Googleさんが記事の検索順位を決める仕様や条件を、1年に3〜4回くらい変更するんですよね。

今の段階ではあまり良く分からないかもしれませんが、その仕様変更によって突然サイトへの流入が半分以下になる可能性も十分あります。逆に一気に伸びることもあったり。

なのでそういうケースもあるよということは、事前に知っておくべきかなと思います。

リスク分散をするために、SNSからの集客を頑張ったり、YouTubeを頑張ったり（この仕様もGoogleの手のひらの中……）、広告を出したり、リアルや本業で結果を出して指名で検索されるようになるなど、対策を練っていく必要があります。

このあたりは始める前から考えすぎてもあれなので、まずは始めることが重要かなとは思いますが。突然の上がり下がりはあるよ！ということは覚えておきましょう。

辛かったり疲れたら休んでもOK！

ブログを続けていると、どうしてもモチベーションが上がらないことが割とあります。

今日はなんか書く気になれないな〜など。逆に書くモチベーションが突然、異常に湧いてくることもあるんですよね。

なのでどうしても書く気になれない時は、いったん手を止めて休んでみることも大切ですよ。無理してまで続けると、完全にやる気が燃焼してしまいます。

またやる気が出てきたら、その時思い切って取り組めばいいだけです。

ブログで成果を出すなら、ゆるくても継続することが大切。しばらく更新頻度が落ちたり、間が空いても大丈夫。とにかく完全にストップするのではなく、少し休んで、また継続することが重要です！

やすのり

僕も半年休んだことありますし（これはもはや長すぎですが……）、月数記事くらいしか更新してません。でも毎月数本でも、継続すればゆっくりでも徐々に成果が出てきます。焦らず、自分のペースで取り組むことが大切なのかな〜と思いますよ。

ブロガーに向いている人、向いていない人

上記のメリットやデメリットを踏まえて、個人的な独断と偏見で、ブロガーに向いている人と向いていない人を簡単にまとめてみました！

必ずそうである訳ではないのですが、こういう傾向があるのかなと、一つの例としてご参考いただけると幸いです。

ブロガーに向いている人

地道にコツコツ継続できる人
机に向かって作業するのが苦でない人
結果が出るまでに、数年単位で時間がかかっても問題ない人
数字・データが伸びるのを見ることが好きな人
明確な目的がある人（収益目標、どうしても発信したいことがあるなど）
自分で考えて行動できる人
知的好奇心が旺盛な人
ブログに期待しすぎていない人

やはりブログはコツコツ取り組むことが重要なので、地道に努力や継続できる人には向いているかなと思います。

結果が出るまでに時間がかかるので、それでも問題ないという前提も必要です。切羽詰まった事情があるのであれば、別の方法を検討した方が良いかと。

またブログ運営はいろんな知識の総合格闘技みたいな感じなので、マーケティングやデザイン、ライティングなどを自分で学んで試行錯誤するのが楽しい人にはとても向いていると思います！絶対に楽しいです！

ブロガーに向いていない人

継続するのが苦手・できない人
すぐ結果を出す必要がある人
働いたらその分の対価が欲しい人
自分で試行錯誤するのが苦手な人
ブログに人生を懸けようとしている人

逆に継続するのが苦手な人は、ブログで結果を出すのは難しいです。趣味でやるならそれでも全く問題ないですが、ブログをやりたい人は何かしら目的がある気がするので。

また結果をすぐに出したい人や働いたらその分の対価が欲しい人も、ブログの場合は時間がかかるのと、必ずしも結果に結びつかないことも多いので、ブログでその期待を満たすことが難しいと思います。

ブログに人生を懸けようとしている人も考え直してみましょう！いつブログの集客や収益が吹き飛ぶかも分かりません。本業をしっかりこなした上で、複業・副業として取り組むのが一番良い選択肢かなと思いますよ。

ブログの始め方は？

ここまでの内容を踏まえてブログを始めてみたい！！という方は、ぜひトライしてみましょう。

やすのり

言うても無料でブログは始められるので、まずはそこから気軽に試してみてはいかがでしょうか。

最初は無料ブログでも全然OK！

無料ブログなら、いまなら「note」がおすすめです！はてなブログでもOKです。

こうしたブログサービスを使うメリットは、基本的に無料で簡単に始められることと、プラットフォーム内からの流入を見込めるので、多少なりともすぐアクセスがあることですね。

デメリットはプラットフォームの利用規約などに縛られる可能性があったり（例えばアメブロでは広告を貼れなくなったり）、自分でデザインや機能を調整することが不可能もしくは限界があることですね。

また万が一プラットフォームが閉鎖された場合は、ブログもそのまま閉鎖されてしまうリスクがあります。

とは言え無料で気軽に始められるので、自分がブログに向いているか否かのテストしてみるのも良いですね。

本格的に取り組むならWordPress一択！

最初から本格的にブログを始めるのであれば、WordPress一択かなと思います。

どの道ちゃんとやろうとするなら、無料ブログから移行する手間もかかるので……。

SEO的な観点や広告掲載の自由度もありますし、デザインや機能にもこだわることができます。最初の設定は割と大変なのですが、そこを乗り越えることができれば色々と自由にカスタマイズできるので、その楽しさはありますね。

またWordPress自体は無料で利用できます。追加でサーバーとドメイン代がかかるのですが、プランによっては月数百円〜1,000円程度で始めることも可能です。

WordPressブログの始め方については、下記記事で詳しく解説しています。本ブログでも活用している人気サーバー「さくらのレンタルサーバ」で進めていくので、良ければ参考にしてみてくださいね。

ちなみに本ブログでは「STORK19（ストーク19）」というWordPressテーマを活用しています。デザインもおしゃれで、機能もシンプルで使いやすいので、初心者の方にもおすすめなテーマですよ。

Webライティングが全然分からない方は、まずはインプットから！

Webライティングは書かないと身につかないスキルですので、ブログなり手を動かすことから始めましょう！

といっても「何をどう勉強したらいいか分からない……」という方は、勉強方法や練習方法をざっとインプットしておくと良いですよ。下記にまとめているので、よかったら参考にしてみて下さいね。
Webライティングでおすすめな勉強・独学方法5選
Webライティングでおすすめな練習方法・ステップまとめ

【まとめ】ブログは大変だけど、それ以上に楽しい＆メリット多し！

ここまでブログを書くメリットやデメリットをご紹介してきました。まとめると下記になります。

【まとめ】ブログの楽しさ・メリット

1. 多くの人に読んでもらえる！
2. 自分の好きなこと、シェアしたいことを自由に発信できる！
3. 知識や経験を整理できる、記録に残せる！
4. 消費者から、生産者側に回れる！
5. ちゃんとやれば収益や仕事の依頼に繋がる！
6. 幅広いスキルや知識が身につく！
7. デザインや機能などにこだわるのがめちゃ楽しい！
8. 職種によってはポートフォリオにもなる！
9. ブログで日常が楽しくなる！
10. 純粋に楽しい！とにかく楽しい！

色々と大変なこともたくさんありますが、ブログをやっていてよかったことや楽しかったこと、ブログに救われたこともたくさんあります。

何だかんだブログは楽しいです！丹精込めたブログが成長していくと、もはや我が子のように慈しみを感じるんですよね。正しい方向を向いてきちんと継続すれば、報われる瞬間はいつか来ます。

これを機に始めてみようと思った方は、ぜひチャレンジしてみて下さいね。

WordPressブログの始め方はこちらから ↓↓

おすすめなWordPressテーマ「STORK19（ストーク19）」についてはこちらから ↓↓

記事の書き方について、詳細に解説しています ↓↓

The post ブログって楽しいの？ブログを書く魅力やメリット・デメリット、大変なこと【歴2年半のブロガーが解説】 first appeared on Tekito style.me.

初心者向け！さくらサーバーでWordPressをインストールしブログ開設する方法

やすのり — Mon, 13 Jan 2020 07:57:09 +0000

やすのり

こんにちは！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

ブログ初心者

これからブログやWebサイトを開設したけど、どうしたらいいのか全然わからない……。

そういう方は多いかなと思います。実際に僕もブログを始めたころは右も左も分からず、本当に苦労しました……。

ということで本記事では、信頼と実績ある人気のレンタルサーバーである「さくらサーバ」にWordPressをインストールし、サイトを開設する方法を徹底解説していきます。

僕のこれまでのサイト運営で得た反省点や失敗も踏まえて、初心者の方向けに1つ1つ説明していくので、これからブログやWebサイトを始める方はぜひチェックしてみて下さい。とりあえずこの記事の通りに設定していけば、無事にサイト開設できます！

また2022年2月にはサーバ機材が大幅改善され、スピードが従来の最大5倍、初期費用もなんと無料になり、容量もアップしました。さくらサーバでブログを始めるなら、以前よりかなりお得になっています！

さくらサーバは2週間無料のお試し期間があるので、安心して進めてみてくださいね。

\ 今なら2週間お試し無料！！ /

さくらサーバでWordPressをインストールするステップ

さくらのレンタルサーバでWordPressサイトを公開・運用するまでは、主に下記のステップが必要となります。

WordPressの開設ステップ

1. まずはさくらのレンタルサーバを契約
2. さくらサーバにWordPressをインストール
3. WordPressの設定をする
4. テーマの変更・インストール
5. SSL設定をする
6. 独自ドメイン取得とサーバーとの紐付け
7. パーマリンクの設定
8. 各種計測ツールの導入

WordPressサイトの公開自体は1〜3のステップまででできてしまうので、そこまで難しくありません。

その後しっかりサイトを運営していきたいのであれば、独自ドメインの設定と計測ツールの設定までしておくと良いかなと思います。

しっかりサイトを運営できるように、細かいですが必要なことをすべて紹介しています。

慣れてしまえば1時間ほどでできるのですが、最初はトータルで数時間〜半日、1日ほどかかるかもしれません。

日をまたいでもよいので、できるところから着実に進めていきましょう！

\ 今なら2週間お試し無料！！ /

Step1. まずはさくらのレンタルサーバを契約

Photo by：さくらのレンタルサーバ公式サイト

さくらのレンタルサーバへの登録が完了していない方は、公式サイトから先に登録してアカウントを作成しておきましょう。

一番おすすめの人気プランは月換算900円〜（初期費用0円）でWordPressが使え、大容量かつ高速化オプションもついている「プレミアムプラン」。

手軽にWordPressでブログやサイト運営をしたいなら、スタンダードでも十分にコスパが良いです。月425円〜（初期費用0円）ととにかく安いですし、個人利用であればスタンダードでもいいかと思います。

ただ中長期期にしっかり運営を継続していく予定ならプレミアムプランも検討してみて下さい。

本ブログは当初スタンダードプランで運営してきました。しかし4年ほど運営しそろそろ容量的に余裕がなくなりつつあるので、容量は多い方がより安心ではあります……。

プラン名	容量	コンテンツブースト (サイト高速・安定化)	料金 (月換算)	初期費用	契約方法
ライト	100GB	なし(有料)	128円〜	無料(0円)	毎月払い:無し 36ヶ月一括:4,578円(月換算128円) 24ヶ月一括:3,089円(月換算129円) 12ヶ月一括:1,571円(月換算131円)
スタンダード	300GB	なし(有料)	425円〜	無料(0円)	毎月払い:524円 36ヶ月一括:15,279円(月換算425円) 24ヶ月一括:10,312円(月換算430円) 12ヶ月一括:5,238円(月換算437円)
プレミアム	400GB	あり	900円〜	無料(0円)	毎月払い:1,571円 36ヶ月一括:32,378円(月換算900円) 24ヶ月一括:23,998円(月換算1,000円) 12ヶ月一括:15,714円(月換算1,310円)
ビジネス	600GB	あり	2,122円〜	無料(0円)	毎月払い:2,619円 36ヶ月一括:76,370円(月換算2,122円) 24ヶ月一括:51,541円(月換算2,148円) 12ヶ月一括:26,191円(月換算2,183円)
ビジネスプロ	900GB	あり	3,819円〜	無料(0円)	毎月払い:4,714円 36ヶ月一括:137,460円(月換算3,819円) 24ヶ月一括:92,771円(月換算3,866円) 12ヶ月一括:47,143円(月換算3,929円)

参考さくらのレンタルサーバプラン一覧

2022年5月17日からは、一括支払いプラン（24ヶ月、36ヶ月）がリリースされ、よりお得に契約することが可能です。

ブログを始める初心者の方はスタンダード以上、できれば容量が多く高速・安定化機能があるプレミアムプランにしておくと間違いないです！

予算を抑えたい方や手軽に試してみたい方はスタンダードでもOKかなとは思いますが、さくらサーバは途中のプラン変更ができないのでお気を付けて。

企業が運営する中・大規模サイトで、複数人アカウントで運用したい方などは「ビジネスプラン」を選択しましょう。

お試し期間として2週間無料で利用することができるので、とりあえず使ってみてから本格的な導入を検討することもできますよ。

月々コーヒー数杯分、雑誌1冊分の値段と思えば、サーバーといっても意外と安いもんですよね。

これまで長年使っていて、サーバーがダウンするなどトラブルも全くなかったです。安くてコスパよく、簡単に設定できるので、ブログやサイト運営初心者の方にもおすすめです。

\ 今なら2週間お試し無料！！ /

関連記事一番おすすめなプランは？さくらサーバーの料金・プラン比較まとめ

参考：さくらサーバの料金プランごとの特徴や違いをもっと知りたい方がこちらから ↓

下記から具体的なサーバー契約ステップを紹介していきます。

1-1. プラン選択

まずはさくらのレンタルサーバ公式サイトから好みのプランを選択し、「詳しくみる」をクリック。

今回はサンプルとして、スタンダードプランで進めていきます。他のプランでも以下同様です。

「2週間無料ではじめる」をクリック。

1-2. 初期ドメイン設定

好きな初期ドメインを設定します。

https://◯◯◯◯◯.sakura.ne.jp/

◯◯◯◯◯の部分は3～16文字、半角英数字とハイフン（-）で設定できます。初期ドメインはそこまでこだわらなくても良いです。後で独自ドメインを設定するので。

独自ドメインは後ほど「お名前.com」で設定するので、今回は「レンタルサーバだけ契約する」を選択し、お支払い方法の選択へ。

1-3. 会員登録

続いてまだ会員登録をしていない人は、新規会員登録をしましょう。すでに会員済みの方はログインします。

メールアドレスの入力。

すると指定のアドレスに6桁の認証コードが記載されているメールが配信されるので、確認して入力します。

認証コードの有効期限は発行から30分間なので注意しましょう。

氏名や住所、パスワードなど基本情報を入力し、アカウントを発行します。

1-4. 支払い方法の確認

月払いか年間払いかの選択ができます。年間一括にすると、月払いより月額利用料金が「2ヶ月分お得」になるみたいですよ。

クレジットカードの支払い手数料は無料で、申し込みから2週間後に自動で本登録になります。クレジット情報を登録すると、確認画面に進みます。

「この内容で申し込む」ボタンをクリックしてサーバー契約はすべて完了です！

しばらくすると「[さくらのレンタルサーバ] 仮登録完了のお知らせ」というメールが届くので、コントロールパネルへログインするためのドメイン名とサーバパスワードを確認しておきましょう。

\ 今なら2週間お試し無料！！ /

Step2. さくらサーバにWordPressをインストール

サーバープランの開設が完了したので、続いてサーバーにWordPressをインストールしていきます。

2-1. コントロールパネルにログイン

Photo by：さくらのレンタルサーバ公式サイト

先ほど届いた仮登録完了メールに記載されているURL、もしくは公式サイト（https://www.sakura.ne.jp/）のメニューにある「コントロールパネルログイン」をクリックし、コントロールパネルにログインします。

コントロールパネルのURL：
https://secure.sakura.ad.jp/rscontrol/

下記の情報でログインします。

・初期ドメイン
・サーバパスワード
（※さくらの会員パスワードではなく、メールで届いたサーバパスワードなので注意）

ログインすると下記コントロールパネルページに飛びます。

ここから詳細な設定方法を解説していきます。

2-2. データベースの作成

WordPressをインストールする前に、先にデータベースを作成する必要があります。

データベースとは、簡単に言えばWordPressの運営で必要なサイト情報や記事データ（テキスト内容や画像）、デザインデータなどを格納しておくフォルダのようなイメージです。

これがないとサイトに情報を追加したり、更新したり、削除したりといったことができないので絶対に必要です。

スタンダードプランの場合、データベースは合計20個まで作成することができます。

サイドメニューにある「Webサイト/データ」欄から、「データベース」をクリックします。
（TOPページにある「データベース」のアイコンをクリックしてもOKです！）

「データベースの新規追加」ボタンをクリック。

任意のデータベース名と、データベースへ接続する時に必要なパスワード（※画像では既に設定済みのため表示されていません）を設定します。
下記の条件で設定することができます。

・データベース名
半角英数字小文字かハイフン・アンダースコア
ex db_1

・パスワード
半角英数字大文字小文字かハイフン・アンダースコア

データベース文字コードは、初期で選択されている「UTF-8（utf8-mb4）」のままでOKです。データベースのバージョンは最近のもの（2021年4月現在は5.7）で設定します。

問題なければ「同意する」にチェックし、データベースを「作成する」ボタンをクリックします。

すると新規データベースが作成されました！
（※複数のデータベースが作成されている場合は、画像のようにデータベース名の欄に複数表示されます。）

これで完了です。

2-3. PHPのバージョンが最新か確認する

続いて、PHPのバージョンが最新かどうか確認しておきましょう。

WordPressはPHPというプログラミング言語で動いているのですが、このバージョンが最新である方が処理速度が早かったりします。

サイドバーの「スクリプト設定」から、「言語のバージョン設定」をクリックします。

現在のバージョンの欄を確認すると、「PHP 7.4.15 (モジュールモード)」と表示されています。

これは最新（2021年4月現在）なので、このままで問題なさそうです！スタンダードプラン以上は「モジュール」を活用することができます。

モジュール版の方がPHPの実行パフォーマンスが高いので、必ずこちらを選択するようにしましょう！

2-4. WordPressをインストール

続いて、いよいよWordPressをさくらサーバにインストールしていきます！

さくらサーバでは簡単インストール機能があり、簡単にWordPressをインストールできるのでとても便利です！ WordPressのZIPファイルとwp-config.phpを少し設定するだけで用意してくれています。

サイドメニューの「Webサイト/データ」欄から、「クイックインストール」をクリックします。

カテゴリメニューにある「ブログ WordPress」の新規追加をクリックします。

WordPressサイトのインストール先を設定

まずどこにWordPressをインストールするのかの設定をします。必要なのは下記の項目です。

・インストールURL
サイトをインストールしたい任意のドメインを選択し、WordPressをインストールします。指定したドメイン配下にWordPressが作成されます。

またもしインストール先がhttpの場合は一旦そのまま進めてもOKです。後ほどSSL化（httpsへの対応設定）を行います。

・データベース
先ほど作成したデータベースを選択します。

・データベースパスワード
先ほど作成したデータベースに対応するパスワードを入力します。

・テーブルの接頭語
基本的にデフォルトのままでOKです。
（※テーブル名の頭に自動的に付与される文字列のこと。1つのデータベースに複数WordPressをインストールする場合に、異なる接頭語を設定することで重複・データの上書きを避けることができます。最初は気にしなくて問題ありません。）

上記のように、

「初期ドメイン公開フォルダ直下にインストールすることは出来ません。
WEB公開フォルダを変更するかサブディレクトリを設定する必要があります。」

などのエラーが表示される場合は、「WEB公開フォルダを変更せずにサブディレクトリにインストールする」を選択し、任意のドメインを記載します。

特に思いつかなければ、「wp」とかでOKです。

例：　https://◯◯◯◯◯.sakura.ne.jp/wp

このドメインにWordPressが作成され、公開されます。
（サイトのドメインをカッコよくしたいなら、独自ドメインを設定しましょう！後ほど解説します。）

WordPressサイトの基本情報を設定

続いてWordPressサイトの基本設定をしていきます。

・サイトタイトル
今回作成するWordPressサイトのタイトルを設定します。自由につけてOKです。ここで設定してもOKですが、あとで設定・変更することも可能です。

・ユーザー名
WordPressアカウント・管理画面にログインする際に使います。任意のものを設定しましょう。
半角英数字、スペース、下線、ハイフン、ピリオド、アットマーク (@) のみが使用可能。

・WordPressパスワード
WordPressアカウント・管理画面にログインする際に使います。必ずメモしておきましょう！

・メールアドレス
WordPress管理画面にログインする場合や、WordPress関連の情報（テーマやプラグインの更新情報など）を受け取る際に使います。

・検索エンジンでの表示
基本はチェックしなくてOKです。

チェックしてしまうと、サイトや作成した記事・コンテンツなどが検索結果に表示されなくなるので注意してください！

これからブログを運用して流入を増やしていきたいのであればチェックしてはいけません。
（検索結果にひっかかりたくない・見られたくないサイト、テスト用のサイト、すべて設定が完了してからサイトを公開したいなどの場合はチェックしましょう）

あとから設定を変更することも可能です。

続いてライセンスと利用規約に同意したら、「作成する」ボタンをクリックします。

これで先ほど作成した「/wp」ディレクトリにWordPressがインストールされています。

最低限の環境設定はひとまずこれで完了です！あともう少し頑張りましょう……！

Step3. WordPressの設定をする

続いてWordPressの初期設定をしていきます！

3-1. サイトと管理画面のURLを確認

まず先ほど作成したWordPressサイトと管理画面のURLを確認しましょう！

サイドメニューの「Webサイト/データ」から、「インストール済み一覧」をクリック。

下記の2つを確認できればOKです。

・設定先
公開されているWordPressサイトのURL

・管理画面URL
WordPressサイトの設定や記事の編集などをする管理画面のURL

3-2. 管理画面にログインする

管理画面のURLをクリックすると、ログイン画面が表示されます。

先ほど設定したユーザー名（もしくはアドレス）とパスワードでログインしましょう。今後何度も使うことになるので、ログイン画面のURLも控えておきましょう！

http://◯◯◯◯◯.sakura.ne.jp/wp/wp-admin

するとWordPressのダッシュボードへ遷移します。

3-3. サイトを表示してみる

続いて、サイトを表示してみましょう。メニュー左上にあるサイト名をクリックし、「サイトを表示」をクリックします。

「Hello world!」の文字が！！無事サイトが表示されていますね。

これでWordPressのインストールは完了です！慣れない作業をすると大変だったかと思いますが、ひとまずお疲れさまでした！！

Step4. 無料テーマをインストールしてみよう！

WordPressの利点の一つは、テーマを簡単に変更できること。テーマを変更すると、サイトのデザイン・機能をすぐに変更することが可能です。

またWordPressには無料で素晴らしいテーマがたくさんあるので、色々使ってみることをおすすめします。

テーマの変更方法

サイドメニューの「外観 > テーマ」をクリックします。

するとテーマ一覧が表示されます。現在有効なのが「Twenty Twenty」というテーマです。これを「Twenty Nineteen」に変更してみましょう。

変更したいテーマにカーソルを合わせ、「テーマの詳細」をクリックします。

テーマ詳細を確認して問題がなければ、「ライブプレビュー」をクリックしてみましょう。

プレビューだと実際にサイトに反映されず、テーマを変更した場合にどんな感じになるのか、テストで見てみることができます。

問題なけば「有効化して公開」ボタンを押すと、本番環境に反映させることができます。簡単ですよね！

新規テーマの追加方法

先ほどのテーマ一覧から「新しいテーマを追加」をクリックします。

気になるテーマを見つけたら、「インストール」をクリック。

インストールが完了したら、「有効化」してみましょう。

無事変更されていますね！

Step5. SSL設定をする

次にサイトのSSL対応をしてみましょう！

サイトの常時SSL化（https://〜）も、無料でワンクリックですぐに設定できます。

かなり簡単にいうと、通信データを暗号化してくれる感じですね。GoogleがこのSSL化を推奨しており、設定しないとSEO的にもマイナスになります（つまり記事を書いても検索順位が上がりにくくなる）。セキュリティ面、またサイトへの信頼性を担保するためにも必ず設定しておくべき項目です。

後から変更するとリダイレクト処理する必要があるなどややこしくなるので、サイトを開設したら速攻で設定しておきましょう！

デフォルトのサイトのURLを見てみると、http://〜になっていて「保護されていない」と表示されていますよね。これだとSSL対応できていない感じです（つまりセキュリティ的に危ないサイトということ）。

WordPress管理画面へログインし、「設定 > 基本設定」から、

・WordPressアドレス（URL）
・サイトアドレス（URL）

のURLを2か所、httpからhttpsへ変更し保存します。するとログアウトするので再度ログインしてみます。

https〜のアドレスに再度サイトにアクセスしてみると、「この接続は保護されています」と表示されます。これで完了です。超簡単ですよね。

共有SSLとSNI SSL

さくらサーバのコントロールパネルからも設定の確認ができます。最近だどデフォルトでSSLを適応する設定になっているので、特に変更は不要ですが、一応確認してみましょう。

サイドメニューの「ドメイン/SSL > ドメイン/SSL」をクリックします。

対象となるドメインの「SSL」の項目が、「共有SSL」と記載されていれば、こちらで問題ありません！

もし共有SSLとなっていない場合は、「設定」ボタンをクリックします。

「SSLの利用」欄にある、「共有SSLを利用する」をクリックします。ひとまずはこちらの設定で大丈夫です！

Photo by：独自SSLと共有SSLの比較

「https://初期ドメイン名/」や「https://○○.さくらのサブドメイン」の場合は共有SSL、後述する独自ドメインを取得した場合はSNI SSLを利用します。ですので、独自ドメインを取得したあとでSNI SSLに切り替える感じですね。

Step6. 独自ドメイン取得とサーバーとの紐付け

続いて独自ドメインを取得しましょう。

ドメインとは、一言で述べるとインターネット上での住所のこと。さくらのレンタルサーバーでワードプレスを開設したばかりの方だど、サイトのURLが「◯◯◯.sakura.ne.jp/wp/」などになっているかと思います。

それを独自のドメイン「https://tekito-style.me/」や「〜.jp」など、任意のアドレスに変更することができます。SEO面やサイトの信頼度を上げるためにも、最初に設定しておくことをおすすめします。

サイト運営を開始してしばらく経ってからドメインを変更すると、リダイレクト処理など手間がかかってしまいます。

独自ドメインはサーバーとは別に契約する必要があり、今回はお名前.comで設定していきす。

お名前.comは東証一部上場企業であるGMOが運営しているのでその点安心ですし、比較的料金も安く設定もわかりやすいです。初心者の方にもオススメですよ。

お名前.comの設定方法の詳細は以下の記事を確認してみてください。 ↓↓

ドメイン取るならお名前.com

独自ドメインとさくらサーバを紐付ける

独自ドメインをお名前.comで取得した後は、取得したドメインをさくらサーバ側とWordPress側でも別途設定する必要があります。

ドメインとサーバーを連携する場合、ドメインの設定が反映されるまでに時間が掛かります。僕の場合は1時間かからずでしたが、通常だと数時間～最大2日程度と言われています。なかなか反映されなくても、焦らず気長に待ってみましょう。

さくらサーバと連携する方法の詳細は、以下の記事を確認してみてください。サーバーでの設定からWordPressに反映するまでを4つのステップごとに分かりやすく紹介していきます。 ↓↓

関連記事文章力をサクッと上げるライティング5つのコツ

Step7. パーマリンクの設定

記事のURL（パーマリンク）の設定も最初にしておくことをおすすめします。パーマリンクの設定変更はWordPressの管理画面で簡単に変更できます。

WordPressサイトは開設当初、記事のURLが

「https://tekito-style.me/2018/04/28/771」や
「https://◯◯◯.sakura.ne.jp/wp/2020/01/13/記事タイトル/」

などように、ドメイン＋日付（＋記事タイトル）で設定されています。

このままでもクリティカルな問題はないのですが、Google Analyticsなどで記事ごとの数値計測をする時にかなり不便なのと、SEO的にも最適とは言えません。

おすすめの設定は下記のいずれか。

・ドメイン＋記事URL
https://tekito-style.me/writting-plots

・ドメイン＋記事ディレクトリ（カテゴリではない！）＋記事URL
https://tekito-style.me/columns /writting-plots
（僕は「columns」というディレクトリをつくって、記事コンテンツはすべてその配下に配置しています。）

「https://tekito-style.me/writting-plots」などのように、ドメイン名の直下に記事ごとのパーマリンクを入れる方法でも良いかなとは思います。

パーマリンクの設定方法

「メニューの設定」＞「パーマリンク設定」を開きます。

「https://tekito-style.me/sample-post/」などのようにドメイン配下に記事を配置する場合は「投稿名」にチェックを。

記事ページの上にディレクトリを切る場合などは「カスタム構造」を選択し、「https://tekito-style.me/columns/%postname% 」などと設定します。

記事ごとのパーマリンク「投稿名（%postname%）」は、記事ごとの編集画面で1つ1つ任意のものに設定する必要があります。

パーマリンクについては下記記事で詳細をまとめているので、よかったら見てみて下さい。
※見出し「(3) WordPressの管理画面上で設定」までの内容でOKです（リダイレクト処理は不要）。

2020.08.08

Step8. 各種計測ツールの導入

ブログやメディアを運営するなら、アクセス解析やSEO対策は必須です。

・サイトにどれくらいの流入があるのか
・どこのページがよく見られているのか
・逆にどのページの流入が下がっているのか
・どんなキーワードで流入してきているのか
・記事のクリック率はどうか
・どのページの広告がクリックされているのか

などなど、サイトを成長させていくために現状を正しく把握し、課題を特定し、課題を解決する施策を考えて実行する改善のサイクルを回すことがとても大切。

そのためにアクセス解析やキーワード順位を追跡するツールを導入していきましょう。すべて無料でできるので、必ず初めに設定しておくべきです。

サイト運営を始めて半年くらいはほとんど流入がないので、あまり数字を見すぎても心が折れるかもしれません。しかし設定する以前の数値は計測できないので、一応初期の段階で設定だけしておいた方が後で数字を振り返る時に便利です。

Google Analytics

アクセス解析で必須なGoogle Analyticsの設定方法などは下記にまとめました↓↓

2020.05.06

Google Search Console

サイトに流入しているキーワードやCTRなどの把握、クロール管理やエラーの確認などなど、サイト運営に必須のツールです。

2020.05.06

計測順位チェックツール

キーワードの計測順位を把握するツールは無料・有料色々あるのですが、最初は無料ツールで十分かなと思います。無料でおすすめなのは「Serposcope」です。使い方は下記をチェックしてみてください。

2020.05.06

設定が完了したら、あとは記事コンテンツを書くのみ！

ブログやサイトを成長させていくには、記事コンテンツをつくることが必須です。

いくらブログを導入しても、デザインをきれいにしても、機能を拡張しても、しっかりしたコンテンツがないと流入や売上は増えません。

記事コンテンツをつくるコツ

コンテンツをつくることは最初はかなりエネルギーを使いますし、何より一定のペースで書き続けることはとても大変です。

僕もブログを始めて自己紹介の1記事だけ書いて、そのあと1年間くらい更新しなかったという黒歴史が……。

書きなれるためには、そしてサイトを成長させるためには、とにかく書くしかありません！もしくはコンテンツをつくり続ける仕組みをつくるか。

ということで、ブログやメディア運営初心者向けに、記事の書き方や役立つ画像編集ツールなどをまとめています。よかったら今後の参考にしてみてくださいね。

関連記事SEOで上位表示を狙える！記事構成（プロット）を作成する5つのポイント

2020.06.21

画像編集

コンテンツにはテキストだけではなく画像も必須。以下の記事でおすすめなサービスをまとめています ↓↓

関連記事これで十分！かんたんに画像加工・編集できる無料ツール厳選5選まとめ

2020.11.23

2021.05.02

まとめ

今回はさくらのレンタルサーバを使ってWordPressをインストールし、ブログやサイトを公開・運用するためのステップを紹介してきました。

色々と設定することが多くて、はじめは大変かもしれませんが……。一気に全部を完璧にやろうとするとパンクしてしまうと思うので、一歩一歩進めていくことをおすすめします。

僕はブログを開設した当初知識が全くなかったので、ドメイン設定からSSL対応、パーマリンクなどサイトを公開してしばらく経ったあとで設定し直しました。リダイレクト処理など、余計な工数がかかることになってしまったので、みなさんには同じ苦労を味わって欲しくなく……（汗）。

今回紹介した設定は、できればブログを公開したら先に設定しておくと良いです！もちろん、設定が完了したら記事もしっかり更新してくださいね！！

サイトのグロース（特にSEO）は結果が出るまでは半年〜1年以上かかる長期戦となりますが、一緒に頑張っていきましょう！

まずはさくらのレンタルサーバの設定から進めていきましょう ↓↓

\ 今なら2週間お試し無料！！ /

The post 初心者向け！さくらサーバーでWordPressをインストールしブログ開設する方法 first appeared on Tekito style.me.

さくらのレンタルサーバーの評判って？メリット・デメリット、口コミをレポート

やすのり — Sat, 11 Jan 2020 09:09:49 +0000

やすのり

こんにちは！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

これからブログやサイトを開設するとなると、悩ましいのがレンタルサーバー選び。色々と種類やプランもあるし、迷ってしまいますよね。

代表的なレンタルサーバーのひとつに「さくらのレンタルサーバ」があります。

本ブログも4年ほどさくらのレンタルサーバを使っていましたが、これまで一度もトラブルや動作不良もなく、コスパも良いので初心者におすすめなサーバーです。

ということで本記事では、さくらのレンタルサーバって実際どうなの？と疑問に思っている方に向けて、その評判・口コミを実体験を踏まえてレポートをしていきたいと思います。

さくらのサーバーを実際に使ってみて、そのメリットやデメリットも合わせて紹介していきますので、これから購入予定の方はぜひチェックしてみて下さいね。

\ 今なら2週間お試し無料！！ /

さくらのレンタルサーバって？まずは基本情報から

Photo by：さくらのレンタルサーバ公式サイト

さくらのレンタルサーバは、さくらインターネット株式会社が運営する人気のレンタルサーバー。サイトやブログ運営者の多くが使っており、45万件の申し込みを突破したようです。

一番おすすめの人気プランは月額900円〜（初期費用0円）でWordPressが使え、大容量かつ高速化オプションもついている「プレミアムプラン」。

手軽にWordPressでブログやサイト運営をしたいなら、スタンダードでも十分にコスパが良いです。中長期的に運営を継続していく予定なら、プレミアムプランを検討すると良いです。

本ブログは当初スタンダードプランで運営してきました。しかし4年ほど運営しそろそろ容量的に余裕がなくなりつつあるので、長い目で見ると容量は多い方が安心ではあります……。

参考：さくらのレンタルサーバプラン一覧

プラン名	容量	コンテンツブースト (サイト高速・安定化)	料金 (月換算)	初期費用	契約方法
ライト	100GB	なし(有料)	128円〜	無料(0円)	毎月払い:無し 36ヶ月一括:4,578円(月換算128円) 24ヶ月一括:3,089円(月換算129円) 12ヶ月一括:1,571円(月換算131円)
スタンダード	300GB	なし(有料)	425円〜	無料(0円)	毎月払い:524円 36ヶ月一括:15,279円(月換算425円) 24ヶ月一括:10,312円(月換算430円) 12ヶ月一括:5,238円(月換算437円)
プレミアム	400GB	あり	900円〜	無料(0円)	毎月払い:1,571円 36ヶ月一括:32,378円(月換算900円) 24ヶ月一括:23,998円(月換算1,000円) 12ヶ月一括:15,714円(月換算1,310円)
ビジネス	600GB	あり	2,122円〜	無料(0円)	毎月払い:2,619円 36ヶ月一括:76,370円(月換算2,122円) 24ヶ月一括:51,541円(月換算2,148円) 12ヶ月一括:26,191円(月換算2,183円)
ビジネスプロ	900GB	あり	3,819円〜	無料(0円)	毎月払い:4,714円 36ヶ月一括:137,460円(月換算3,819円) 24ヶ月一括:92,771円(月換算3,866円) 12ヶ月一括:47,143円(月換算3,929円)

ライトプランは格安ですが、容量も少なくWordPressも使えず高速化にも対応していないので、正直おすすめしません。

ブログを始める初心者の方はスタンダード以上、できれば容量が多く高速・安定化機能付きのプレミアムプランにしておくと間違いないです！

予算を抑えたい方や手軽に試してみたい方は、スタンダードでも十分かなとは思います。ただし途中のプラン変更はできないのでお気を付けて。

ちなみに2022年2月16日からサーバ機材が改善され、スピードが従来の最大5倍、有料だった初期費用がなんと無料になり、容量もアップしています。

また5月17日からは一括支払いプラン（24ヶ月、36ヶ月）もリリースされ、よりお得に契約することが可能です。

ブログを始めるなら、お得になった今がちょうど良いタイミングです！

\ 今なら2週間お試し無料！！ /

関連記事一番おすすめなプランは？さくらサーバーの料金・プラン比較まとめ

料金プランごとの特徴や違いをもっと知りたい方がこちらから ↓

関連記事さくらのレンタルサーバのビジネスプランとプロプランどっちがおすすめ？

商用利用を考えていて、ビズネスプランかビジネスプロプランか迷っている方はこちらの記事も参考に！ ↓

さくらのレンタルサーバを使ってみて感じたメリット

さくらサーバを実際に使ってみて、メリットに感じた点をまとめてみました。

メリット1. 安くてコスパ良い

一番のメリットはこれでしょう。動作も安定していてWordPreeの導入やSSL対応、ステージング機能など多機能。にも関わらずプレミアムなら月額900円から、スタンダードなら425円から利用可能です。

大規模サイトを運営するのであれば別ですが、個人でサイト運営するくらいであればコスパはかなり良いのではないかと思います。

メリット2. 安定して稼働してくれる

さくらサーバは国内にデータセンターがあり、停電や地震時にも安定して稼働できるように対策を取っています。またサーバー障害に備えて定期的なデータのバックアップも取っています。

僕は4年以上さくらサーバで何サイトか運営していますが、これまで1度も障害が発生したりサイトが落ちたりといったトラブルがなかったです。

他のサーバだとサイトが表示されなくなったりすることが度々あり、かなり焦ったことがあります……。高機能過ぎて色々設定できるサーバだと、諸々プラグインやテーマなどと干渉して不具合を起こすことがあったりするんですよね。

さくらサーバはマジでそれが1回もなかったです。シンプルな設定なので、余計なことをしなければ基本的には安定稼働してくれるのかなと思います。もちろんサイトの運営状況にもよってきますが。

メリット3. 長年の実績があるので安心、ネットの情報が多い

さくらサーバは1996年の提供開始と長い運営実績があり、サーバ運営の経験や信頼もあります。またユーザー数も多いので、関連してネット上でも情報が多いです。

困ったことがあればネットで調べればすぐに解決策を見つけることができます。

メリット4. 処理速度も改善されている

さくらサーバはこれまで他社のサーバと比較すると、処理速度にやや難があったのですが、2018年4月以降スタンダードプラン以上で高速化の対応がされました。

PHP7導入や、高速Webサーバーnginx導入などにより、WordPressが従来より最大で16倍に高速化したようです。これから登録する場合はデフォルトで上記の機能を活用できます。

また先ほども述べましたが、2022年2月から機材が刷新され、さらにその5倍（最大で）速度改善がされています！

メリット5. SSL化も無料かつワンクリックで可能！

サイトの常時SSL化（https://〜）も、無料でワンクリックですぐに設定できます。

かなり簡単にいうと、通信データを暗号化してくれる感じですね。GoogleがこのSSL化を推奨しており、設定しないとSEO的にもマイナスになります。セキュリティ面、またサイトへの信頼性を担保するためにも必ず設定しておくべき項目です。

後から変更するとリダイレクト処理などややこしくなるので、サイトを開設したら速攻で設定しておきましょう！

メリット6. WordPressのインストールもワンクリックで可能！

本格的なブログでよく使われるWordPressを、ワンクリックで簡単に導入することができます。初心者の方でも安心ですね。

注意点としては、一番安い「ライトプラン」だとWordPressが動かないので注意してくださいね。

WordPressを使いたい場合はかならず「スタンダードプラン」以上のプランを利用しましょう。と言っても月524円なので格安ですが……。

メリット7. バックアップ＆ステージング機能がある！

データのバックアップとステージング（テスト）環境の作成、テスト環境から本番サーバーへ公開できる機能を、なんと無料で利用できます！

あまりイメージが沸かないかもしれませんが、WordPress本体やテーマのバージョンを更新したり、デザインを修正したりする時に、いきなり本番サイトで実行すると万が一不具合やサイトが崩れたりする場合も本番化されてしまいます。

本番化する前にテスト環境のサイトで事前に試すことができるので、とても便利な機能なのです！中上級者向けの機能ではありますが、サイトの機能やデザインを改善・改修する時に役立つ機能となっています！

他のサーバだとない機能ことが多い機能なので、さくらサーバを使う大きな利点です。ないとサイト修正がかなり不便になります……。正直めっちゃ便利なので、全レンタルサーバに導入して欲しいレベルです。

サイト運営に慣れてきて、サイトの機能やデザインを自分で色々ブラッシュアップしていきたい方は、こちらの記事もご参考に！

2020.05.16

\ 今なら2週間お試し無料！！ /

さくらのレンタルサーバってヤバいの？使ってみて感じたデメリット

続いてさくらのレンタルサーバのデメリットをまとめてみました。さくらサーバってやばそう、使うのは少し怖いなと思っている方は、事前に押さえておいて下さい！

デメリット1. 契約後にプラン変更ができなかった

メリットで挙げたさくらサーバの高速化は、2018年4月以降に適応されました。

しかし、それ以前にスタンダートプラン以下で申し込んだ人はどうやら適応外。僕は2018年以前に申し込んだので、残念ながらこの恩恵に預かれませんでした……。

プラン変更をしようと思ったのですが、一度解約して再度申し込む必要があるみたいです。

やすのり

なかなか面倒なので、今後プランをどうするか、再申し込みするかは検討中……。

プラン変更を最初から念頭に置いている方は、最初のプラン選定はしっかり考えましょう！

サイトやブログをしっかり運用したい方や容量が不安な方は、ライトプランではなく少なくともスタンダード以上、できればプレミアムプランを検討しておくと良いです。

サーバの高速化自体はこれから申し込む方はすべて適応されるので、そこはご安心を！

デメリット2. サポート体制

さくらサーバでは、電話やメールでのサポートも無料で実施しています。僕は特にトラブルもなく、サポートに対しては特に問題には感じなかったのですが、トラブル時のサポート体制が事務的だったりという口コミはあります。

対応する担当者次第なので、こればかりは運の要素もありますが……。

デメリット3. 大量アクセス時に動作が安定しない場合がある

大量に同時アクセスは発生する場合（同時に数百〜数千PVなど）、プランによっては動作が安定しない場合があるようです。

といってもそうしたアクセスが発生するようにサイトを育てたり、バズらせるのがそもそもかなり難しい＆時間がかかるので、初心者の方が最初から気にする必要はないのかなとは思います。

追記：2020年6月
プレミアムプラン以上であれば、無料で月100GBまでコンテンツブースト（CDN利用）ができるようになりました！これにより、ウェブサイトを高速で安定表示でき、アクセス集中による503 or 504エラーなどによるウェブサイトが表示されない問題を回避できるようになります。

さくらのレンタルサーバのネットでの評判は？項目別まとめ

さくらのレンタルサーバのネット上の評判について、項目別にまとめてみました。参考にしてみてくださいね。

ワードプレスやSSLへの対応についての評判

WordPressやSSL対応については、概ね好評の様子。

やった☆さくらサーバのクイックインストールでドメイン直下にワードプレスの設置に成功♪これが出来なかったんですよねーーー！#ワードプレス　 #さくらサーバ

— らぶりん＠はっぴーらぶ♪ (@happylovelove) October 18, 2018

やったー！さくらサーバのサブドメインでもSSLが使えるぞ！ありがたい〜

— はつき (@HatsukiMatsusat) August 29, 2018

「NZ MoyaSystem」のSSL化完了！　さくらサーバだと10分で終わりました。らくちんhttps://t.co/pW6zss62QX

— はっしー@海外プログラマ????????元社畜 (@hassy_nz) June 23, 2018

最近、ブログのSSL化の話が多いね。

SSL/TLS化って何か分からない人は、僕の過去記事に書いてあるから、読んでみると分かるかもです。

Googleさんも、初心者アフィリエイターにSSL化勧めるとか…

実際に検索順位も上がるし、さくらサーバなら一瞬だから、オススメ。https://t.co/mWxsotqLr9

— ジョグ@札幌のWEB戦略コンサル (@josananlogs) July 21, 2018

SSL化は簡単にできると評判ですね。

2018年以降は処理速度も改善されている

2018年4月18日以前に”さくらサーバ”を契約した人は、契約し直した方が良いです。

同日以降に、さくらサーバを契約すればPHPモジュールモードってのが使えます。

同日以前に契約している人は使えません。

ページ表示速度は圧倒的にモジュールモードの方が速いです。

検索順位に影響しますよ。

— ジョグ@札幌のWEB戦略コンサル (@josananlogs) May 19, 2019

2018年4月以降、つまりこれからサーバー契約する場合はデフォルトで処理速度が早いモジュールモードが利用できます。

管理画面の評判

管理画面についてはわかりにくいという声はありますね。操作画面が少しレトロな感じなので、始めはどこに何があるのか把握するのに慣れが必要です。

使う項目はある程度限られるので、個人的には一度設定できれば問題は特に感じませんでした。

最近は新規デザインになり、改善されて分かりやすくなってきています。

さくらサーバーって管理画面が使いにくいからあんまり好きじゃなかったけどステージング機能便利だな〜。

— mimy (@mimylovesmusic) November 18, 2019

私はさくらサーバーで立ててますが、その他ロリポップなど、比較的安いレンタルサーバーは結構あります！
さくらサーバーとロリポップ、両方使ったことありますが、さくらの方が、管理画面は見やすいかなと思いますね……

— 零円@新規卓× (@_zero_en) March 4, 2019

現在ほぼメールサーバーなっている「さくらサーバー」の管理画面がいつのまにか今風になっていた。いいね。

昔に比べて負荷にも強くなっているし、これでブログ1本立ち上げてもいいかもな～と思いつつ…ネックがデータベース容量が 1.5GB までと制限あること。

昔のようにサバ容量と兼用にならないか pic.twitter.com/Ob6IZv3fco

— キタムラ / ブログ月間160万PV達成！ (@office151a) November 5, 2019

サポート対応については賛否両論

さくらのサポート体制については、良い意見もありますがマイナスは評価も見かけました。

さくらサーバのサポートがめちゃよくて好感触

— 戸田大輔 (@anzaaai) July 20, 2018

下記は共有ではなく専用サーバーの話ですが、過去には炎上トラブルも。

さくらインターネット、「専用サーバ」批判記事について謝罪　合致するケースあったと「真摯に反省」 – ITmedia NEWS https://t.co/IhWjCSQMUg #さくらインターネット #さくらサーバ

— モモモトモモト (@mmmtommt) December 29, 2019

いつの間にかさくらサーバの公式謝罪出てたわhttps://t.co/AIoiidPLZ9

まあ、さくらの方は当時の担当が良くなかったとはいえ事件後の対応は悪くないんじゃない

— 奏多 (@kanata31) December 27, 2019

大量アクセス時の評判

サイトへの大量アクセス集中時は動作が弱い可能性があります。

國立先生！！！
500でも耐えられるんですね！
さくらサーバ自体は他の方にオススメできるサービスなんですが、アクセス集中が予想されるならxserverですかね????

— 三國清志 (@_3kuni) November 28, 2019

さくらサーバが落ちやすいと思ったら、”1時間あたりの転送量は「最大転送量を24時間で割った数値以内」に収めないといけない” ということらしい。どおりで… https://t.co/l3BspTnB02

— ジェノベーゼ寺崎 (@genovese115) September 17, 2019

安定性の評判地震発生時も耐えたよう

さくらサーバの安定性ハンパない。

— Dan Makoto (Guitarist) (@guitarist_dan) July 25, 2018

下記はサーバーが置かれている北海道で地震が発生した時の評判。

なんとかもったみたいですよhttps://t.co/A8N1b3uwub #さくらインターネット #さくらサーバ

— はまやきょうた (@kyotahamaya) September 8, 2018

無給油４８時間の自家発電！！
さくらサーバつえぇぇぇhttps://t.co/zUUXL3bMH3 https://t.co/zUUXL3bMH3

— tanpopo (@makoto_ito1) September 7, 2018

その他コメント

世の中はアフィリエイトのおかげでWordPressのオススメサーバーにエックスサーバーがよく出てくるけど、Webエンジニアの僕的に本当にオススメなのはさくらサーバーなんだな。

— スズキタカフミ@マナブロガー (@kahoo365) December 23, 2019

あー前使ってたテーマ名前忘れちゃったしまた探すところからか….使い勝手的には問題ないしさくらサーバで十分だな

— ソース焼きそばの塩煮込み風しょうゆラーメン味噌味 (@nama_yatuhashi) February 12, 2019

さくらのレンタルサーバはどんな人におすすめ？

結局のところ、さくらのレンタルサーバに向いている人、いない人はどうなのでしょう？それぞれ確認していきましょう。

さくらのレンタルサーバが向いていない人

まず向いていないのは、主に下記項目に当てはまる方です。

さくらサーバをおすすめできない人

既に大規模サイトを運営している、大規模サイトに育てる予定・覚悟がある（月間100万PV以上など）
同時大量アクセスに耐えられるようにしたい
運用コストが割高になっても、処理性能・速度を最重視したい

中大規模以上のサイトを既に運営している方や、これから構築したい方は検討し直しても良いでしょう。

ただそこまでサイトが成長するのは時間がかかりますし、そもそもかなり難しいです。少し手間ではありますが、アクセスが増えてきたタイミングで別サーバーへの移転の検討をするなどでもよいのではと思います。

さくらのレンタルサーバが向いている人

さくらサーバーがおすすめな人は、以下の項目に当てはまる人です！

さくらサーバがおすすめな人

ブログ初心者
WordPressでサイト運営したい
安さと性能のコスパ重視
実績があり、安定稼働するサーバーがよい
運営が続かないかもしれないから、とりあえずブログを立ち上げたい

サイトやブログ運営初心者の方、とにかくコスパを重要している方にとっては、さくらのレンタルサーバはおすすめな選択肢です。また安定稼働してくれますので、小・中規模サイトを運営する方にとっても機能は十分かと思います。

サイトを中長期的にしっかり運営していく予定の方は、容量が多く高速化も無料でできるプレミアムプランをおすすめします！初心者でとにかくコスパ重視でサイト運営したい方はスタンダードプラン、商用利用や複数人でサイトを運用予定の方はビジネスプランへどうぞ！

【まとめ】コスパ重視・初心者の方に特におすすめ

今回はさくらのレンタルサーバの評判や、実際に使ってみてのメリットやデメリットをレポートをさせていただきました。

過去には炎上騒ぎもありましたが、何だかんだいって実績があり、安定して稼働してくれるサーバーです。スタンダート、プレミアムプランなら性能とコストのバランスもGood。

さくらサーバはコスパ重視でサイト運営したい方や、ブログ初心者の方には特におすすめなサービスとなっているので、ぜひ検討してみてくださいね。

\ 今なら2週間お試し無料！！ /

関連記事一番おすすめなプランは？さくらサーバーの料金・プラン比較まとめ

さくらサーバの料金プランごとの特徴や違いをもっと知りたい方がこちらから ↓

さくらサーバの具体的な導入・設定方法や、WordPressでのブログ・Webサイトの開設方法については、初心者の方向けに下記ページで詳細をまとめています。ぜひチェックしてみてくださいね。

独自ドメインの取得とさくらサーバの連携方法については、下記記事を参考にしてみてくださいね。

【さくらのレンタルサーバ運営会社情報】

運営会社	さくらインターネット株式会社（SAKURA internet Inc.）
本社所在地	〒530-0001 大阪府大阪市北区梅田1-12-12 東京建物梅田ビル11階
設立	1999年8月17日
公式サイト	さくらのレンタルサーバ公式サイト

The post さくらのレンタルサーバーの評判って？メリット・デメリット、口コミをレポート first appeared on Tekito style.me.

WordPressのサイトスピード改善で実施した12の施策とスコア結果まとめ

やすのり — Sat, 30 Nov 2019 09:18:50 +0000

やすのり

こんにちは！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

サイトスピード（ページ表示速度）とは、ユーザーがサイトを訪問したときにサイトが表示される速さのこと。

ユーザビリティやSEOにも影響を与える重要な要素で、サイトスピードが1秒から5秒まで遅くなると、直帰率が90%増加するというデータもあります。速ければ速いに越したことはありません。

ですが「サイトスピードが遅いのはわかってるけど、実際にどんな対策をしたらいいのか……。」と悩んでいる方も多いのかなと思います。

ということで今回は、WordPressサイト・ブログのスピード改善をするために僕が実施した施策を12個紹介します。また実際にどれくらい改善したのか、施策ごとにスコア結果をまとめてみました。

スピード改善に役立つプラグインを活用しているので、初心者の方でも実施可能な施策ばかりです。これからWordPressのサイトスピードを改善したい方は、ぜひ1つの事例として参考にいただけますと幸いです。

そもそもサイトスピードが遅いと何が問題なのか？

Photo by https://www.thinkwithgoogle.com

Webサイトでユーザーがイライラする要因として最も割合が高いのが、サイトスピードであると言われています。

Googleが示したデータでは、54%の人がサイトのロード時間が長いとフラストレーションが溜まり、モバイルサイトの場合3秒以上ロード時間がかかると半分以上の人がそのページの閲覧を止めます。

The average mobile webpage takes 15.3 seconds to fully load, and more than half of visits are abandoned if a mobile website takes more than three seconds to load.4 In retail, we see that a one-second delay in mobile load times can impact conversions by up to 20%.

平均的なモバイルWebページは完全にロードするのに15.3秒かかり、モバイルWebサイトでロードするのに3秒以上かかる場合、訪問者の半分以上が閲覧を放棄します。また小売業では、モバイルサイトのロード時間が1秒遅延すると、コンバージョンに最大20%まで影響することがあります。

https://www.thinkwithgoogle.com

サイトスピードが遅いと、直帰・離脱に繋がり、コンテンツを読んでもらえない可能性を高め、ひいてはアフィリエイトや広告のクリック率、CVRの低下にも影響します。

そうした背景もあり、Googleが2018年1月に「スピードアップデート」を実施し、ページの表示速度が検索エンジンのランキングに影響が出ると発表されました。サイトスピードが遅いサイトは、SEOでも不利になるのです。

そもそもどれくらいのスピードであればいいのか？

もちろんサイトスピードは速ければ速い方がベストです。現実的には1〜2秒以内くらいが理想とされています。

サイトスピードにはページの読み込みが完了するまでの「ロード時間」と、ユーザーが感じる「表示速度」があります。どちらかというとユーザビリティへの影響が大きいのは表示速度の方で、特に最初のファーストビューが表示されるまでの時間がユーザーの直帰率などに大きな重要を与えているようです。

参考までにGoogle公式サイトでは、直帰率とロード時間の関係を示す以下のデータが紹介されています（※データはモバイルページのもの）。

Photo by https://www.thinkwithgoogle.com

ロード時間が1 → 3秒になると…… 直帰率が32%増加
ロード時間が1 → 5秒になると…… 直帰率が90%増加

ちなみに最速で一時期有名になったサイトは、著名人の阿部寛さんの公式サイトです。爆速過ぎて感動しますね……（笑）。
阿部寛さんの公式サイト

サイトスピード改善の背景と改善前のデータ

僕が現在利用しているWordpressの人気テーマ「ストーク」は、機能やデザインに優れていますが表示速度が遅いという難点があります。

そもそもモバイル版サイトの流入がPC版と比較し極端に少なく、実際に平均順位も低いので、どうしてかなと思っていましたが、1つの要因としてサイトスピードも影響してそうだなと。ユーザー行動による場合はしょうがないのですが、改善できる部分は極力改善しておきたいところ。

参考にGoogleが提供するサイトスピード分析のツール
PageSpeed Insightsで、「https://tekito-style.me/columns/webdesign-school-merit」の記事をチェックしてみると……

検証前のサイトスピード

モバイル：13
デスクトップ：44

やすのり

スコア低……（泣）。

デスクトップとスマフォのスコアに約3倍の開きが……。そもそもPC版も44スコアということでかなり低いです。モバイル版に至ってはもはや壊滅的ですね。できればスコア90以上は目指したいところ。悪くても80は行きたいですねー。これは改善しがいがあるな。

モバイル版

デスクトップ版

指摘されている改善できそうな項目は、下記のような感じですね。やはり重い画像データ周りが多いです。

画像サイズ
画像フォーマット
画像の遅延読み込み
サーバーの応答時間
レンダリングを妨げるリソース

参考までに下記のサイトスピード計測ツールhttps://gtmetrix.com/でも調べてみました。

・PageSpeed Score：57%　E
（Relative Score / The average PageSpeed score is 72%）

・YSlow Score　(63%)　D
（The average YSlow score is 71%）

・Fully Loaded Time：9.8s
（Relative Fully Loaded Time　The average Fully Loaded Time is 6.8s）

・Total Page Size　5.06MB
（The average Total Page Size is 3.25MB）

・Requests　104
（The average number of Requests is 90）

フルロードに9.8秒もかかっていますね……。

実際にスピード改善をやってみた！施策とその結果をまとめていきます

ということで実際にサイトスピード改善で効果がありそうな施策を実施してみました。結果の検証には、
PageSpeed Insightsのスコアを利用します。

参考までにテストを実施した時に環境条件は下記になります。

参考：表示速度改善時の環境

・サーバー：さくらサーバー
・プラン：スタンダードプラン
・テーマ：ストーク
・WordPressバージョン：5.2.2
・PHPバージョン：PHP 5.6.40 (CGI版)

またテーマによっては、導入するとエラーやバグが発生するプラグインがあります。テスト前にかならず確認しておきましょう。
参考：アルバトロス・ハミングバード・ストークテーマと相性の悪いプラグイン

※ 実施する前に、万が一に備えて必ずバックアップを取っておきましょう！バックアップについては以下のプラグインを参考にしてみてください ↓↓

2022.02.22

1. 余計なWordpressプラグインを削除する

まずは簡単にすぐできるところから。プラグインは多用すると動作が重くなったりするので、不要なプラグインはどんどん削除しましょう。

また自分で実装できそうなものはテーマを編集するなど、できればプラグインを使わないで実現する方法を模索するのも手です。プラグインを導入する場合も、同じ機能ならできる限り動作が軽いプラグインを選びましょう。

今回は不要なWordpressプラグインを7個前後削除しました。

サイトスピードスコア結果

スコア結果

・モバイル：17
・デスクトップ：33

モバイルが微妙にスコアが上がり、PCは10くらい下がりました……。まぁこれくらいは誤差の範囲ということで次に進みます。

2. WordPressに溜まったゴミデータの削除

WordPressに溜まった不要なデータを削除することも、サイトスピードにプラスになる場合があります。リビジョン（記事の下書きや更新前データ）やゴミ箱のデータや、使っていないタグなど。

余分なリビジョンが溜まるとデータベースを圧迫し、サイトスピードに悪影響を与えます。

今回はリビジョンデータの削除・管理でおすすめなWordPressプラグイン「Optimize Database after Deleting Revisions」を活用してみました！

設定方法や使い方の詳細についてはこちらから ↓↓

こちらのプラグインで、57記事の645ものリビジョンデータを削除してくれました。

サイトスピードスコア結果

デスクトップ版

スコア結果

・モバイル：17
・デスクトップ：63

モバイル版は先程とスコアが変わりませんが、PC版がめっちゃ早くなりましたね。読み込み速度が体感的にも早くなりました！

しかし何回か計測するとPCが40くらいに戻ったりで、何が正しいのやら……。怯まず先に進めます。

3. 画像の負担を軽量化・最適化する

今回一番サイトスピードのネックになっていそうなのが、画像周りでした。ということでまずは画像の軽量化・最適化をしていきましょう。これでどれくらい改善できるか、楽しみなところです。

今回は「EWWW Image Optimizer」を利用していきます。EWWW Image Optimizerは、画像を軽量化・最適化できるWordPressプラグイン。

photo by：wordpress公式サイト

新規で投稿される画像はもちろん、過去に投稿した画像も自動で一括圧縮してくれます。画像に保存されている不要なメタデータを削除したりと便利なプラグインなのです。

設定方法や使い方の詳細についてはこちらから ↓↓

結果、以下の圧縮・最適化に成功しました。

圧縮：25%
リサイズ：20%
削除結果：54.76 MB

これまで割とこまめに1枚1枚リサイズして圧縮していたのですが、まだまだリサイズできたようですね……。

サイトスピードスコア結果

モバイル版

デスクトップ版

スコア結果

・モバイル：22
・デスクトップ：63

スマフォ版は初めて20台へ！うーむ劇的には変わらないですね。ただ、PC版は安定してスコアが60代になってきました！

gtmetrixでも見て見ると、やや改善が見られました。

・PageSpeed Score (59%) E
・Fully Loaded Time9.0s

ロード時間が9.8s → 9.0sとちょいと早くなっている感があります。

4. PHPのバージョンを最新に

WordPressサイトはPHPという言語で動作しており、PHPのバージョンを最新のものにしておくとサイトスピードが改善できたり、セキュリティ面でもより安全にサイト運営ができます。最新バージョンであるPHP7は、PHP5に比べ2倍以上のパフォーマンス改善を見込めるようです。

ただし、場合によっては不具合が起きるケースもあるので慎重に作業を進めましょう。現状のバージョンがPHP 5.6.40でしたので、これをPHP 7.3へ変更します。

PHPのバージョンアップ方法の詳細はこちらの記事から ↓↓

各主要サーバーごとのバージョン確認方法は、下記公式サイトをご確認ください。

サイトスピードスコア結果

スコア結果

・モバイル：20
・デスクトップ：53

うーむ、思った以上の効果は見込めなかったですね。むしろ数値が下がっている……。そもそもサーバーが最新のモジュール版ではなく、従来のCGI版なのもありますが、いったんこのまま進めていきましょう。

ただgtmetrix上では、ロードタイムが8.7sと、ようやく9秒を切りましたね。

PageSpeed Score（56%）E
Fully Loaded Time　8.7s

ちなみにPHPのバージョンもそうですが、WordPressも常に最新のバージョンに変更しておきましょう！

5. 最新の画像フォーマット「WebP」に対応する

WebP（ウェッピー）とは、Googleが開発した最新の静止画像フォーマット。WebPは従来の画像フォーマットより圧縮率が高く、導入すれば20〜30%近く軽量化することが可能です。

A new image format for the Web
WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index.

（Web用の新しい画像形式
WebPでロスレス圧縮（可逆圧縮）された画像は、PNGと比較してファイルサイズが26％小さくなります。またWebPで非可逆圧縮された画像は、JPEGの場合、同等のSSIM品質指標の画像よりも25〜34％サイズが小さくなります。）
by：https://developers.google.com/speed/webp

ただしChrome、Edge、Firefox、Operaは対応していますが、AppleのSafariは未対応となっています。ですのでSafariとそれ以外のブラウザで画像フォーマットを切り替える処理をする必要があります。

先ほど紹介した画像圧縮・最適化のプラグイン「EWWW Image Optimizerを使えば、比較的簡単に対応可能です。

Webp対応の詳細はこちらの記事から ↓↓

サイトスピードスコア結果

スコア結果

・モバイル：25
・デスクトップ：75

合格項目が12と、着実に増えてますね！

モバイルのスコアは微増し、PC版スコアもついに70台に！

それにしても、モバイルはまだまだですね……。

・PageSpeed Score（59%）E
・Fully Loaded Time：4.1s

gtmetrix.comでは、フルロード時間が4秒台に！！最初は9.8sだったので、ここまでで6秒早くなりました！！

6. 画像の遅延読み込み

画像データは重いため、全てを一気に読む込むと表示スピードに影響します。そこで画像を遅延読み込み（Lazy Load）させることで、画像を読み込むタイミングを調整しサイトの表示速度を改善できます。

「BJ Lazy Load」というプラグインを活用することで、簡単に導入できます。ただし遅延読み込みされる画像データが、適切にGoogleのbotにクロールされるように微調整が必要です。

プラグインの設定方法については下記記事をご確認くださいませ。

ネイティブLazy-loadについて

※先日ネイティブLazy-loadをWordPressで簡単実装するプラグインをGoogleが公開しました。Google提供のプラグインなので、これから導入を検討される方はこちらを実装した方が良さそうです。

Native Lazyload

サイトスピードスコア結果

スコア結果

・モバイル：32
・デスクトップ：64

PCはちょい下がってますが、モバイル版のスコアが上がってますね〜！まだまだではありますが……。

PageSpeed Score（85%）B
Fully Loaded Time：7.1s

gtmetrixではページスコアがこれまでずっとEでしたが、初めてBにまで上がりました！

7. JavaScriptをフッターで読み込む

サイトスピード対策として、JavascriptやCSSなどのリソースの読み込みを遅らせる方法があります。サイトのヘッダーに挿入しているリソースを、フッターで読み込ませることでレンダリング速度を改善できる可能性があります。

PageSpeed Insightsで下記のよう指摘される項目ですね。

「レンダリングを妨げるリソースの除外」
「ページの初回ペイントをリソースが阻害しています。クリティカルな JS や CSS はインラインで配信し、それ以外の JS やスタイルはすべて遅らせることをご検討ください。」

by：PageSpeed Insights

プラグインを使わずソースコードを自分で調整するのが良いのですが、自分でいじれない場合は「Scripts-To-Footer」というプラグインがおすすめです。

レンダリングブロックを排除してくれますが、JSの読み込みを遅らすことで動作エラーや計測エラーが起こる場合があります。jQueryなどが多用されていたり、計測ツールを色々導入している場合には注意してみてください。

プラグインの詳細はこちらから↓

サイトスピードスコア結果

スコア結果

・モバイル：26
・デスクトップ：70

結果はあまり前後で変わらず……。しかしレンダリングを妨げるリソースの除外が、1.47s → 1.25 sに変わっているので、やや減ってますね。計測ツールも整理と削除を今後検討してみます。

PageSpeed Score（74%）C
Fully Loaded Time：8.6s

gtmetrixでもそこまで変化はありませんでした。

8. CSSやJSなどの軽量化

画像ファイルの最適化の他にも、HTMLやCSS、Javascriptなどのリソースを最適化することで、スピード改善で一定の効果が見込めます。「Autoptimize」というプラグインを使えば、主要なリソースを簡単に軽量化・圧縮してくれるのでとても便利です。

こんな感じで、ぽちぽち設定項目にチェックを入れるだけでOKです。プラグイン使い方は下記記事をご参考ください。

サイトスピードスコア結果

スコア結果

・モバイル：49
・デスクトップ：80

モバイル版の数値がこれまで見たことない数字に……！なかなか上がらなかった数値なので、まだ50も超えてませんが嬉しい限り。

PC版もスコアがついに80台へ！

モバイル版は「レンダリングを妨げるリソースの除外」が、1.25ss → 0.64ssまで下がっています。

あとは「サーバー応答時間の短縮（TTFB）」を改善していけばいいのですかね。あとモジュール内の画像が悪さをしているようので、ここも調整の必要そうです。

PageSpeed Score (72%）C
Fully Loaded Time：8.0s

ちなみにgtmetrixでは大きな変化がありませんでしたね。

9. ブラウザのキャッシュを活用する

ブラウザのキャッシュを活用すると、HTMLやCSS、画像などのリソースをブラウザが一時保存（ブラウザキャッシュ）してくれます。そうすることで、ユーザーが同じページを再訪問した時に表示スピードを上げることができます。

ブラウザキャッシュを有効化するためには、プラグインは不要です。サーバー内にある「.htaccess」というファイルに特定のコードを追記します。FTPソフトを使う必要があるのですが、そこまで難しくはないです。

詳細な設定方法はこちらからご確認ください。 ↓↓

サイトスピードスコア結果

スコア結果

・モバイル：50
・デスクトップ：75

モバイル版のスコアがようやく50台に！

合格項目も14まで増えていますね。デスクトップ版もスコアが70〜80で安定してきましたね（合格項目11）。

PageSpeed Score（75%）C
YSlow Score（82%）B
Fully Loaded Time：3.9s

gtmetrixで確認してみるとスピードスコアは変わっていませんが、フルロード時間が3秒台になっていました！またYSlow Scoreも初めてBに。

10. サーバーのキャッシュ改善

ブラウザではなく、サーバー上のキャッシュを改善することでも、サイトスピードを改善することが可能です。ややこしいのですが、サーバー上で事前にページを生成しキャッシュとして保存しておくことで、表示速度を改善します。

「WP Fastest Cache」というプラグインが、設定も簡単で動作も比較的安定しているのでおすすめです。

またサーバーキャッシュ周りのプラグインはトラブルが発生する可能性が高いので、事前にバックアップを必ず取るようにしましょう……！

実際に僕もモバイルサイトなのに、PCのコンテンツが表示されるなど不具合がありました。お使いのWordPressテーマによっては、事前にバグやエラーの発生事例がないか、導入前にリサーチをしてみてください。

プラグインの設定方法は以下から ↓↓

※参考：さくらのレンタルサーバでWordPressサイトを高速に動かす方法。モジュール版PHPって何!?

サイトスピードスコア結果

スコア結果

・モバイル：55合格した監査 (13)
・デスクトップ：92 合格した監査 (13)！！

デスクトップサイトは、念願の90台スコアをついに拝めることに……！導入後、PC・SPともに「サーバーの応答時間が遅い（TTFB）」という指摘は解消されたましたね。PCに関してはもう広告の画像が重いくらいしか指摘されない感じです。ほとんどマックス値まで持ってこれました。

モバイル版も改善はしていますが、PCと比較し思ったよりは伸びず……。8割くらいいきたいところですが、なかなか難しいですね……。

PageSpeed Score（75%)）C
YSlow Score（82%）B
Fully Loaded Time：3.1s

gtmetrix.comでは、フルロード時間が、3秒前半台に！かなり早くなりましたね。

11. 余計なウィジットや広告を取り除く

ここからは微調整の施策になります。サイト上で不要なもの、機能していないものは思い切って外すことでスピード改善に繋がる可能性もあります。ですので不要なものは削除してみました。

アドセンスなどでクリック率の低い広告
利用されていないウィジェット
Youtube動画の埋め込み
Google Mapの埋め込み
テーマの不要なアニメーション

PageSpeed Insightsの注意事項を見ると、アドセンスなどで配信されている広告画像がWebpに対応していないので、それが遅くなっている要因のようです。これはコントロールできないので仕方ないですが、効果の薄いアドセンス広告などがある方は削除した方が良さげ。

インプレッションが少ない上に、収益も少ない広告は今回改めて整理し、サイトから削除してアーカイブしました。

僕は使っていませんがその他注意すべきものとしては、

・Facebook いいねBox
・Twitterのタイムライン

などもプラグインで表示しているサイトもありますが、読み込み動作が重くなる要因なので、テストでいったん外してみることをおすすめします。

また僕が使っているテーマ「Stork」のスライダー付き記事一覧（pickup記事）機能や、テキストのフェードインなどアニメーション機能についても今回検討してみました。スライダーはTOPページだけなので悩みましたが、スライドさせていた余分な記事の数を11記事から6個記事へ整理。フェードインアニメーションはオフにしています。

サイトスピードスコア結果

結果、サイトスピードスコアへの影響はほとんど変わらず…… といった結果でした。特に重いウィジットや埋め込みなどは使っていなかったので、もし使っている方は試してみてください！

12. 個別の画像調整

こちらも微調整。「適切なサイズの画像」の指摘を確認してみると、テーマのモジュール内の画像と、サイトロゴ画像、プロフィール画像など、特定の画像が最適化されておらず、スピードへ悪影響しているようでした。

画像最適化プラグインの対象から抜け漏れていたようなので、Th_markersとイメージオプティムを使い、1枚1枚リサイズと圧縮を行い再アップロード。

・モジュール内の画像
328px → 150pxへ
194 KB → 6KB

・プロフィール画像
72kb　→ 9kb

こんな感じまで、画像サイズを落とせました。

同一の画像はすべて差し替えます。差し替えには一括置換ツールの「search regex」を利用しました。

サイトスピードスコア結果

モバイル版については「画像の最適サイズ」については言及されなくなり、合格項目が14に。ただスピードはそこまで変わらず、といった結果となりました。

今回実施しなかったけど、今度検討する施策

今回のスピード改善施策としては実施しませんでしたが、今後検討し随時実施してみようと思っている施策をメモしておきます。検証でき次第、結果をレポートできればと思います！

CDNの利用

Cloud Flareなど、CDNの利用もサイトスピードの改善に繋がりそうです。CDNは簡単に言うと、Webサイトを複数の地域の複数のサーバーで共有するサービス。今回導入しようかと検討しましたが、色々と設定・リサーチなどが必要そうだったのでいったん保留にします。

途中で力尽きたので、また時間ある時にテストしてみます！

サーバーの性能改善・移転

僕が使っているのではさくらのレンタルサーバーなのですが、サーバーの応答時間を削減するために高速サーバーへ変える、高いプランへ切り替えることを検討しました。

さくらサーバーの場合、2018年4月以降に登録したユーザーは処理の早いモジュール版をデフォルトで使えるのですが、それ以前に登録したユーザーは従来のCGI版しか使えないんですよね（プレミアム、ビジネスプランは切り替え可能）。

ですので、さくらサーバーを同じプランか別のプランで再度契約し直すか、別のサーバーに切り替えるかしないといけません。

この際せっかくなので、別サーバーも使ってみようかなーとは思っています。GMOが提供している高性能レンタルサーバ「ConoHa WING(コノハウィング)」や、安定感のある「エックスサーバー」など。

サーバー移転となるので、ある程度準備した上で随時実施してみようかなと思います。ConoHaは最近よく名前を聞くので、ちょっと使ってみたいですね。

国内最速・高安定の高性能レンタルサーバー【ConoHa WING】
月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』

AMP対応する

モバイル版のサイト改善施策として、AMP（Accelerated Mobile Pages）対応することも検討しています。Googleが推奨しているサイトコンテンツを高速で表示できる仕様なので、可能な限り導入すべきではあります。ただし色々と制約があったり調整が必要なので、導入するかどうかは検討中です。

現職で扱っているサービスがAMP対応をしていて、その開発ディレクションなどをしていたのですが、JSが自由に使えなかったり、ファイルサイズなどに制限があって表示したいコンテンツを表示できない、レイアウトが崩れたりなど、色々と悩ましい感じですね……。

AMP用のWordPressプラグインもあるので、テストで使ってみようかな。

「Google developers ブログ」にAMPに関してこんな記事もありました。AMP導入を検討している方は参考にしてみては？
AMP の誤解を払拭する

プラグインの再調整

今回サイトスピード改善で色々なプラグインを入れましたが、できる限りプラグインは入れないほうが処理に負荷がかかりません。その他のプラグインも含めて、自力で設定しプラグインを使わない方法はないか、自分でもできそうか含め改めて検討してみようかなと思います。

速度の早いテーマへ変更

本サイトはStorkを使っていますが、高速なテーマに変更するのも手段としてありかなと検討しています。色々とカスタマイズをしたので、テーマ切替時に色々と設定をし直す必要があり正直面倒くさいのですが……。

参考までに下記のテーマ「Godios」はクソ早いです（笑）。ページ遷移速度0秒というコピーがすごい。有料（4980円）ですが、使ってみる価値はありそう。
「Godios」デモサイト

最近Storkの新テーマ「STORK19」が出たようなので、そちらも使ってみようか検討中です。Storkのデザインの良さはそのままに、機能追加と従来のもっさり感がなくなり、かなり高速になっていると評判ですね。

めっちゃ使ってみたいのですが、またカスタマイズし直さないといけないのか……と思うと腰が重くなります（笑）。1日じっくり時間取れたらやってみよう……。
WordPressテーマ「STORK19」

まとめ

ここまでWordPressのスピード改善について施策と結果をまとめてきましたが、いかがでしたでしょうか？スピード改善周りについて予備知識があまりなかったので、リサーチと施策の洗い出し、施策の実施と計測と結果のまとめなど、諸々1週間近くかかってしまいました。けっこう疲れた（笑）。

基本的に初心者の方でも取り組める施策ばかりです。動作環境によってテスト結果も異なるかと思うので、ぜひ参考にテストしてみてくださいませ。

今回の結果をまとめると、検証前後で下記のように改善できました。

検証前後のサイトスピード

デスクトップ：44 → 92
モバイル：13 → 55

※フルロード時間：9.8s → 3.1s

PC版はスコア90超えを達成！モバイル版はまだまだ改善の余地があるので、今後も追加で実施し、改善に繋がった施策は随時更新していきたいと思います。

最後までお読みいただき、誠にありがとうございました！

The post WordPressのサイトスピード改善で実施した12の施策とスコア結果まとめ first appeared on Tekito style.me.

WordPressサイトで画像をWebP（ウェッピー）対応し軽量化する方法

やすのり — Sat, 28 Sep 2019 12:18:03 +0000

やすのり

こんにちは！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

サイトスピード改善でもっともネックになるのが画像。画像データは基本的に重いので、圧縮するなどできる限り軽量化することが望ましいです。

そこでぜひ試してみたかったのが、画像のWebP（ウェッピー）対応をすること。WebPはGoogleが開発・推奨している最新の画像形式で、画像の軽量化を期待できます。

WordPressサイトの場合ですと、プラグインを使えば比較的簡単にWebPに対応することができます。今回はWordPressサイトにおける画像のWebP化の設定方法や注意点などを解説していくので、サイトスピード改善を検討している方はぜひチェックしてみてください。

WebP（ウェッピー）ってどんな規格？

WebP（ウェッピー）はGoogleが開発し導入を推奨している静止画像フォーマット。拡張子はそのまま「◯◯◯.webp」となります。

JPEGなど従来の画像フォーマットと比較すると、2〜3割近く画像を軽量化することができます。

A new image format for the Web
WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index.

（Web用の新しい画像形式
WebPでロスレス圧縮（可逆圧縮）された画像は、PNGと比較してファイルサイズが26％小さくなります。またWebPで非可逆圧縮された画像は、JPEGの場合、同等のSSIM品質指標の画像よりも25〜34％サイズが小さくなります。）
by：https://developers.google.com/speed/webp

Googleが提供しているサイトスピード計測ツール「PageSpeed Insights」では、JPEG XR、JPEG 2000などと同様に利用することを推奨されています。

Google神が勧めるのであれば、できる限り導入を検討した方が良いでしょう！

WebPの対応ブラウザは？

WebPは新規の画像形式ということもあり、対応していないブラウザやバージョンがあるのが現状です。

Google ChromeやFirefox、Operaなどでは対応していますが、利用ユーザーの多いSafariや、IEではまだ未対応です（2019年9月現在）。

Photo by：WebP image format

未対応のブラウザではWebPの画像は表示されませんので、「WebPの選択的レスポンス」つまり画像の出し分け設定をする必要があります。例えばWebPに対応しているChromeではWebPを、対応していないSafariでは従来の画像形式であるJPGやPNGを表示するなど。

一見難しそうですが、WordPressサイトの場合はプラグインの導入と「.htaccess」のファイルを少し追記するたけで設定できます。

WebPの設定方法

WebPの設定方法は、WordPressの場合そこまで難しくありません。一つ一つ確認していきましょう！

1. EWWW Image Optimizerの導入

photo by：wordpress公式サイト

まず画像圧縮・最適化のプラグイン「EWWW Image Optimizer」をインストール・有効化します。導入方法は基本的に他のWordPressプラグインと同じです。

このプラグインを活用すると、画像圧縮はもちろん、画像に保存されている不要なメタデータを削除したり、画像のWebP対応をする設定も可能です。とっても便利ですね。

EWWW Image Optimizerの詳細な使い方については、以下の記事を参考にしてみてください。

2. EWWW Image Optimizerで設定

EWWW Image Optimizerを有効化したら、「WebP」タブを開きます。

[JPG, PNG から WebP]

にチェックし、「変更を保存」をクリック。

するとコードが表示されるので、これを「.htaccess」ファイルに追記します。

この時点では画像のWebP対応が完了していないので、画面右下に赤枠で「PNG」を表示されています。WebP対応が完了すると、これが緑の枠で「WebP」表記に変更される感じです。

3. 「.htaccess」ファイルへ追記

サーバー内の「.htaccess」ファイルを、FTPソフトなどを使い開きます。

対象となるWordPressサイトの下記ディレクトリまで移動します。

/home/◯◯/www/wp

.htaccessファイルを見つけたら、ダウンロードします。

先頭に「.（ピリオド）」がつくのはUNIX系OSで不可視ファイルを意味するので、場合によってはダウンロードしてもファイルを確認できない場合があります。その場合は下記のキーを打つと、隠しファイルを表示することができます。

不可視ファイルの表示方法

「command」＋「shift」＋「.」（MAC）

ちなみにWikipediaでは.htaccessファイルを下記で定義しています。

.htaccess（ドットエイチティーアクセス）とは、Apacheを用いたWebサーバにおいて、ディレクトリ単位で設置及び設定を行える設定ファイルである。
wikipedia

BASIC認証やリダイレクトの設定など、簡単に言えばWebサーバの動作を制御する設定ファイルって感じですかね。記述をミスるとサイトが表示されなくなったりするので、あまり触れたくないファイルではあります……。


RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_FILENAME} (.*)\.(jpe?g|png)$
RewriteCond %{REQUEST_FILENAME}\.webp -f
RewriteCond %{QUERY_STRING} !type=original
RewriteRule (.+)\.(jpe?g|png)$ %{REQUEST_FILENAME}.webp [T=image/webp,E=accept:1,L]


Header append Vary Accept env=REDIRECT_accept

AddType image/webp .webp

ファイルの先頭などに先程のコードを記載し、完了したらFTPでサーバー上にアップし上書きします。

こちらのコードの改良版については色々サンプルがあるので、「WebPの選択的レスポンス」について色々調べてみると良いかもです。上記のコードでも問題なく動作はしますので、今回はこのまま進めます。

4. EWWW Image OptimizerでWebP化

EWWW Image Optimizerを有効化し、「.htaccess」ファイルへの追記が完了すれば、これからアップロードされる画像については全て自動的にWebPへ最適化されます。

しかし注意点としては、設定前にアップロードした画像については自動的にはWebPへ最適化されません。ですので手動で最適化する必要があります。といってもほぼワンクリックで完了です！

WordPressの管理画面から、メディア＞一括最適化へ進めます。

「再最適化を強制」を選択し、「最適化されていない画像をスキャンする」をクリック。

続いて「最適化を開始」をクリック。

最適化が開始されていきます。これでこれまでアップロードされた画像を含めてWebp化してくれます！

最適化完了後、先程確認したEWWW Image Optimizerの設定画面の「WebP」タブを確認すると、画面右下に「WEBP」の表示を確認できます。

写真一覧でもWebP対応がされていることを確認できます。

これで無事画像のWebP化は完了です！！

WebPの反映を確認する方法

WebP対応が実際に動作しているのか実際に確認してみましょう。Google Chromeの検証ツールで確認可能です。

WebP対応したWordPressサイトを開き、デベロッパーツールを開きます。

表示＞開発/管理　＞デベロッパーツール

メニューのNetwork ＞ img

を選択します。

Typeの項目を確認し、「webp」の表示が確認できればWebP化できています。

PageSpeed Insightsでも、「次世代フォーマットでの画像配信」の項目が合格できています！！

また実際にsafariやIEなどWebP対応していないブラウザでは、JPGやPNGなどのフォーマットで画像が表示されているのか（画像形式の出し分けができているのか）必ず実機で確認しておきましょう！

画像データはWebPで軽量化すべし！

ここまでWordPressサイトにおける、画像のWebP対応方法ついて紹介してきました。

サイトスピードを下げる主要因である画像データは、今回紹介したWebP対応するなどできる限り軽量化していきましょう。プラグインを活用すれば導入ハードルは低いですよ。

今回紹介したプラグイン「EWWW Image Optimizer」の使い方については、以下の記事も参考にしてみてくださいね。

またサイトスピード改善で実施した施策とスコアの検証結果については、下記の記事で全てまとめていくので、よかったら施策の参考にしてみてください。

関連記事おすすめ＆定番のWordPressプラグイン12選まとめ

下記記事では、WordPressのおすすめプラグインを厳選して紹介しています ↓↓

2020.07.14

The post WordPressサイトで画像をWebP（ウェッピー）対応し軽量化する方法 first appeared on Tekito style.me.

画像圧縮・最適化プラグインEWWW Image Optimizerの使い方・設定方法まとめ

やすのり — Mon, 16 Sep 2019 13:44:56 +0000

やすのり

こんにちは！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

EWWW Image Optimizerは、画像を軽量化・最適化できるWordPressプラグイン。自動で一括圧縮などもしてくれるので、画像が重くてサイトスピードが遅くなっている人におすすめしたいプラグインです。

今回はEWWW Image Optimizerの使い方や注意点などを解説していくので、画像最適化のプラグインを探している方はぜひチェックしてみてください。

EWWW Image Optimizerってどんなプラグイン？

photo by：wordpress公式サイト

EWWW Image Optimizerは画像を最適化して表示速度を改善するプラグインです。画像圧縮はもちろん、画像に保存されている不要なメタデータを削除したり、最新の画像形式であるWebPへ対応する設定も可能です。

細かい設定をすることも可能ですが、基本的に導入後のデフォルト設定で問題ないので簡単。すでにアップロード済みの画像を一括で圧縮でき、新規で登録される画像については自動で圧縮してくれます。

本ブログもサイトスピードがかなり遅かったのですが、一番ネックになっていそうだったのが画像データ周り。Webページの情報で重いのは画像データがメインですからね。サイト閲覧に負荷のかかる重いデータはどんどん軽くしていくべしです！

EWWW Image Optimizer

EWWW Image Optimizerの導入方法

EWWW Image Optimizerの導入方法を見ていきましょう！基本的に他のWordPressプラグインと同じです。

インストールと有効化

管理画面のメニュー「プラグイン」>「新規追加」から、「EWWW Image Optimizer」で検索。「いますぐインストール」をクリックし、有効化します。

設定欄からインストールされてるか確認

インストールを完了すると、管理画面の設定欄に「EWWW Image Optimizer」が追加されていればOKです。クリックして詳細を確認しましょう。

EWWW Image Optimizerの使い方

EWWW Image Optimizerの使い方を確認していきましょう。基本的にはデフォルト設定のまま使えます。

1. 設定方法

まずは画像圧縮・最適化に関わる項目の設定をする必要があります。

basicタブ

basicタブでは画像最適化の基本設定を行うことができます。

まず「Remove Metadata」の項目をチェックします。写真にはレンズ焦点距離や露光量、撮影日時・場所などのメタデータが保存されているのですが、そうした余分なデータを削除することができます。画像を軽くする観点でも、個人情報を守る意味でも設定しておくことをおすすめします。

他の項目は基本デフォルトのままでOK！各画像の最適化レベルも「Pixel Perfect」で問題ないです。バックアップ元の設定は有料版のみ設定可能みたいです。

convertタブ

convertタブでは画像の形式を変換するときの設定ができます。画像形式を変換する必要は基本的にないので、特にいじる必要のないです。

ですが「コンバージョンリンクを非表示」の項目だけチェックしておきましょう。画像形式の変換を意図的あるいは間違ってできないようにする設定です。画像を複数人で管理する時にチェックしておくと安心です。

他の項目は基本デフォルトのままでOKです。

WebPタブ

WebP（ウェッピー）は、Googleが提供する最新の静止画フォーマット。既存の画像形式と比較して、約2〜3割サイズを小さくすることが可能です。

WebPタブでは画像をJPGやPNGから、WebPへ変換する設定ができます。WebPはChrome以外のブラウザでは現状対応していないので、設定する場合は色々と調整する必要があります。

WebPのブラウザごとの対応状況

特に設定する予定のない方は、デフォルトのまま放置でOKです。画像のWebP対応については下記の記事で別途解説しています↓

2. 既に投稿済みの画像を一括圧縮する方法

これからアップロードされる画像に関しては、上記で設定した方法で圧縮されますが、すでにアップロード済みの画像には反映されません。そのため既存の画像は別途圧縮する必要があります。

そこで便利な機能が「一括最適化」機能。既存の画像をまとめて一括で圧縮することが可能です。

管理画面の左メニュー「メディア」欄から「一括最適化」をクリックします。

「最適化されていない画像をスキャンする」を選択。

なんと8,000枚以上画像の圧縮ができそうとのこと。「最適化を開始」をクリックします。

どの画像が最適化されているのか、進行状況を確認できます。

トータルで所要時間3時間もかかりそう。しばし待ちましたが、実際は1時間半くらいで全ての画像のリサイズが完了しました。

最適化済みの項目数を確認すると、全ての最適化が完了したことが分かります。

どれくらい画像が最適化されたのか、結果も確認することができます。画像の25%が圧縮されたようです。

圧縮：25%
リサイズ：20%
削除結果：54.76 MB

これまで画像は細めに1枚1枚リサイズと圧縮をしてからアップロードしていたのですが、それでもまだまだ圧縮できたようですね……。なるほど。

3. 新規投稿する画像を圧縮・最適化する方法

EWWW Image Optimizerを有効化していれば、今後新規で追加した画像は自動で最適化されます。ですので今後は一括圧縮することも不要な感じです！

アップロードされた画像がどれくらい圧縮されているのかは、管理画面の「メディア」>「ライブラリ」の画像一覧から確認することができます。

画像圧縮・最適化ならEWWW Image Optimizer

WordPressサイトの画像の圧縮・最適化なら、EWWW Image Optimizerはおすすめなプラグインです。簡単に設定・導入でき、自動で画像圧縮をしてくれるとても便利なプラグインです。

画像が重くてサイトスピードが低い方などは、ぜひ試してみてはいかがでしょうか？

追加で対策しておきたい、画像のWebP対応については下記記事で解説しています↓

関連記事おすすめ＆定番のWordPressプラグイン12選まとめ

下記記事では、WordPressのおすすめプラグインを厳選して紹介しています ↓↓

2020.07.14

The post 画像圧縮・最適化プラグインEWWW Image Optimizerの使い方・設定方法まとめ first appeared on Tekito style.me.

リビジョン削除のWordPressプラグインOptimize Database after Deleting Revisionsの使い方まとめ

やすのり — Mon, 16 Sep 2019 09:13:42 +0000

やすのり

こんにちは！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

Optimize Database after Deleting Revisionsは、リビジョンデータの削除・管理でおすすめなWordPressプラグイン。

今回はOptimize Database after Deleting Revisionsの使い方や注意点などを解説していくので、ぜひチェックしてみてください。

Optimize Database after Deleting Revisionsってどんなプラグイン？

Optimize Database after Deleting Revisionsは、WordPressに溜まったリビジョンデータを削除したり、保存件数を指定することができるプラグイン。他にもゴミ箱のデータや、使っていないタグを削除してくれたりと何かと便利なツールです。

リビジョンは投稿の編集画面を開いていると自動的に内容を保存をしてくれる、WordPressでデフォルトで搭載されている機能です。

「記事を更新したけどある特定時点での内容に戻したい！」という時に役立ちます。

しかし下書きデータが溜まるとその分データベースが重くなってしまうので、リビジョンは定期的にメンテナンスをするべきです。余分なリビジョンを減らせばその分データベースが軽くなり、サイトスピードの改善、ひいてはSEO面でもメリットがあります。

記事の下書きデータって、実際そんな何個もいらないですよね？？リビジョンを削除しないと知らないうちにどんどん増えていくので、効率的に管理すべきでしょう。

Optimize Database after Deleting Revisions

プラグインを使わずリビジョンを削除する方法もあるけど……

プラグインを使わなくても「wp-config.php」ファイルに特定の記述をすることで、リビジョンの保存件数や自動更新の間隔を任意の値に設定することが可能です。

しかしその場合は設定以前のリビジョンデータは残ったままとなってしまいます（設定した時点以降のリビジョンデータには反映される）。

リビジョンデータを削除するとなると、直接データベースを操作する必要があります。ですのでデータベースをいじるのに抵抗がある場合や、すでにある程度のコンテンツ数がある場合はプラグインを使って削除する方が安全で簡単な方法ではあります。

ワードプレス導入後すぐに設定するなら、wp-config.phpファイルを編集する方が余計にプラグインを使わないのでおすすめです。
参考：ワードプレスのリビジョンの停止や制限、自動保存の停止や設定の方法

Optimize Database after Deleting Revisionsの導入方法

Optimize Database after Deleting Revisionsの導入方法を見ていきましょう！基本的に他のWordPressプラグインと同じです。

インストールと有効化

管理画面のメニュー「プラグイン」>「新規追加」から、「Optimize Database after Deleting Revisions」で検索。「いますぐインストール」をクリックし、有効化します。

ツール欄からインストールされてるか確認

インストールを完了すると、管理画面左メニューのツール欄に「Optimize Database」が追加されていればOKです。クリックして詳細を確認しましょう。

Optimize Database after Deleting Revisionsの使い方

Optimize Database after Deleting Revisionsの使い方はかなりシンプルです。確認していきましょう。

1. 必ずバックアップを！

Optimize Database after Deleting Revisionsを使う前に、必ず事前にデータのバックアップを取っておきましょう！もし不具合が起きても前の環境に戻すことが可能です。

バックアップには下記のプラグインがおすすめです ↓

2022.02.22

2. リビジョンの削除設定

「Delete revisions for the following (custom) post type(s):」とあるので、チェックした項目のリビジョンが削除されます。

実際に設定した項目については、上記を参考にしてみてください。

post	記事ページのリビジョン削除
page	固定ページのリビジョン削除
user_request	カスタム投稿のリビジョン削除
wp_block	ブロックのリビジョン削除
amn_mi-lite	カスタム投稿（プラグイン：MonsterInsights）のリビジョン削除
post_lp	カスタム投稿（テーマ：：Stork生成のランディングページ）のリビジョン削除
Delete revisions older than	指定期間前のリビジョン削除
Maximum number of – most recent – revisions to keep per post / page	保存するリビジョンの最大数を指定

保存するリビジョンの最大数もお好みで設定できますが、僕は5に設定しています。リビジョンを全く使わない人は0（つまりリビジョンを保存しない）も設定できますが、万が一の時に備えて数回程度は設定しておくといいかと思います。

また特定のテーマやプラグインを使っていると、それらの項目が生成するカスタム投稿タイプも表示されるようです。ですので上記項目はWordPressの動作環境によっても異なるかなと思います。

3. 不要データの削除とその他の設定

チェックすると不要なデータを削除することができます。僕は下記の項目にチェックを入れています。

Delete trashed items	ゴミ箱のデータ削除
Delete spammed items	スパム項目の削除
Delete unused tags	未使用タグの削除
Clear oEmbed cache	oEmbedキャッシュの削除
Keep a log	ログを保持する
Scheduler	最適化を自動実行する間隔
Time	自動実行のタイミング
Show ‘1-click’ link in Admin Bar*	管理画面（へッダー）に項目追加
Show an icon in the Admin Menu*	管理画面（サイドバー）にアイコン追加

必要な項目にチェックを入れ、「Save Settings」ボタンをクリックし設定を保存。「Go to Optimizer」をクリックし実行するだけです！

4. データベース最適化の実行

するとこちらの画面に移るので、詳細な結果を確認したい場合は「Optimize（detail）」、簡単に結果のサマリーが欲しい場合は「Optimize（Summary）」をクリックします。

最適化された結果が表示されました。57記事のリビジョンが削除されたようです。

【Cleaning Database】
REVISIONS deleted: 57
TRASHED ITEMS deleted: 1
No SPAMMED ITEMS found to delete
OEMBED CACHE ITEMS deleted: 7

【Savings】
BEFORE optimization 34.141 MB
AFTER optimization 34.141 MB
SAVINGS THIS TIME 0 KB
TOTAL SAVINGS SINCE THE FIRST RUN 0 KB

ログも合わせて確認すると、57記事でトータル645ものリビジョンを削除してくれたみたいです。結構溜まっていたようなのでスッキリ。

データベースのサイズはあまり変わっていない？ようです。645ものリビジョンを削除したのに謎ですが……。
とにかく不要なデータは削除してもらえたようです。

リビジョン削除にはプラグインを有効活用しよう！

WordPressのリビジョンや不要データを削除しデータベースを最適化したいのであれば、Optimize Database after Deleting Revisionsは簡単に設定・実行できるおすすめなプラグインです。

ぜひWordPressでサイトを運営している方は参考にいただけると幸いです。
最後までお読みいただきありがとうございます！

関連記事おすすめ＆定番のWordPressプラグイン12選まとめ

下記記事では、WordPressのおすすめプラグインを厳選して紹介しています ↓↓

2020.07.14

The post リビジョン削除のWordPressプラグインOptimize Database after Deleting Revisionsの使い方まとめ first appeared on Tekito style.me.

プラグイン不要！ブラウザキャッシュを設定しWordPressのサイトスピードを改善する方法

やすのり — Sun, 15 Sep 2019 13:20:19 +0000

やすのり

こんにちは！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

サイトスピードの改善施策として、ブラウザ（Google Chromeやsafariなど）のキャッシュを活用する方法があります。

ユーザーがページを閲覧した際に、HTMLやCSS、画像などのリソースをブラウザが一時保存（ブラウザキャッシュ）することで、同じページを再訪問した時に表示スピードを上げることができます。

WordPressプラグインを使わなくても、「.htaccess」というファイルを編集するだけでOKなので、そこまで難しくありません。

ということで今回は、.htaccessファイルを調整し、WordPressサイトのブラウザキャッシュを有効にする設定方法をご紹介していきます。

ブラウザキャッシュとは？

ブラウザキャッシュとは、ブラウザがユーザーの閲覧したページデータを一時的に保存してくれる機能です。HTMLやCSSなどでのデザイン情報やJavaScriptファイル、画像データなどが含まれます。

キャッシュはブラウザ経由で閲覧しているデバイスに保存されるため、同じページを訪問する度にサーバーから毎回同じデータを取得する必要がなくなります。サーバーとやりとりする回数が減るので、その分ページを表示するスピードを改善できるのです。

逆にページを表示するために必要なデータが多いほど、サーバーにリクエストする回数が多いほど表示スピードが下がります。

特に画像を良く使うサイトやページはサイトスピードが遅くなりがちなので、キャッシュを上手く活用し表示速度を上げることはユーザビリティ改善にとって重要です。ユーザビリティの高いサイトは、もちろんSEO面でもプラスに効きます。

ちなみにブラウザキャッシュの保存容量はブラウザごとに決まっていて、容量を超えると古いデータから削除されていきます。

またどのリソースをどれくらいの期間保存させるかはサイト側が設定できます。ですのでリソースによって保存期間が異なるケースもあります（HTMLデータは1週間、画像は1ヶ月保存されるなど）。

WordPressでブラウザキャッシュを設定する方法

ブラウザキャッシュを有効化するためには、サーバー内にある「.htaccess」というファイルを編集する必要があります。

WordPressサイトの場合プラグインを使うことで対応することも可能ですが、極力プラグインは使わない方がバグが発生する可能性を減らせますし、サイトが重くならないです。

ということで手順を確認していきましょう。

1. FTPで.htaccessをダウンロード

FTPソフトなどを使って、対象となるWordPressサイトの下記ディレクトリまで移動します。

/home/◯◯/www/wp

.htaccessファイルを見つけたら、ダウンロードします。

不可視ファイルの表示方法

「command」＋「shift」＋「.」（MAC）

ちなみにWikipediaでは.htaccessファイルを下記で定義しています。

.htaccess（ドットエイチティーアクセス）とは、Apacheを用いたWebサーバにおいて、ディレクトリ単位で設置及び設定を行える設定ファイルである。
wikipedia

2. コードを修正する

.htaccessファイルに下記のコードを加え、FTPでサーバー上にアップし上書きします。


ExpiresActive On
ExpiresByType text/html "access plus 3 days"
ExpiresByType text/css "access plus 3 days"
ExpiresByType text/javascript "access plus 1 weeks"
ExpiresByType application/javascript "access plus 1 weeks"
ExpiresByType application/x-javascript "access plus 1 weeks"
ExpiresByType image/jpg "access plus 2 weeks"
ExpiresByType image/jpeg "access plus 2 weeks"
ExpiresByType image/png "access plus 2 weeks"
ExpiresByType image/gif "access plus 2 weeks"
ExpiresByType image/x-icon "access plus 1 month"
ExpiresByType image/svg+xml "access plus 2 weeks"

できる限りファイルの上部に記述しましょう。

またimage/jpgやimage/pngなど、画像キャッシュの場合は対応する種類ごとに設定する必要があります。x-iconはファビコン、text/cssはCSSファイル、text/javascriptはJSファイルですね。

「access plus 2 weeks」はアクセス後2週間キャッシュを保持するという意味です。他にも

hours（時間）
days（日）
weeks（週）
month（月）
years（年）

などの記述が可能です。

僕はサイトのデザインを割と頻繁に微調整するので、キャッシュの保持期間はCSSは3日だけにしています。逆にファビコンや記事中の画像などはほとんど変更しないので、1ヶ月保存する設定にしています。

ブラウザキャッシュを有効にした場合のデメリットの1つは、例えばサイトのデザインを更新した時にユーザー側のブラウザにキャッシュが残り、最新のデザインが反映されないケースがあることです。

ですのでキャッシュの保存期間は、どれくらいの頻度でリソースを更新する予定があるかに合わせ調整しましょう。

更新が反映されない時の対処法

もし自分のブラウザにキャッシュが残り、サイトのデザインなどを変更したのになかなか反映されない時は「スーパーリロード」をしてみましょう。

スーパーリロードすることで、キャッシュの有無に関わらず最新の状態をブラウザに反映させることができます。それでもキャッシュが残る場合は、ブラウザからキャッシュ自体を削除しましょう。

スーパーリロードのショートカット

MAC：「⌘」+「shift」+「R」
Windows：「ctrl」+「F5」

ブラウザキャッシュでWordPressサイトを高速に！

いかがでしたか？.htaccessファイルを調整することで、ブラウザキャッシュは簡単に設定することが可能です。また.htaccessを更新した後は、サイトの表示や挙動に異常が出ていないか必ず確認しておきましょう！

少しでもWordPressのサイトスピード改善につながれば幸いです。

合わせて知っておきたいサーバーキャッシュについて ↓↓