WordPressのテーマを「Simplicity 2」から「Cocoon」へと変更しました。

なぜテーマを変更したのか、変更に伴い行った詳しい設定内容やプラグイン、ブログの表示スピードの変化などを自分用にまとめておきます。

Simpliciy 2からCocoonへ。なぜテーマを変えたのか。

理由は至ってシンプルです。

ブログの表示速度が遅いから。

Simpliciy 2はキャッシュ系のプラグインと相性が悪いという話は聞いていて、今までに何度も高速化するために頑張ってきました。

【Simplicity】Wordpressを高速化を頑張った話

1週間ほど前の出来事。久しぶりにPageSpeed Insightsでブログの速度を調べてみました。すると17点。このままではSEOにも悪影響がと、Wordpressブログの表示読度の高速化に取り組みました。自分用の備忘録がてらその記録を書いておきます。

glamofgirls.com

2019.04.22

それについてはこちらの記事で書いていますが、CSSをいじったり、プラグインを色々試してみたり。

ネット上にある記事を片っ端から読んで、出来る限りのことは行ってきました。

それでも重いなあとは感じてましたが、それ以上の解決案も見つからずそのまま放置。

しかしつい先日、使用していたキャッシュプラグイン「WP Fastest Cache」からアップデートの通知が届き、アプデを行ったところ、ブログの表示が崩れてしまったんです。

正確には、スマホで見ているのにパソコン版が表示されていました。

その後すぐにGoogle Search Consoleから250を超えるエラーが届き、もうてんやわんや。

今までは問題無く使えていたのに。。。

プラグインを停止したところ、表示崩れはすぐに収まりました。

しかしキャッシュプラグインは使えなくなってしまいました。

その後使用していた画像の遅延読み込みのプラグイン「a3 Lazy Load」でも一部の画像が表示されない不具合が。

こちらのプラグインも停止することになり、更にブログが重くなってしまいました。

具体的にはPege Speed Insightsでのモバイルの点数が20点台になるまで…。

それ以外にも、毎月毎月Google アナリティクスの方から「サイトの速度に関する問題：成果の高いページの読み込み速度が低下しています」という通知が届いていました。

これはもう、なんとかするしかない。

しかしこれ以上Simpliciy 2の方で、私ができそうな高速化は思い浮かばず、テーマの変更をすることにしました。

新しいテーマに「Cocoon」を選んだ理由

私がテーマを選ぶ上での条件は、主に5つ。

・無料で使用できること
・ブログの表示が早いこと
・SEO対策ができること
・カスタマイズ、そして使い方が簡単なこと
・日本語対応

この条件で、おすすめのテーマを調べてみたところ見つかったのが「Cocoon」でした。

Simpliciy 2の同じ作者さんが作っていて、Simpliciy 2の新しいバージョン的な存在であること、初心者でも使いやすいものであることを知り、こちらに決めました。

デザインもシンプルで、Simpliciy 2より速くカスタマイズも簡単との話を聞き、もうこれしかない！と。

プレビュー画面もシンプルで使いやすそう。

早速親テーマ、子テーマをダウンロード、有効化し設定、カスタマイズへと乗り出しました。

Cocoonで行った設定、カスタマイズまとめ

ここからが大変なところ。

最初に使用していた海外のテーマから、Simpliciy 2に変更した時はかなり大変だった気がするのですが…。

あの時に比べて、Cocoonは比較的簡単に感じました。

自分がWordpressに慣れてきたのもあるのかもしれませんが。。。

初めてもう3年ぐらい経つもんなあ。早い。

Simpliciy 2では、Wordpressの管理画面の外観、カスタマイズから色々いじったり、CSSを書き加えたりと難しかった記憶があります。

その辺のカスタマイズが自由にできるのがSimpliciyの魅力だったりするのだと思いますが、CSSなどはさっぱり、パソコン自体使用してこなかった私には大変でした。

しかし、Cocoonをダウンロードしてみると…。

WordPressの管理画面に「Cocoon設定」というものが表示されるようになり、ほぼ全ての設定をここからできるようになってました。

色を付けたりするカスタマイズも、好きなスキンを選ぶことでボタン１つで可能に。

簡単になってる。。。

ありがたい〜！！

難しいことは何一つわからない私には本当にありがたいです。

スキンの種類も豊富で、まさに選びたい放題。

私は「Momoon（アクア）」を使わせて頂くことにしました。

水色を中心としたシンプルだけど可愛いデザイン。

ブログも見やすいし、邪魔なものがひとつもない感じです。

Cocoon設定で他に行ったこと

まずはページ全体の表示に関して。

正直デフォルトのままでも十分素敵で、特に変更しなければならないこともなさそう。

「全体」というところからは、サイト背景色のみグレーに変更しました。

「SEO」の部分では「日付の設定」から更新日のみを表示する設定に変更してみました。

ここは公開日、更新日どちらを表示すべきなのか、または表示しないべきなのか迷い中です。

SEO的にはどっちの方が正しいのかな…。

そして「アクセス解析・認証」。

ここはかなり重要な設定です。

Google アナリティクスのトラッキングIDの入力、そしてGoogle Search ConsoleのIDの入力を行いました。

更にGoogle自動広告もここから設定できます。

「その他のアクセス解析・認証コード設定」という欄の「ヘッド用コード」に自動広告のコードをコピペするだけ。

テーマエディターをいじらなくていいのは安心ですね。

前に一度、高速化のためにいじってWordpressの管理画面にすら入れなくなったことがあるので。。。

その時はエックスサーバーの方から修正できましたが、ほんと寿命が100年ぐらい縮む思いでした。怖かった…。

「インデックス」の「リスト設定」からは、カードタイプのところを「タイルカード2列」に変更しました。

「投稿」の部分はコメント設定でコメントを非表示に。

ここはなんというのか、色々絡まれたり暴言を吐かれたりするのが怖いので前のテーマでもOFFにしてました（笑）

次に「SNSシェア」と「SNSフォロー」の部分。

ここは結構変更しました。

まず、トップシェアボタンを非表示に。

シェアボタンはボトムのみ設定し、カラーは「ブランドカラー（白抜き）」変更。

シェア数の表示は無しにしました。

フォローボタンはTwitterとInstagramのみに。

feedly？とRSS？というボタンもあったのですが、これは全く聞いたことがなかったのでなしにしました。

大体行った設定はこれでおしまい。

ワンクリックで色々カスタマイズでき、プレビューで画面も確認できるのでスムーズに行うことができました。

分かりやすくてほんと感謝です。

特に気に入ったのが、モバイルの設定にある「フッターモバイルボタン」というところ。

記事のどこからでもメニューを開いたり、検索できたりするのがありがたい。めっちゃ便利です。

一度間違って消してしまい焦りましたが（笑）

モバイルメニューのところから再度設定し直すと、ちゃんと表示されました。よかった。

プラグインの削除、設定変更

新しいテーマに伴い、プラグインも整理することに。

私はプラグインを6つ削除し、合計16個まで減らしました。

プラグインが少ないほどブログの表示速度も速くなるらしいので、減らせるのはありがたい。

今回削除したプラグインはこちら。

・Autoptimize
・Category Order and Taxonomy Terms Order
・Speech bubble（ふきだし プラグイン）
・Speed Up – JavaScript To Footer
・Table of Contents Plus
・TypeSquare Webfonts for エックスサーバー

Cocoonと効果が重複するもの、使用する必要がなさそうなものは全て削除しました。

特に驚いたのが、プラグインを使用しなくても綺麗な目次を自動的に作ってくれること！！

すごい。天才。ありがとう。

キャッシュプラグイン「WP Fastest Cache」も、一応必要ないようですが、表示の速度が遅かったので設定だけ変更して残しておくことにしました。

具体的にはこんな感じに設定を変えました。

Cocoonには、CSSやHTMLを圧縮してくれる機能が備わっているみたいなので、そちらをオンにして他の物を補う形に。

これで今、使用しているプラグインは全部で16個になりました。

一応メモがてらこちらも書いておきます。

・a3 Lazy Load
・Akismet Anti-Spam（アンチスパム）
・Block Bad Queries（BBQ）
・Broken Link Checker
・Classic Editor

・EWWW Image Optimizer
・Google XML Sitemaps
・Really Simple SSL
・Siteguard WP Plugin
・Tableplus

・TinyMCE Advanced
・UpdraftPlus – Backup/Restore
・WebSub/PubSubHubbub
・Wordfence Security
・WP Fastest Cache

・WP Multibyte Patch

SSL化はプラグインがなくてもCocoonの方でできるみたいですが、やり方がよくわからなかったのでひとまず使用しているプラグインをそのまま残しておきました。

ウィジェットでの変更点

「外観」→「ウィジェット」での変更点。

ここは「投稿SNSボタン下」に2点だけ追加しておきました。

追加したのは「検索」と「人気記事」。

検索は下に「メニュー、ホーム、検索、トップ」という欄が表示されるので必要ないかな？と思ったのですが…。

あれはモバイルだけなんですね。

iPadやパソコンでは表示されないっぽいので、一応検索を追加しておきました。

そして「人気記事」。

これは表示したら重くなるかな？と思ったのですが（プラグインのPopular Postとかは重かったし…）、入れてみても変わらなさそうだったので追加しておきました。

表示数は5個、それをランキング表示にしました。

また重くなるようだったら考えます。

前はプロフィールとかも入れていたのですが、正直誰も読まないかなと思い今回は消しました。

消した分、ホームのところにちょっと自己紹介を追記しようかと思います。

大して書けることないんだけど…（笑）

WordPressブログのページ表示速度の変化

Cocoonなら「PageSpeed Insightsでモバイル90点台になれる！」という記事を目にしていたのですが…。

実際にトップページを分析してみると、このような結果に。

45点。

う〜ん。

正直、もうちょっと速くなると思ってました。

プラグインや広告を入れたりすることで遅くなるので、モバイルで高得点を出すのは難しいらしのですが、でも45点かあ…。

パソコンだと99点なのになあ。

まあ前の20点台よりはマシ…と思うべきなんだろうか。

でも赤だもんな…。

せめてオレンジぐらいはいって欲しかった…50点以上。

試しに私のブログの中で一番人気のある記事のURLも入れてみました。

【保存版】海外のかわいい女の子の名前は？意味＆英語のランキングも！

今回は「かわいい海外の女の子の名前」をご紹介していきます。名前は英語のものを中心に、ヨーロッパ方面からも集めてみました！意味や英語の読み方なども併せてお話ししていきますよ。更には人気の名前をランキング形式でもご紹介していきます～！

glamofgirls.com

2017.11.01

こちらの記事です。

すると…。

あれ？63点？

トップページより、記事の方が軽いのか…？

文字数は14000以上、画像も多く記事が長い分広告も増えているのに。むしろ重くなるのでは…？

もう1つ、違う記事を調べてみることに。

今度はこれ。

ヴィクトリアズシークレットで人気の香水13選！口コミもご紹介！

アメリカの人気ランジェリー&香水ブランド「ヴィクトリアズシークレット（Victoria's Secret）」、通称ヴィクシー。今回は「ヴィクトリアズシークレットで人気の香水13選」をご紹介します。香水の種類と香りの口コミもあわせてお話しますよ！

glamofgirls.com

2017.10.22

インスタグラムやカエレバなどを多く埋め込んでいる記事です。

これは重そう。

調べてみると…。

2、26。。。。。

困った。もう考えたくない。

記事によってかなり差がでてくるみたいなので、この辺はまた改めて高速化についてゆっくり調べて、改めて試して記事にまとめるか、ここに書き足すかしようと思います。

Cocoonへの変更に伴う新たな問題

Simpliciy 2からCocoonへの移動は、比較的にスムーズに行うことができました。

しかしやはり、いくつか問題も発生しました。

発生した問題と、解決方法をまとめておきます。

全てのブログのSEO設定が消えた

まずはこれ。

記事1つ1つにあるSEO設定です。

これがテーマを変更すると全て消えてしまいました。

これは本気で焦りました。。。

300以上ある記事、全て設定し直さなければならないのかと思うとゾッとします。

しかしこれは、Cocoonの設定がボタン1つで解決してくれました。

Cocoon設定から「その他」を開き、「Simpliciy設定」というところの「Simpliciyから投稿設定を引き継ぐ」にチェックを入れるだけ。

これだけで、全ての記事のSEO設定が元に戻りました。

凄すぎる…ありがとう…（涙）

ほんとCocoon、設定も簡単だしなんでもできるし有能すぎる。

一生ついていきます。

しかしこれ、前はSimpliciyを使用していて、姉妹的な存在のCocoonに移動したから良かったものの…。

もし全く違うテーマに変更していたら、300ある記事全部1つ1つ設定してまわらないといけないのだろうか。。。

恐ろしい。

Cocoon選んで正解でした…。

Pintrestの設定、埋め込みが消えた

これは私個人の問題ではあるのですが。

当ブログでは、結構頻繁にPintrestというサイトの、埋め込みを使用していました。

Pintrestの使用には、テーマのエディターの部分にタグを埋め込む必要があります。

これは1度だけで、1度テーマに埋め込めばそれからは埋め込みからコードをコピーすることで簡単に埋め込みができたのですが。。。

テーマの変更に従って、再度タグを埋め込む必要が出てきました。

これはそんなに難しくないので、すぐにできると思っていたのですが…。

この埋め込み、スマホやiPadからではできませんでした。

「埋め込む」というボタンが表示されないんですよね。

実は先日、使用していたパソコンか壊れてしまい、これからはiPadとキーボードで書くことになったんです。

前のテーマには、もうすでにタグが埋め込まれているので、今まで埋め込んできたタグは問題なく表示されていたのですが…。

（もちろん新しい埋め込みを作ることはできませんが）

テーマを変更したことにより、今まで埋め込んできた全ての投稿から、埋め込みの写真が消えてしまいました。

これは全部自動でインスタグラムなどの写真に変更したりするしかないので、結構大変でした。

パソコンがなくてもiPadとキーボードで問題なく記事は書けるので、新しいのを買う予定はないのですが、まさかこんなところに落とし穴があるとは思ってませんでした（笑）

カエレバの画像が表示されなくなった

これは前のテーマの時からあった問題なのですが…。

どうも最近、パソコンやiPad上で自分の記事を確認していると、カエレバの画像が表示されないことが多々ありました。

理由は分かりません。

スマホだと表示されたりしていたので、まあいいかと放置していたのですが、Cocoonに移行した後、スマホ上でも完全に表示されなくなってしまいました。

これは大問題。。。

しかしこれは、ワンクリックで簡単に解決することができました。

問題は画像遅延読み込みをするプラグイン「a3 Lazy Load」でした。

最初はいっそのこと削除してしまおうかなと思ったのですが（ちゃんと画像が読みこまれないことがちょくちょくあったので…）それをするとかなりPageSpeed Insights の点数が下がってしまったのでできず。

色々調べてみると、設定からあるボタンをOFFにするだけで解決するらしく、早速試してみた所すぐに成功しました。

まずはWordpress管理画面から設定、a3 Lazy Loadをクリックします。

「Lazy Load Images」という部分を開き、「Image in Content」という部分をOFFにします。

あとは下にスライドして「Save changes」で行った設定を保存するだけ。

【送料無料】スカルプD ボーテ ピュアフリーマスカラ | アンファー まつ毛美容液 ブラック ダークブラウン スカルプd マスカラ美容液 まつ育 お湯で落とせる 睫毛美容液 マツエク ロング ブラック 美容 フィルム スカルプボーテ 女性用

posted with カエレバ

楽天市場

Amazon

実際に貼ってみるとこの通り。

ちゃんと画像が表示されました！

これはテーマを変更したことによる問題なのかどうかちょっと分からないのですが、解決したので載せておきます。

しかしこのカエレバも、Cocoonのアフェリエイト設定から似たようなことができるっぽいのかな？？

こちらもちょっと難しかったので、ひとまずはこのままカエレバを使用していこうと思います。

また余裕ができたら調べてみようかな。

まとめ

今回は、WordpressのテーマをSimpliciy 2からCocoonに移動した経緯やそれに伴うプラグイン等の変更点、設定、問題点などをまとめさせて頂きました。

色々ありましたが、変更して良かったと思います。

期待していたほどブログの表示速度は上がらなかったのですが、カスタマイズなども簡単で、CSSなどに詳しくなくても使いやすいテーマでした。

これからはCocoonにお世話になっていこうと思います。

今まではずっとBackWPupにお世話になっていたのですが、最近パソコンが壊れてしまい…。

PCなしでもスマホで簡単に、バックアップ取る方法を探していたんですよね。

そんな時に見つけたのが「UpdraftPlus」。

早速ダウンロードし、実際にバックアップの復元も行ってみましたが、難しい操作もなく簡単にできました！

おすすめのプラグインです。

UpdraftPlusでのWordpressのバックアップの取り方をまとめてみた！

では早速、UpdraftPlusでのWordpressのバックアップの取り方をご紹介していきます。

まずはプラグインより「UpdraftPlus」を検索しインストール、有効化します。

インストール数も2万以上、最終更新も2日前。安心ですね。

UpdraftPlusを開くとこのような画面が。

早速バックアップを取りたいところですが、まずはバックアップ先を決めるため設定を開きます。

設定を開きます。

バックアップのスケジュールは、お好みで変更してください。

デフォルトでは手動、保持するバックアップは2つになっていますが、私はひとまず1週間に1回のバックアップ、保持するのは5つにしておきました。

保存先はGoogle Driveにすることに。

調べてみるとDropboxを選択する方が多いみたいですね。

私はどのアプリも使ったことがなかったので、一番身近な感じのGoogle Driveにしました。

Apple Storeでダウンロードできますし、無料で保存できる容量も他のものに比べて15GBとかなり多いそうなのでおすすめです。

実際のところ15GBというのがどのぐらいかはよく分かってないのですが（笑）

Dropboxは2GBだそうなので、Google Driveはお得だと思います。

無料だし。ここ重要。

他にも色々書かれていますが、とりあえずデフォルトのままにして「変更を保存」をクリック。

するとなぜかできない。。。

何回押してもこの画面が。

分からん。

よく見てみると、Google Driveにログインして、UpdraftPlusがアクセスできるようにしてほしい…みたいなことが書かれていました。

少し上の画面に戻り、Google Driveの下の欄の「Googleで認証」の横にある青いリンクをクリックすると、Googleのログイン画面に移動します。

ログインして、アクセスの許可ボタンを押します。

これでGoogle DriveとUpdraftPlusを繋げられたので、下の「Complete setup」を押します。

最初の画面に戻ります。

これでUpdraftPlusの設定は完了したので、早速バックアップをとっていきます。

「今すぐバックアップ」をクリックしてください。

数分ぐらいで画面が切り替わり、バックアップ済みのところに今日の日時が表示されました。

思ってたよりずっとはやく終わってびっくり。

もっと何十分もかかるものかと思っていました。

かかる時間は容量やネット環境などで変わってくるかもしれないのでご参考程度に。

復元のやり方は？

さて、問題はここから。

実際にちゃんと機能するのか、復元できるのか試していきます。

復元をクリックして。。。

5分ほど待つと「バックアップアーカイブファイルは正常に処理されました。今すぐ復元を押して進んでください。」と表示されました。

画面に従って復元を押します。

画面が切り替わり、このまま進むと…。

（どこまで見せていいものか分からなかったので、ちょっと隠してます。）

「Restore successful!」と表示されたら、バックアップの復元が完了した合図。

復元にかかった時間も5分ちょっとぐらいかな？

バックアップの時よりは少し時間がかかりましたが、こちらも想像よりはやく終わりました。

ずっと待っていると不安になってくるのでありがたい。

元の画面に戻ると「バックアップが復元されました」という文字が。

どうやら無事にWordpressのバックアップ、そして復元ができたみたいです。

ここまでで合計20分ぐらい。

他の方の記事などを見ながらゆっくりやっていたので、慣れている方ならもう少し早く終わるかもしれません。

バックアップをとってみた感想

ここまで全てiPadで行ってきたのですが、とっても簡単かつお手軽にバックアップをとることができました。

正直パソコンが本当に苦手で、CSSだとかFFFTPだとか本当にさっぱりなので難しくなくてよかった。。。

パソコンが壊れた時「もう買わなくていいや…iPadで書こう」と決めたので、パソコンなしでもスマホやiPadでお手軽にバックアップできるのは本当に助かります。

最近はBackWPupから理由不明のエラーメールも届いていて、ずっと気になっていたのでほっと一安心。

WordPressを始めたばかりの方にもおすすめです。

あとは1週間後、またバックアップが取れてるかだけ確認しようかな。

このまま問題無くバックアップとれますように。

またそちらは追記します。

追記：バックアップの時間設定ができない？

数日後、もう一度UpdraftPlusの画面を開いてみると、あることに気がつきました。

それは、バックアップの時間設定ができないこと。

次回バックアップ予定が記載されている画面には、前回バックアップを取った時の時間が表示されていたんですよね。

つまりは次のバックアップの時の時間が、前回バックアップを取った13時になっていたんです。

ブログのバックアップは、訪れる人の少ない夜中の方がいいと聞いていたのでどうしようかなあと…。

ブログが重くなる？みたいなことを聞いたんですよね。

設定画面からも時間の変更ができる場所は見当たらず…。

夜中に手動でバックアップをしてみたら時間が変わるかな？と思い試してみましたが、変わりません。

ここで思いつきで「設定」から「ファイルのバックアップスケジュール」と「データベースバックアップのスケジュール」の日付部分を一度「手動」に変更してみました。

設定を保存した後、再度設定を開き変更した部分を「1週間ごと」に戻してみました。

すると…。

お！変わってる！！

設定時間が夜中の1時に変わってました。よかった。

ひとまずこれで、また1週間後、自動でのバックアップができているか確認しようと思います。

また追記します。

まとめ

今回は「UpdraftPlusを使って、PCなしに簡単にWordpressのバックアップを取る方法」を備忘録がてらまとめさせて頂きました。

本当に簡単だったので、UpdraftPlus、全力でお勧めします。

私が普段記事を書いている上で毎日使う必須アイテム30選、全て無料の物になります。

自分の備忘録がてら、少しでもWordpress初心者さん達の参考になれば嬉しいです。

私もまだブログ初めてもうすぐ2年の新人なのですが（笑）

早速ご紹介していきます♪

WordPressのブログには必須！絶対使いたいプラグイン＆サイトって？

TOP 5！Wordpressに必要不可欠なツールとは？

１．Google Adsense（グーグルアドセンス）

説明不要のWordPressの収益化に必要不可欠なコンテンツ。

画面も見やすくてありがたい…！

iPhoneの方でもログインして見れるようにしておけば、ホーム画面を左にスライドした所にあるウィジェットからも確認できてさらに便利です。

２．Google Analytics（グーグルアナリティクス）

リアルタイムでサイトを見ている人の数、よく見れているページ、時間帯などなどとにかく何でも教えてくれるアナリティクス先輩。多分こちらも説明不要。

これさえあればブログの事は何でも分かるといっても過言ではないレベルで頼りになります。

３．Google Search Console（グーグルサーチコンソール）

記事を書いた後、その記事をいち早くGoogleに見つけてもらうために使用。

新しい記事のURLを入力して「インデックス登録をリクエスト」のボタンをクリックするだけ。

他にも使い方色々ありそうなんだけれど、私は分かってない（白目）。

４．Amazon アソシエイト

Amazonの商品リンクを貼りたい時に使用。

他にもアニメやアーティストなどの記事を書く時に、画像が欲しい場合は「画像のみ」を選び商品の画像を貼ったりできて、記事を彩る画像の代わりにもできちゃう。

あの画像欲しいけれど、普通に貼ったら著作権に…という時にとっても便利。

私の記事のアニメ画像はみんなAmazon、そして楽天などから頂いています。

５．楽天アフェリエイト

楽天の商品リンクを貼りたい時に使用。

Amazonと同じく、使いたい画像を探すのにも使ってます。

記事の支えになる必須サイト7選

６．Goodkeyword（グッドキーワード）

気になるキーワードを入れ検索するだけ。

そのワードがどれだけの人に検索されているのかや、そのワードと共に検索されているワードなどを調べることができます。

どんな記事を書いていくか？というブログの根本的なことを決めるのに必要不可欠になります。

７．Pixabay（ピクサベイ）

無料のフリー画像をダウンロードできるのがここ！

私のブログで使用しているフリー画像は、全てここから頂いています。

画像がとっても綺麗で、更には種類も豊富なので手放せません！

他にもたくさんのフリー画像のサイトがありますが、このサイトがあれば欲しいイメージの画像は全て手に入るので必要ないかな、と思うレベル。超オススメ。

８．TinyPNG（タイニーピング）

パンダのイラストが印象的なこちらのサイト。

画像をドロップすれば、画像のサイズを圧縮してくれます。

撮影した画像や、ダウンロードした画像をそのままブログに載せてしまうと、容量が大きい為重くなってしまいます。

圧縮してからブログに追加していきましょう。

実は私、ブログを始めた頃は「画像の圧縮をしなければならない」ということを知らず、普通に画像を追加していました。

その後このサイトを使うようになった後も、まあWordpressのプラグインに圧縮してくれる奴があるし、アイキャッチ画像だけ圧縮してればいいか…なんて甘いことを考えていた時期があり…。

つい2週間前に、2000枚近い写真を全て圧縮し直し＆記事に追加という地獄の作業を終えたばかりです（笑）

皆さんも私と同じような悪夢に陥らないよう、画像の圧縮は入念に…。

９．Compressor.io（コンプレッサーアイオー）

こちらも写真を圧縮してくれるサイト。

たまにTinyPNGが上手く動かないな？と思った時に使用してます。

基本的には私はTinyPNGがメインで使っています。その辺は好みかな？

１０．I♡IMG（アイラブイメージ）

同じく写真を圧縮してくれます。

TinyPNGやCompressor.ioより更に小さく圧縮してくれるイメージ。その分画質は落ちるのかな…？

上と同じくTinyPNGがうまく作動してくれなかった時や、画質はあまり気にせずとにかく小さくしたい時に使用しています。

１１．GTmetrix（ジーティーメトリックス）

サイトの調べたいURLを入力すると、そのページを調査して表示速度を調べてくれるツールです。

ほとんどの人がサイトの表示時間が3秒を過ぎると見るのを止めてしまうらしく…。

ブログにとって表示速度は命。

私のブログも表示速度が遅いことに悩んでます…。色々高速化の為に頑張ってるんだけどなあ…。

毎回新しい記事を書いたら、こちらのサイトで表示速度を調べています。

１２．PageSpeed insights（ページスピード インサイト）

同じく表示速度を調べてくれるツール。こちらも毎回新しい記事を書くたびに使用しています。

こういったWordpressに使うツールは英語なことが多いのですが、PageSpeed Insightsは日本語で分かりやすいです。

サイトの速度に点数をつけ、何が表示を妨げる原因になっているのかなども詳しく説明してくれるので重宝しています。

WordPressの便利プラグイン18選

使っているテーマによっても必要なプラグイン、相性の良いプラグインなどが変わるので、一概に「これを入れればOK」とは言えないのですが…。

私が主に愛用しているプラグイン達をまとめてみました。

ちなみに私が使用しているテーマは「Simplicity2」になります。

名前の通りシンプルでカスタマイズしやすく、記事も見やすいので気に入ってます♪

１３．Autoptimize

HTML、CSSなどの素人にはよく分からない暗号たちを、ボタンクリック1つで圧縮してくれる肩幅50mぐらいあるすごいやつ（笑）

これをONにしておくだけで、ブログの表示速度が速くなるので取り敢えずいれておけばOK。

あとは勝手になんとかしてくれる。すごい。

１４．WP Fastest Cache

同じくブログの表示速度をアップしてくれるとっても便利なプラグイン。

結構キャッシュプラグインはトラブルが起きやすいらしく、私もブログの表示がバグったりしたことあるので、自分のブログと相性の良いもの慎重に選ぶことをお勧めします。

いくつかこういったキャッシュ系のもを試しましたが、私のブログにはこれが一番相性良かったです♪

私の使っているSimplicityは、キャッシュプラグインと相性が悪いらしく、色々調べて試して選びました。

他のテーマだとそうでもないのかな？どうなんだろう…。

１５．a3 Lazy Load

画像の遅延読み込みをしてくれるプラグイン。

つまりはこれもブログの表示速度を速くしてくれます。

沢山のサイトで紹介されている、一番有名な「Lazy Load」というプラグインはなぜか私のサイトでは効果が出ず…。

こちらはちゃんと効果が出たので、こちらを使っています。

１６．EWWW Image Optimizer

有効化してポチポチ設定するだけで、追加した画像を自動的に圧縮してくれる優秀な子。

たまにメディアの一般最適化から「最適化されていない画像をスキャンする」を押すと、圧縮されていない画像が出てきたりするので、時々チェックしてみるのがオススメです。

１７．Akismet Anti-Spam (アンチスパム)

スパムコメントなどを対策してくれるプラグイン。

私のブログはコメント欄非表示にしているので必要ないかな？と思っていたのですが…。

例えコメント欄がなくても一応入れといたほうがいい、と聞いたので入れてます。

１８．Wordfence Security

WordPressのセキュリティのかなめとも言われているこれ。

設定はちょっと難しめ…私もちゃんと使えているのか分からない←

これの説明は難しいので他の方のサイトで聞いてください…（笑）

使用しているプラグインをアップデートしなければならない時などは、メールで教えてくれるので便利です。

１９．BBQ Block Bad Queries

同じくセキュリティ系のプラグイン。

こちらはダウンロードして有効化するだけで、設定も必要ないので入れておいて損はないです。

２０．SiteGuard WP Plugin

WordPressの管理画面にログインする為のURLを変更して、悪意のある人間からのログインから守ってくれるセキュリティプラグイン。

セキュリティ大事。うん、大事（コメントが小学生レベル）。

２１．BackWPup

設定すると自動で定期的にバックアップをしてくれるプラグイン。

さらには自動のバックアップのスケジュールも好きなように設定でき、確認もできます。

なんでもバックアップ必須。うむ。

２２．Broken Link Checker

ブログに貼ったURLがリンク切れを起こした場合、検査して通知を送ってくれるプラグイン。

メールも届き、Wordpressの管理画面のツールのところにもマークが出るのですぐに分かります。

壊れたプラグインを放置しているとGoogleの評価にも影響するらしいので、入れておくことをお勧めします。

実際私はとっても助けられてます…。便利すぎる。

２３．Classic Editor

WordPressの投稿のエディタが、アップデートで強制的に変更されたのが数か月前のこと。

私にはあの新しいエディタの使い方が全く分からず（遠い目）

旧エディタを使用できるプラグインがあったので、こちらを使っています。

新しい方のエディタで問題ない、という方には不要ですね。

私には必要不可欠なプラグインです。記事が書けなくなっちゃう…（笑）

２４．WebSub/PubSubHubbub

書いた記事をGoogleを含む検索エンジンにインデックスしてくれます。

自分の書いた記事が他の人に真似され、自分の記事よりも早くそれがGoogleなどに知らされると、自分の記事は後からでた「パクリ」という扱いになってしまうんですね。

そうなると、検索上位に表示させることも難しくなってしまいます。

そんな悲しいことを防いでくれるプラグインです。

２５．Google XML Sitemaps

設定するのが難しいサイトマップを、簡単に作ってくれるのがこれ。

これがないと検索結果に表示されるまでに時間がかかってしまうことがあるみたいです。

こちらも入れていて損はないプラグインです。

２６．Really Simple SSL

ブログを「http」から「https」へSSL化してくれる、今は必須ともいえるのがこちらのプラグイン。

SSL化に関しては、私のブログでも記事にしていますのでよければ見てみてください♪

WordpressをSSL化！エックスサーバー等の備忘録まとめ

「ウェブサイトは安全ではありません」URLの所に前からこんな警告あったけ？いつの間にか表示されていたこの文字、調べてみるとどうやら「WordpressブログをSSL化」しなければならないらしい…。なんとか対処できたので備忘録がてら自分用にまとめておきます。

glamofgirls.com

2019.04.18

２７．Table of Contents Plus

ブログの目次を自動的に作成してくれる優秀な子。このブログもこのプラグインで作られています。

記事を見やすくするには、やっぱり目次は必須。

一度設定すれば、新しい記事を書くたびに自動で目次を作成してくれます。

２８．WordPress Popular Posts

名前の通り、人気の記事をサイドバーにランキング形式で表示してくれます。

よく使われているプラグインなので、設定の方法などを説明している記事も多く初心者でも導入しやすいです。

これを入れることによって、サイトを訪れてくれた方が少しでも他の記事を覗いてくれたらいいな～と思い使っています。

２９．TinyMCE Advanced

記事を書きやすくするために必須のプラグイン。

文字をカラーにしたり、アンダーバーを引いたり、リンクの解除をしたり…というボタンを表示させることができます。

といっても新しいエディタに変更されたからもういらないのかな？

私は旧エディタの方を使用しているので手放せません。

３０．WP Multibyte Patch

もともと英語向けのWordpressで、日本語版として使っていくのに必須なのがこれ。

デフォルト状態で既にダウンロードされています。

有効化するだけなので使い方も簡単。

とりあえず有効化のボタンをぽちっとしておけばOKです。

まとめ

今回は、私が普段「WordPressで記事を書く際に愛用している30個のサイトやプラグイン」を、自分用の備忘録がてらご紹介させて頂きました。

皆さんの参考になれば嬉しいです♪

また役に立つサイトやプラグインを見つけたら追記します！

「author-ユーザー名」と書かれたURLを発見。

こんなURLあったっけ…？と試しにGoogle先生に聞いてみると、どうやらこのページがあると自分のユーザー名が流出し、Wordpressがハッキングされる危険があるらしい…。

いやそんな話聞いてないんだけど。最初に言ってよ。

何とか解決させたので、自分用の備忘録がてらまとめておきます。

ユーザー名が流出する！？Wordpressに隠された恐るべき機能とは？

そもそもユーザー名が流出するとどうなるのか？という問題。

どうやらユーザー名が流出してしまうと、あとは適当なパスワードを入れるだけで簡単にWordpressの管理者以外でもログインできてしまうのだとか。

予測しやすいパスワードなら尚更のこと。

そうなってしまうと、ハッキングも簡単にされてしまうのだとかΣ(ﾟДﾟ)

いや聞いてないって。

更に恐ろしいことに、Wordpressの最初のデフォルト設定では、ブログの記事自体にもユーザー名は記載されており…。

また「/?author=1」とサイトのURLの最後に入れると、記事の投稿者のアーカイブが表示され、URLの語尾が「/author/ ユーザー名」へと変更されてユーザー名がばれてしまうのだとか…。

いやだから聞いてないって！！！

WordPressさんさ、すごく便利なツールだけどその辺ちょっと不親切だよね。うん。

初心者で何にも知らない人間からしたら分からないって。。。

せめて最初にやるべきリストみたいな、説明書的なの付けといてくれないと…（文句）。

というか、私がWordpressでブログを書き始めてもうすぐ2年。今までずっとハッキングの危険にさらされていたってことですか…。マジで？

ハッキングされなかったのは運が良かっただけ…？えっ…。

今からでもまだ間にあう…はず！

早速その対策をしていきます。

「author」を入力されてもユーザー名がバレないようにするには？

今回私が行った対策は2つ。

1つ目は「記事のラストに記載される、投稿者の名前をニックネームへと変更」。

2つ目は「/?author=1をURLの語尾に入力されても、ユーザー名が表示されないように対策」。

1つ目から順番にご紹介していきます。

こちらはどうやら常識らしい（いや知らないって…書いといてよ…）ので、ご存知の方は飛ばしてください。

ユーザー名をニックネームに変更！

こちらはとっても簡単にできます。

まずはWordpressの管理画面にログイン。「ユーザー」から「あなたのプロフィール」という所をクリックします。

すると中間あたりに「名前」という項目が。

そちらのニックネームに、ブログ内で表示したい名前を入力します。

その下の「ブログ上の表示名」というところから先程入力したニックネームを選択し、画面一番下の「プロフィールを更新」をクリックして完了です。

これで書いた記事の一番下などに表示される名前が、ユーザー名ではなくなりました。

しかしこれだけでは「/?author=1」と誰かが検索した場合、ユーザー名が表示されてしまいます。

今度は、そちらの方の対策を行っていきましょう。

「/?author=1」を入力されてもユーザー名を特定されない方法とは？

こちらはテーマのCSSをいじる、ちょっと難易度の高い方法です。

といっても、私は詳しい方のサイトを見て、コピペして真似をしただけなのですが（笑）

私が参考にさせていただいたのは、こちらの記事↓

最初にやるべきWordPressのセキュリティ対策。ログインユーザー名がバレるのを防ぐ

色々検索してみたのですが、どれも難しく分かりにくくて…。この方の記事が一番簡潔に分かりやすくまとめられていたので、参考にさせていただきました。

こういうWordpressの裏側？のようなことには無知なブロガーなので、こういう記事はほんとにありがたいです…。

まずは先程と同じくWordpressの管理画面にログインし、「外観」から「テーマエディター」をクリック。

「functions.php」の一番下に、先程のブログにある「URLに「/?author=1」が入力されても、functionsの設定でユーザー名を特定させない方法」の欄に書かれているコードを記載し、「ファイルを更新」を押すだけ。

これだけで投稿者の名前をクリックしても、ブログのトップページに自動的に移動されるようになります。

また「/?author=1」を検索しても、404のページが表示されるようになりました！

もちろん、URLの方にもユーザー名は表示されていません！やったー！！

簡単に解決してくれてよかった♪

とっても簡単にコピペとワンクリックで行えるのですが、ブログの根本であるCSSをいじることになるので、一応リスクを伴います。

私も一度、Wordpressの高速化のためのコードをコピペして「functions.php」に記載してみた所、ブログが真っ白になり、管理画面にすらログインできなくなったことがあります。

その時はエックスサーバーの方から元に戻せたのですが…。

私はこちらのコードを記載しても異常は起きませんでしたが、もし私のブログを見て試した方に問題が起きても責任はとれませんので悪しからず、です。

とにかく何の問題も起こらず、無事セキュリティ対策ができてよかったよかった♪

これで私のWordpressブログが、ユーザー名が流出しハッキングされる危険はなくなった…はず。

これ以外にもWordpressがハッキングされる可能性のある問題はあるのかな…？どうなんだろう？

また何かWordpressの問題等を見つけたら、備忘録がてら記事にしていきます。

それではまた♪

設定も簡単で使いやすいので、愛用者も多いですよね。

しかしこのプラグイン「重い」とのうわさが…。

私自身このプラグインを入れて以降、サイトが重くなったのを感じました。

だけどどうしてもブログに人気記事は表示させたい…。

解決法を実施してみたので、自分用の備忘録がてらまとめておきます。

「Wordpress Popular Posts」を軽くしてみた！設定方法とは？

「Wordpress Popular Posts」を軽くするための設定方法はとっても簡単でした。

なぜこれを今まで実施してこなかったんだろう…？と思うぐらい。

まずはWordpressの管理画面にログインします。

「設定」より「Wordpress Popular Posts」を選択し、上の方にある「ツール」をクリック。

画面を少し下にスクロールしたところにある「データ」という欄をいくつか変更していきます。

全て変更した後の私の「Wordpress Popular Posts」の画面はこちら。

早速行ったことを詳しく記載していきます。

1つ目は「ログ上限」。

デフォルトでは「無効」となっています。

しかし無効のままだと、データが増えて重くなってしまうのだとか。その為データの保存期間を設定しておきます。

私はデータ保存期間を「30日」に変更しておきました。

これによって、1か月間の人気記事が「Wordpress Popular Posts」に表示されるみたいです。

ブログに表示されてる人気記事が、最近のGoogle Analyticsで表示されている人気記事とかなり違うのが気になっていたのですが、それもこれが無効になっていたからなのかな？

まだ変更したばかりで、人気記事の欄に変化はないので少しこの辺は様子見しておきます。

２．データキャッシュ

こちらを「キャッシュしない」から「キャッシュする」に変更。

人気記事のリストをキャッシュしてくれるため、動作が軽くなるみたいです。

「キャッシュ更新間隔」はそのまま1時間にしておきました。

３．データサンプリング

デフォルトではログ上限と同じく「無効」になっている機能です。

これが無効のままだと、サイトの訪問を全て毎回データベースへと保存されているようで、これがも重くなってしまう要因とのこと。

これを「有効」にしておくだけでも、動作の重さがかなり違うみたいです。

サンプル率はデフォルトのまま「100」に設定しておきました。

最後にその下の適用をクリック。これで完了です。

2と3はエックスサーバーがお勧めしている設定方法みたい♪

画面の下には更に「キャッシュを空にする」と「すべてのデータを削除」というボタンがあり、そちらも押すと軽くなるらしいです。

しかしそれを押してしまうと、データがたまるまでの間人気記事が表示されないとのことだったので、今回はやめておきました。

一連の設定を終えた後「PageSpeed Insights」で速度を調べてみました。

ちょうどトップページのスコアを、この記事↓を書いた時に図っていたのですが…。

【Simplicity】Wordpressを高速化を頑張った話

1週間ほど前の出来事。久しぶりにPageSpeed Insightsでブログの速度を調べてみました。すると17点。このままではSEOにも悪影響がと、Wordpressブログの表示読度の高速化に取り組みました。自分用の備忘録がてらその記録を書いておきます。

glamofgirls.com

2019.04.22

その時モバイルでの評価が「58」、パソコンでの評価が「92」だったのが、モバイル「64」、パソコンが「95」へと変化しました！

前回のスコアを図ったのが1か月半前なので、確実に「Wordpress Popular Posts」だけで変化したとは言えないのですが…（笑）

（ちゃんと「Wordpress Popular Posts」の設定を行う前に図っておけばよかった…）

ただ前回図った後から、特に高速化に向けての変更は行ってないので、Wordpress Popular Postsの影響があるのかな？と思っておきます。

体感的には変更を行った直後から1秒ぐらい表示が早くなった気がする…。

タイマーで測ったわけでないのであくまで体感ですが。

変更がすぐに速度へと影響しているのかは分からないので、ちょっと様子を見てみます。

重いようなら変更もアリ？「Wordpress Popular Posts」以外のプラグインは？

人気記事をランキング形式で表示できるプラグインは「Wordpress Popular Posts」だけではありません。

もしあまりにも「Wordpress Popular Posts」が重いようなら変更もアリかも…？と思い調べてみました。

すると「Simple GA Ranking」というプラグインが。

調べてみると、Google Analyticsのデータをもとにランキングを表示させるため、「Wordpress Popular Posts」より軽くデータも正確とのこと。

え、何それ、それなら断然そっちのプラグインの方がいいじゃん…。

調べてみましたが、結果的には導入をやめました。

その理由は「設定が難しく、さらにCSSをいじってカスタマイズする必要がある」ということ。

かなり面倒かつ、私はあまりCSSを触りたくなかったので断念しました。

ひとまずは先程の「Wordpress Popular Posts」の設定の様子を見て、それでもかなり重いようならまた考えます。

「Simple GA Ranking」の導入方法に関しては、他の方が詳しく記事にしていらしたので気になる方は検索してみてください～！

あの設定をやるとなるとかなり大変だし「Wordpress Popular Posts」が少しでも軽くなってくれることを願います…。

また何か変更した場合は追記します～！

久しぶりに「PageSpeed Insights」でブログの速度スピードを調べてみました。

すると…。

じゅ、、、17点。おっふ。（笑）（いや笑い事じゃない）

前はもうちょっと点数高かったはずだけどな…。いつの間にこんなことになっちゃったんだろう。

このままではSEOにも悪影響が…と、慌ててWordPressブログの表示読度の高速化に取り組みました。

何をしたのか忘れそうなので、念のため自分用の備忘録がてらその記録を書いておきます。

元々行っていたWoedpressの高速化内容（Simplicity向け）

今まで私がこのブログに行っていた高速化はこちら。

・プラグイン「Autoptimize」の導入
・プラグイン「WP Fastest Cache」の導入
・プラグイン「EWWW Image Optimizer」の導入
・「Tiny PNG」又は「Compressor.io」での画像の圧縮
・「コピペ一発でSimplicityを高速化する方法」

（こちらURLを貼ろうとしたのですが、スマホではそのサイトを開けるのにパソコンと「サイトが表示できない」とエラーがでてしまったので止めておきます。リンクエラーのプラグインにひっかる可能性があるかなと。気になる方はググってみてください。）

これだけしてるのに、まだダメなのか…ということでプラグインやテーマ編集のスタイルシートとかをいじいじします。

WordPress、そしてSimplicityの表示速度高速化のためにやったこと

私のブログの表示速度が遅いことへの改善ポイントとしてPegeSpeed Insightsに言われたのは、

・レンダリングを妨げるリソースの除外
・CSSの最小化
・Javascriptの最小化
・オフスクリーン画像の遅延読み込み

でした。

その為プラグインの削除、導入、設定の見直しや、テーマ編集などを試しました。

結果はこちら。

「PageSpeed Insights」でのモバイル版の評価が17だったのが「58」に、パソコン版は80点台から「92」に。

「GTmetrix」での評価は、PageSpeedScoresが「B（85％）」、Yslow Scoreは「C（72％）」になりました。

いや頑張った。素人にしては十分だよ。満足満足。

今回は4つのことをWordpress、そしてSimplicityの表示速度の高速化為に行ったので1つずつ書いていきます。

１．不要なプラグインの削除

便利なプラグインも、多ければ多いほど重くなりWordpressブログの表示速度の妨げになるそう。

私は「Addquicktag」と「Pixbay images」を削除しました。

正直あまりPageSpeed Insightsの点数の変化は見られませんでしたが、あまり必要がなかったので消したままでいいかな。

結果的に今使っているプラグインの数は23個。

これって多いの？少ないの？分からん。

でもこれ以上は全部使っているし大事なプラグインだから消せないかな。

２．テーマ編集

「レンダリングを妨げるリソースの除外」とGoogle検索を行ったところ、ある記事がヒットしました。

WordPressの管理画面にログインし、Simplicityのテーマの編集から「テーマのための関数（functions.php）をクリック。

「以下にSimplicity子テーマ用の関数を書く」というところの下に追加のコードを記載するというものです。

似た記事を2つほど発見し、それぞれ試しましたが結果は大失敗。

Simplicityの高速化どころかブログは真っ白、Wordpressの管理画面にすら入れなくなったのです。

どうやらこの方法を試して同じ症状が起きた人げ結構いるみたいです。

そんな危険な方法書いて残しておくなよ、とブチギレました（笑）

結果的にエックスサーバーの方からfunctions.phpをいじってコードを消し元に戻せました。良かった…。

全く、ブログが消えてしまったと大変な目にあったよ。。。許さん。（おこ）

CSSが分からないこの前までティーンだったただの女子には、詳しい人が載せてくれてるやり方を見様見真似で試すしかないのに、その方法が間違ってるなんて…（涙）

片方の方は苦情が殺到し警告が記載されていたみたいだけど、最初の目次からやり方の方にとんだのでその警告も飛ばされたみたいなのよね。

いやちゃんと記事の一番最初とかやり方のところにも書いといてくれよ…。

もう一個似た方法が書かれていた所も同じ問題が起きましたが、それに関しては警告すらなかった。

戻せなかったらどうしてくれるんだ…。むー。

優しい方が写真付きで詳しく「エックスサーバー側でfunctions.phpを編集する方法」をのせていたので、それを参考になんとか復帰できました。

この人がいなかったら私のブログは無事天に召されてた。命の恩人だ…ありがとう。。。

３．Lazy Load等のプラグインの追加

あれ確か私「Lazy Load」は入れてたと思うのだけれど…。

何かの時に消しちゃったのかな？

ひとまずダウンロードして有効化をしてみました。

しかしなぜか多くの人がダウンロードしている、Wordpress高速化のため人気プラグインであるはずの「Lazy Load」が、私のブログでは全く効果を得られなかったんです。

調べてみると同じような方がいて、その方が紹介していたもう1つの画像遅延読み込みをしてくれるプラグイン「a3 Lazy Load」をダウンロード。

有効化してPageSpeed Insightsにかけてみたところ、こちらでは効果を得られました！

10ぐらい点数アップしたかな？

合格した監査の中に「オフスクリーン画像の遅延読み込み」が追加されましたよ！わーい！

もう1つ高速化プラグインを検索していた時に出てきた「Speed Up – JavaScript To Footer」というプラグインも追加してみました。

なんと「すぐにはいらないJavascriptをフッターに持っていき、サイトの読み込みをスムーズにしてくれる」のだとか！

うん、わからない！（笑）全く分からん！（白目）

PageSpeed Insightsの点数の変化は3ポイント程度でしたが、まあプラスにはなっているしこれを入れてブログの表示崩れなどの変化は見られないから残しとこうかな。

４．Autopmize設定の見直し

結果的にPageSpeed Insightsの評価を30ポイント以上あげ「レンダリングを妨げるリソースの除外」「CSSの最小化」「Javascriptの最小化」の3点をこれでクリアできました。

Autopmize最強（笑）すごい！

元々このプラグインはSimplicityを使っている方のブログで評価されていたので導入済みだったのですが、なぜか私のブログでは表示崩れが起きてしまっていたんですよね。

何度試してもダメで、理由も分からず…「Javascriptコードの最適化」と「CSSコードの最適化」のところのチェックを外して導入していました。

しかし今回、もう一度チェックを入れてみた所表示崩れを起こさずにちゃんと効果が得られたんです！まじか。

これだけ暗号のようなものを試行錯誤して、頭痛と闘いながら頑張ったのに「Autopmizeのプラグイン設定に2つチェックを入れる」だけで解決するのかい（笑）

何で前にダウンロードした時は表示崩れしたんだろう…？分からないけど解決したからまあいいか。

結果的に「Autopmize」と「a3 Lazy Load」がWordpressブログ（Simplicity）のサイト表示速度の高速化にかなり役立ってくれました。

PageSpeed Insightsの合格した監査の中の上位4つがこの2つのプラグインのお陰でクリアできました。

特に一番上は、これだけでプラス5秒ほどサイトを開く時の読み込み時間がかかってしまっていたようなので、解決できて良かったです。

モバイルの点数が58っていうのはどうなのかな、と思いましたが、モバイルは大体こんなものらしいのでよしということで。

自分でサイトを開く時の体感速度も速くなったのが嬉しいかな♪

あと残っている改善できる項目というのがこれ。

ひとまずは疲れたので放置…（笑）

また何かWordpress、そしてSimplicityの表示速度の高速化のために何かしたら追記で記載します。

2019/6/12　追記。

導入しているプラグイン「Wordpress Popular Posts」が重いとの噂なので、設定方法を見直してみました。これでさらに少しは高速化できたかな…？

設定方法も簡単で楽々でした♪

こちらも記事にしているので「Wordpress Popular Posts」の重さに悩んでいる方はよければ見てみてください～！

【Wordpress Popular Posts】重いと言われるプラグインを軽くしてみた！

人気の記事をランキング付きで表示してくれるプラグイン「Wordpress Popular Posts」。しかしこのプラグイン重いとのうわさが…。私自身これを入れて以降サイトが重くなったのを感じました。解決法を実施したので、備忘録がてらまとめておきます。

glamofgirls.com

2019.06.12

あれ、URLのところに前からこんな警告あったけ。。。

いつの間にか表示されていたこの文字、気になったので調べてみるとどうやら「WordPressブログをSSL化」しなければならないらしい…。

またややこしいのがでてきたな…と思いましたが、なんとか対処できたのでそのやり方を備忘録がてら自分用にまとめておきます。

そもそもSSL化って何？

一応頑張ってしてみたけれど、私にはさっぱり分かりません。（おい）

そもそもこの前までティーンだったただのアニメの海外旅行とショッピングが好きな女子に、そんなインターネットの裏側の用語なんて分かるかよ！！（逆ギレ）

CSSだのJavascriptだの頭が痛い。（ただの愚痴）

とりあえず私にも分かるように嚙み砕いて理解した結果…。

サイトのURLが現在「http://」になっている。この状態だと通信が暗号化されていない。つまりは、サイトに入力したパスワード等が漏洩する恐れがある…。

→その為「安全ではない」と表示される。

なんとなく理解した…。これを解決するには、

サイトのURLを「https://」にすればいいらしい。

たかが「S」1個の違いじゃん。それぐらい見逃してくれよ…といいたいがそうもいかないらしい。

ちなみにこれ、別に普通のブログで「ブログを見に来た人がメールアドレスやパスワード等を入力する必要がないサイト」だったらしなくてもいいらしい。

聞いた話…というかGoogle先生で色々調べただけだから確かじゃないかもだし、SEOへの影響は分からない。

ひとまずせっかくブログを見に来てくれた人が「ウェブサイトは安全ではありません」なんて威圧的な文字を見てUターンしてしまったら悲しいな、ということで対処していきます。

もうすでに頭痛が…。

WordPressをSSL化した手順

まずはバックアップ。何事にもバックアップ必須。

まあサイトが消えて、今度はバックアップの手順を調べなきゃいけない…なんて面倒なことは避けたいのだけれど。

ちなみに当ブログはプラグイン「BackWPup」にお世話になってます。

毎晩自動でブログのバックアップをとってくれる優れもの…ただ今までバックアップ試したことないから、いざという時本当に動いてくれるのかは分からないけど。設定もろもろ間違ってたらどうしよう。今度一回見直しておくか…。

エックスサーバーからSSL化できるらしい

調べたところ「エックスサーバー」を使っている人は、そこからWordpressのSSL化をできるらしい。

エックスサーバー以外の方のやり方は分からないのであしからず。

まずはエックスサーバーのサーバーパネルにログインします。

サーバーパネル → ドメインの「SSL設定」→ ドメイン選択画面のSSL化するドメインをクリック →「独自SSLの設定追加」

…あれ？

既に追加されているんですけど…？いつやったの？過去の私。記憶にないんですが…。

なのになんでSSL化できてないの？この後の設定してなかったのか…？さっぱりわからん←

ここからの設定はWordpressでできるらしいので、移動してみます。

WordPressでURLを変更する

WordPressの管理画面 → 設定 → 一般にある「Wordpressアドレス（URL）」「サイトアドレス（URL）」へ。

それぞれのURLを「http://」から「https://」に変更、保存。

これで…OKかな？

サイトを確認すると、おおっ！！

URLに書かれていた「ウェブサイトは安全ではありません」が消えて鍵マークがついてる！

URLも「https://」に変わってる！これは成功かな？

表示崩れもなし！やったー！

SSL化設定は終わりじゃなかった

無事にWordpressをSSL化することに成功したのに、やらなければならない設定は終わりじゃなかった。（涙）

一応ブログのSSL化には成功したのですが、どうやら「Google Analytics」と「Google Search Console」を使用している場合はそっちもいじいじしなきゃダメらしい。。。

頭が痛い。チョコレート食べたい。

Google Analyticsの設定

アナリティクスを開く → 管理（歯車マーク）→「プロパティ設定」→ デフォルトのURLを選択「https://」に変更 → 保存

こっちは簡単に行きました。こっちは、だけど。

Google Search Consoleの設定

どうやらこちらの場合は、SSL化したサイトを「再登録」しなければならないそう。

これは…長くなる奴だ。面倒なやつ。やだな…。

しかも最近…というか結構前だけれど、Google Search Consoleって新しくなったじゃないですか。

大抵の記事は古いバージョンのGoogle Search Consoleでやり方を記載しているので、新しい方でのやり方が分からないっていう。

その為古いバージョンでやろうと元の方に変更してみました。

「以前のバージョンに戻す」をクリック→「プロパティを追加」→https://に変更したバージョンのURLを入力→追加

ここで難関。

「サイトの所有権を確認します」

またこれか…。

私は記載されている「HTML タグ」をWordpressのテーマ編集にある「テーマヘッダー」に埋め込むという形で確認しました。

しかしこれ「https://」と「https://www」の2つのサイトを登録しなければいけない…らしい。

なのに一度目の「https://」の時は確認できたのに、次に「https://www」を登録しようとしたら所有権の確認ができず…。

なんでだよ！さっき同じことした時はできたじゃん！（ブチギレ）

このことに関してはまだ解決してません。

「https://」登録したんだしもうよくない？と思ってます。ダメなのかな…。まあそのうちできたらやる。うん。多分。

ひとまず「https://」の方をちゃんとGoogle Search Consoleに登録できたのでよしとします。

でもまだ終わりません。

「サイトマップの送信」と「Google Analytics と Google Search Consoleの関連付け」を行わなければそう。

これはちょうどこの記事を書きながら知ったので、書きながら行いました（笑）

WordPressのSSL化の過程、全部完了したと思っていたのに終わっていなかった絶望とお昼ごはん食べたい空腹と戦いながらやります。

お腹空いた。

まず「サイトマップの送信」。こちらは簡単でした。

Google Search Consoleの「サイトマップ」をクリック→新しいサイトマップの追加から「sitemap.xml」と入力して送信。

すると下に「送信されたサイトマップ」と書かれ、ステータスに「成功しました」と書かれました。

多分OK。間違っててもしらない。

次に「Google Analytics と Google Search Consoleの関連付け」。

こっちはしんどかった…。

Google Analyticsの「管理」→「プロパティ設定」→下の方にある「Search Console を調整」。

ここまでは良かった。

私はいくつかのサイトでやり方を調べながらやったのですが、本来ここの自分のサイトのURLの横に表示されるらしい「編集」というのがない。

代わりに「削除」と書かれていました。

何度開きなおしても編集の文字が出ず、関連付けが行えなさそうなので、削除を押して再登録しました。

登録やり方覚えてなかったので、適当にこうかなとポチポチ。

まあ同じ「Search Console を調整」からしただけなんだけど、やり方を検索するエネルギーが残ってなかったもので（笑）

結果「Search Consoleの設定」のところに「https://」のURLが表示されたから成功かな？

まあいいってことで。

まだ他にもSSL化後の設定？でやらなければならないことがあるみたい（SSL化設定中に参考にさせてもらったサイトに書いてあった）けど、今日はここまで。

なぜってWordpressのSSL化と同時に行っていた「サイトの表示速度の高速化」の備忘録も忘れないうちに記載しておきたいから。

それとお腹空いたから。お昼ごはん。

また頭が痛くなくて、お腹もすいてない時、多分やります。きっと、ね。

今回はブログを始めて3か月、まだまだ超初心者の私が今までにやった10のことをお話ししていきます。

ブログを開いたのはいいものの、記事を考えたり、広告を設置したりとやることは山積み。

ブログ始めたものの、何から手を付けていいか分からない！

という私のような初心者さん達の参考になれば幸いです。

初心者さん必見！ブログのやることリスト！

ではまず、その10の私がやったことをご紹介していきます。

１．ブログ開設
２．無料ドメインの取得
３．ブログのカスタマイズ
４．まずは目標30記事！
５．ブログの収益化
６．Googleの4つのサービスを取り入れる
７．アドセンス狩り対策
８．ブログランキングに参加
９．記事の拡散
１０．記事のレベルアップ

それでは早速詳しく見ていきましょう！

ブログで稼ぐ為の土台を！

ブログ開設！

まず最初にすること、それはもちろんブログ開設！

私は「wordpress（ワードプレス）」という有料ブログを使っています。

ブログといえばアメーバブログやはてなブログが有名ですが、無料ブログでは稼ぐのに限界があると知りこちらを選びました。

無料ブログ場合、

• テンプレートやカスタマイズがあまり自由にできない
• 広告を自由に貼れない
• 規約違反と思われ、突然削除される可能性がある

などなど、無料な分のデメリットが多いんですよね。

無料ブログで初めても、結果的に有料ブログに変える…という人も多いようですし、また一からやり直すなんてご免だわ…と有料ブログを選択。

有料ブログなら、ブログデザインも広告も自由自在ですしね！

その分、何もかも自分でやらなければならないという苦労もありますが…。

パソコンのタイピングすらまともにできなかった私は、大変でした。

（だって今時パソコンよりスマホじゃない！？私だけか？笑）

無料ドメインを取得せよ！

ブログ開設と共にやらなければならないことは、無料ドメインの取得。

（無料ブログの方は必要ありません。）

ドメインというのは「http://なんとかかんとか.com」のような、インターネット世界の住所のようなもの。

wordpressの場合は、まずこれをゲットしなければなりません。

私はエックスサーバーというのを利用しています。

独自ドメインを取得できるサービスですね。

これについては、私より詳しいブログの先輩方がたくさん記事を書かれているので、ググってください笑

ブログ開始！カスタマイズしよう！

ここからやっと、ブログスタート。

• ブログのタイトルを決める
• テーマを決定&カスタマイズ
• プロフィールを作成

など、ブログを始めてからもやることは沢山。

wordpressでは、無数の有料・無料のテーマが選べるようになっています。

その中から、レスポンシブ対応・日本語対応・SEO対策・表示速度・カスタマイズ性などを考え選びましょう。

ちなみに私が使用しているのは「Brittany Light（ブリタニーライト）」というテーマ。

残念ながら日本語対応はしていませんが、シンプルで可愛らしいデザインで気に入っています。

追記：いろいろあってテーマ変更。今は「Simplicity」にお世話になってます。まだまだカスタマイズ途中だけれど、頑張ります。使いやすくてオススメです。

ブログを書こう！

ある程度ブログが形になったら、本格的にブログスタート。

取り敢えず30記事程度を目安にひたすら書きました。

ブログの記事の書き方は、クラウドソーシングサービスを使った経験をもとに書いています。

〇文字書いて数十円とかで、あまりお金にならなかったのですが。。。

それでもいい経験になりますし、契約をしてブログ記事を書けば色々アドバイスをもらえて書き方を学べますよ。

今まで一度も書いたことない…という初心者さんは、1度試してみることをお勧めします。

私が使用していたサービスは「Crowdworks（クラウドワークス）」。

単価は安いですが、件数が多いので初心者でも仕事を獲得しやすいです。

ブログを収益化！広告をゲット！

ここまで来たら、いよいよブログを収益化していきます。

私が使用しているのは、主に4つ。

• Google Adsense（グーグルアドセンス）
• Amazonアソシエイト
• 楽天アフェリエイト
• A8.net

A8.netと楽天アフェリエイトは審査なしで登録できるので、ひとまず初心者さんはこちらを登録しておきましょう。

問題は、Google AdsenseとAmazonアソシエイト。

この2つは審査が厳しいことで有名なんですよね…。恐ろしい。

私は審査に通らず落ち込むのが嫌なので、情報を集めてできることを全てやって臨みました。

具体的には、

• 写真を全て削除
• 他の広告を貼らない
• お問い合わせフォームを作成
• 記事は30記事以上

記事を最初に30以上書いたのはこの為。

記事数が少ないと、コンテンツ不足と落とされる可能性があるのだとか。

私のブログの審査の結果は？

人によっては、何度も落とされる・審査にかなりの時間がかかる…と噂の審査。

でも正直びっくりの結果に。。。

Google Adsenseの審査、たったの数時間で通りました。

拍子抜け…というか私の不安は一体？

ちょうど私が申請したタイミングが良かったのかもしれませんね。（2017年9月でした）

しかしAmazonアソシエイトは、申請した次の日に承認不可のメールが。

私の何がいけなかったんだー！

調べたところ「ニックネームを書いていなかったこと」と「審査の際ブログのホームページのURLしか記載しなかったこと」というのが原因っぽい。

ニックネームを記載し、ここにAmazonの広告を貼りたい！というURLを送って再び審査へ。

すると数時間後に合格メールが届きました。

結局何が原因なのかは分かりませんが、審査に通らず困っている方は試してみてくださいね。

しかし不思議なのは、審査完了まで数週間かかる人もいれば、私のように数時間で終わる人もいること。

タイミングが良かったのでしょうか…？

担当者が暇だったとか？（笑）

Googleのサービスを取り入れよう！

Googleには、ブロガー向けのサービスが沢山あります。

• Google アナリティクス
• Google Adwords
• Google ブログ更新通知サービス
• Google search console

自分のブログに何人の人が来ているか、どのページが読まれているのかなど、自身のブログを詳しく分析できるGoogle アナリティクス。

キーワード選定に役立つGoogle Adwords。

短時間で検索結果に表示できるGoogle ブログ更新通知サービス。

SEO対策のGoogle search console。

どれも毎日お世話になっています。

ないとブログが作れない…っているレベル。

もうGoogleって呼べないよ、Google様だよ。

使っていないサービスが1つでもある方は、ぜひチェックしてみてくださいね！

使わなきゃ損ですよ！

アドセンス狩り対策！

アドセンス狩りとは、悪意のある誰かが不正行為を働き、アカウントを無効にさせる行為のこと。

広告を意図的に何度もクリックしたり、広告を勝手にアダルトサイトに使用したりして、アカウントを停止に追い込もうとする人がいるんですよね…。

残念ながらこれを防ぐ手はありません。

ですので、これが起きる前に「広告許可サイトの設定」を行う必要があります。

これを行えば、誰かが不正行為を行っても自分の無実を証明できます。

被害にあって悲しい思いをする前に、対策をしっかり行っておきましょう！

ブログランキングに参加！

私が参加しているのは「にほんブログ村」。

ブログランキングの中でも、特に有名なサービスと言えるのではないでしょうか。

参加することで、初心者でも比較的簡単にアクセスアップを狙えますよ。

初心者最大の悩みである「ブログを読んでくれる人がいない」の解決策の1つですね。

追記：にほんブログ村を脱退することに決めました。

活用する時間がなかったことと、やはりSEO対策をもっと万全にする方が将来的に有効な気がして。どうなんだろうな…難しい。

記事をシェアして拡散！

ただ記事を書いているだけでは、ブログは読んでもらえません。

ということで、自分から積極的に記事を拡散していきましょう。

TwitterやInstagramでの拡散、シェアボタンの設置も重要ですよね。

LINEやTwitter、Facebookで読者さんに簡単に拡散してもらえるように設定しておきましょう！

記事をレベルアップしよう！

これでブログの土台は完成。

ここからは記事をブログアップさせましょう。

• Instagram、Twitter、Pinterestなどの埋め込みを活用
• 使える写真素材サイト探し
• 便利なプラグインを探す（wordpress）
• ブログの更なるカスタマイズ
• 他のブログを読む

土台ができても、やることはまだまだ大量。

更なるレベルアップのために、頑張りましょー！

ちなみに今私はこれの真っただ中。

まだアソシエイトも使いこなせていないので、活用法を学ばなくては…。

道のりは長いです（笑）

まとめ

今回はブログ初心者の私が、この3か月でやった10のことをお話ししました。

皆さんの参考になったでしょうか？

私もまだまだ初心者さんですが、頑張っていきますのでよろしくお願いします！

それではまた＾＾

ここまでお読み頂き、ありがとうございました！