タグ: Wordpress

JINはおしゃれだし使いやすいので気に入っているのですが、とにかく遅いし、CLSがガタガタですよね。CLSのスコアなんて、悪すぎですよね。

これ↓、JINを使ってた（過去形の理由は後述します）本サイトのPagespeed insightの結果ですが、ひどいでしょ？

＜PCの結果＞

TOPページのPC表示での結果↑は、今日は0.052とたまたまよかったですが、過去28日間の結果は0.43！！0.25超えたら激やばなのに、0.43って・・・

＜モバイルの結果＞

こちら↑はモバイルの結果で、これも今日は調子よく0.1117、過去28日間では0.26です。

↓これはトップページじゃない記事のスコアですが、終わってます。

日によっては、このスコアが4点台に行ったりもするんですよね（笑）。０．なんとかじゃなくて４．なんとかですよ。

速度も遅いですが、まぁ、JINはいろいろな機能が付いているのでしょうがないですね。遅いのが嫌ならプラグインを使うか、テーマを変えるしかないです。実際、私もいろいろな有料プラグインを試した結果、スピードは速くなったけどCLSが10点台とか行ったので止めました（笑）。10点台はそうそう出ないですよ（笑）。

ちなみに、CLSは以下の方法で調べることができます。

• CLS Calculator
• PageSpeed Insight
• GTmetrix
• Web Vitals

前振りが長くなりましたが、CLS改善のためにやったことをご紹介します。

JIN・CLS改善

まずは結果から言いますね、JIN使うの止めました（笑）

無理です、無理（笑）。

公式フォーラムでも言っているように、今現在JINではCLSについて対処しません。

公式サイトでは「JINのテーマ側の問題であればアップデートして改善しますが、テーマに起因したものと判断されないと対処しません」的なことを言っています。また、「JINの公式サイトではそこまでスコアが悪くないし、TOPページ以外には影響がないはず」と言っています。

ん～・・・テーマの問題のはずなんですけどね・・・

また、CLSのことがフォーラムに上がったのは2020年6月ごろなのですが、ここ最近はCLS関連のことはスルーされてるみたいで、一切返答はないです（笑）。

おそらく、対応がすごく難しんだと思います・・・。

追記）ヒツジさんのアフィサイトを調べたら、CLSが0になっていたので、今後何かしら対応するかもしれません！

このままCLSのスコアのせいで検索順位が落ちても困るので、私もかなりいろいろやりました。やった結果、Generatepressという海外のテーマに変更しました。ただし、このテーマは「はてなブログの高速版」で、JINみたいな至れり尽くせりな機能はないです。

ちなみに今現在、CLSはいつ、どのページを計測しても0です！

↑良好URLは100％です！

Generatepressを使うことになった理由も含め、CLS改善のためにやったことをご紹介します。

CLS改善のためにやったこと

まずはやったことを、時系列に紹介していきます。

1. アドセンスを停止
2. カルーセルなどを停止
3. プラグイン（Autoptimize）の設定変更
4. 3が効果なかったので、有料プラグイン（WP-Rocket、Rapid Loadなど）を試す
5. 4が効果なかったのでAutoptimizeを停止で様子見
6. 5が効果なかったので試行錯誤
7. 詰み
8. テーマ変更を考え、どのテーマが良いか調べる
9. Simplicity、Sango、Generatepressが候補に残り、Generatepressに変更

1か月ほど上記のことをやっていたのですが、詰んじゃいましたね（笑）もう、何をやってもダメでした。この期間も、JINがアップデートされて改善されるかもと思っていたのですが、CLSの話題が出てから8か月間、何も動きがないのでテーマを変更したんです。

ちなみに、テーマを変更した直後は内部SEOなどが変わるので、PVも荒れますよ。

指をくわえて待ってこのまま落ちていくよりも、一瞬PV落ちてもより上に行くためにしょうがなかったと思います。まぁ、以前にもこういった決断があったので、そこまで深く考えていなかったですが収益はがた落ちですね。

ちなみに依然やったのは、

• はてなブログからWordpress・JINに変更（PV600/日→200に激減）
• 当時雑記ブログだったのを特化ブログに変更（PV4000/日→500に激減）

今回はメインサイトが日収2万円ほど、週末は3万～5万円ほどあったのが、1万円くらいに下がりました（泣）。最悪ですね。

ちなみにPVは1/3ほどに落ちたので、毎日「早く元に戻んないかな～」って、アナリティクス見てます（笑）

追記）

テーマ変更後の最初の1週間はPVが下がりましたが、約3週間後にはほぼ同等に、1か月が経過したくらいから20％ほどPVが上がりました。

アドセンスを停止

JIN公式サイトでは「アドセンスの関連コンテンツ」を使うとCLSが悪くなるとのことで、関連コンテンツを停止してみました。

が、効果なし。

と言うことで、思い切ってアドセンスの使用をやめました！アドセンサーにはつらいと言うか、稼げないのでブログをやる意味がないという人も出てくると思いますが・・・、まぁ、下見ですね。どんだけ効果があるか。

もう、すでにすべて変更後のPagespeed insightの結果を載せるのも面倒なくらい、全然変わんなかったです。

まじで、効果０でした。サイトによっては変わるかもしれませんが、私の場合は無駄でしたね。

参考までに、関連コンテンツの止め方です。

１　自動広告を利用の人はAdsense→広告をクリック

２　編集をクリック

３　広告のフォーマットより関連コンテンツのスライドをクリック

JINで個別に設定している人は、広告管理→関連コンテンツユニット→記載されているコードを削除。

効果がある人もいると思うので、試してみてください。

CLSが悪くなりそうなものを停止

CLSが悪くなりそうなものという抽象的な表現ですが、レイアウトが崩れそうなエフェクトですね、こういったものを減らしてみました。

1. ピックアップコンテンツ停止（カスタマイズ→メニュー→ピックアップコンテンツ）
2. 最新記事を2カラム表示じゃなく1カラムに変更（カスタマイズ→トップページの設定→トップページの記事一覧デザイン選択）
3. 記事下の「前の記事・次の記事」、「記事下の関連記事」非表示（カスタマイズ→記事のデザイン設定）
4. Fontawsomeを読み込まない（どちらかと言うと、高速化のため）（カスタマイズ→その他設定）
5. TOPページは固定ページを表示していたので、これを元に戻す

これ↑はもう更新していないサイトなんですが、スクショ取り忘れていたので使っています。赤枠の部分がカルーセル（JINではピックアップコンテンツ）があると速度も落ちるし、CLSも悪くなるんじゃと思って消したんですが・・・

カルーセルがないと、TOPページでは最初に読み込まれる情報量が増えるし、ページ読み込み中のレイアウト崩れが大きくなりました。

ピックアップコンテンツはあった方がよさそうです。

記事を1カラム表示は若干効果があった様な気がしましたが、CLS 0を目指している私にとってはあまり関係なかったです。

唯一、5番の「TOPページを通常の最新記事に戻す」は、効果がありました。この時CLSが0.3くらいだったのが、0.1点台後半から0.2点台に落ち着きました。と言っても、全然悪いんですけどね。

プラグインの設定変更

Autoptimizeを入れている人って多いと思うのですが、こういったHTMLやCSS、JavaScriptを扱うキャッシュの設定を変更するのも一つの手段です。

他に入れているプラグインとの兼ね合いがあるので、一つづつ項目を外していろいろな組み合わせでやってみましょう。私が行きついたところは、Autoptimizeはあってもなくても同じだということです（笑）あんまり意味がないプラグインですね（笑）。

あった方が気持ち的に軽くなるくらいだと思いますよ。

有料プラグインを利用

ちなみにAutoptimizeを使っていると、さらに最適化と右上に出ていて、これをクリックすると有料プラグインが出てくるんですね。

赤枠の、RapidLoadとWP Rocketを試してみました。

RapidLoadはCSSをかなり削減してくれるもので、もしかしたら高速化とCLS改善の両方が一気にできるかもと期待したのですが・・・意味なしでした・・・

多分、JINとは合わないと思いますが、月600円くらいだし、14日以内に返金してくれって言ったら返金してくれるので、試してみてもいいと思いますよ。私は返金してもらいました。

WP Rocketはやばいですよ！すっごく表示速度が速くなりました！が、CLSが4点台～10点台になってしまったのでCLS改善には向いていませんでした。

こちらも返金ポリシーがあり、年間50ドル（5000円くらい）なので、試してみた方がいいですよ。

WP RocketはJINに合わないだけで、今のテーマではばっちり動いてくれています。

テーマ変更

いろいろやったのですが、改善しませんでした。

うん？そういえば、公式ページはどうなってるんだろ？という素朴な疑問が浮かび、調べてみると・・・、そりゃそうだよね、これじゃ何しても無理だよって思っちゃいましたね。

本家本元がPC・0.393、モバイル・0.338なので、いくら頑張っても無理なんじゃ・・・？（ちなみに、数回計測して一番良かったもののスコアです）

ここで、私は上位表示されているいろんなジャンルのブログを調べてみて、3つ候補を絞りました。

1. SANGO→Theory Base
2. Simplicity
3. Generatepress

１は有名なサルワカくんの作ったテーマですね。彼のサイトはPagespeed insightではそんなに高速化がされていない感じなのですが、体感スピードはめちゃくちゃ速いです。もちろん、CLSはいつも０です。と思ったら、サルワカ君のサイトを調べたら、彼、自分が作ったテーマ使ってないみたいですね（笑）。

whatwpthemeisthat.comで、どんなテーマで、どんなプラグインを使っているか調べることができるのですが、彼、バズ部が作ったTheory Base使っているっぽいですね。

Theory Baseは知識があればおしゃれなサイトにもできるし、とにかく速いですね。もちろん、CLSは０です。ちなみに、これは無料です。

サルワカ君のテーマsaruwakakun.designのCLSは、JINみたいなものでした。0.3、0.4点台です。

２のSimplicityは有名ですよね。CoCoonの制作者わいひらさんが作ったやつで、CoCoonは後継テーマです。Simplicity 2も出ていますが、調べたサイトがSimplicityだったのでこちらを紹介しています。

Simplicityも体感速度は速いのですが、Pagespeed insightでは数字が伸びないみたいですね。ただし、実際速いので問題ないと思いますが。こちらも当然ですが、CLSは０です。

Simplicityの唯一の懸念は、作者がいつアップデートをやめるか分からない点ですよね。後継者がいるのかとか・・・。

ちなみに、こちらも無料です。

３のGeneratepressが私が選んだテーマです。カナダの会社が作ったテーマで、こちらも無料版があり、十分カスタマイズもできるので、ある程度知識がある人は問題なく使えます。日本語でもこのサイトを言及しているところがあったのですが、基本は英語での検索ですね。

これは私のサイトの結果ですが、CSSもチョコチョコいじってるし、プラグインは15個くらいありますが、全部緑です。もちろん、CLSは０です。

ちなみに、CLSが良いテーマは全部無料のテーマですね。

有料テーマはあれもこれも簡単に出来るという利便性がありますが、それが諸刃の剣になって速度が遅くなるし、CLSも悪くなる傾向があると思います。

まとめ

まとめると、JINではCLS改善の対処法がなかったです。おそらくテーマに起因した問題なので、無理なんじゃないかな？って思います。

ただし、JIN製作者のひつじさんのアフィサイトを調べると、最近改善した形跡が見られたので、もしかすると何かしらの対応策をしてくれるかもしれませんね。

こちらもあわせてどうぞ！

• アドセンスのクリック率を2%まで上げた方法
• WebPをエックスサーバーで設定する方法

デザインプラスという会社が運営しているwordpressテーマ・Chillですが、おしゃれですよね。

女性をターゲットにしたサイトを運営している人・したい人は、Chillを使うといいと思いますよ。

初心者にとっても比較的使いやすいテーマで、カスタマイズがしやすいですね。

それではChillの特徴など含めて、ご紹介します。

Chillの特徴

SEO
表示速度
デザイン
初心者向け
複数サイト	利用可
ライセンス	買い切り
レスポンシブ	〇
サポート	メールサポート
運営会社	デザインプラス
価格	8.980円

Chillのデザインは美しく、女性をターゲットにしたサイトを意識して作られています。

例えば、化粧品やエステ、美容室、もしくは石鹸やクリームの販売サイトなど、女性向けのサイトに合いますね。

サイトデザインのカスタマイズも他のテーマに比べると簡単だし、初心者でもすぐに使いこなせるテーマです。

とは言っても、完全初心者だったら用語を覚えたりもしないといけないので、簡単とは言いませんが、難しくないです。

ページの切り変わりもおしゃれだし、ロゴの設定も簡単だし、バナー広告もヘッダーに簡単に入れれます。

これだけ簡単と言っているのですが、当然デメリットもあり、そこまで細かく設定ができないのでこだわってサイトを作りたい人には向いていません。

それでは下記にて特徴を紹介していきます。

Chill公式ページ

表示速度

テーマChillを使っているサイトを計測したところ、Gtmetrixでの速度はC・78％、D・68％でした。

ちょっと遅いなと思ったのですが、高速化系のプラグインを入れずにこれなので、AutoptimizeやLazy Loadなど入れていけば改善していきますね。

不具合が出る可能性がありますが、Cache系も入れたらめちゃくちゃ速くなるかもしれませんね。

ヘッダー画像

ヘッダーにこんな大きな画像を使っても、先ほど紹介したようにそこまで表示速度は悪くないので、内部施策がしっかりされていますね。

サイトや会社をブランディングしていくには、センスの良い画像をファーストビューに入れるのは必須なので、これは助かります。

多くの「ブログ向けテーマ」でこんなことをしたら、ページがかなり重くなりますよね。

配色が簡単に設定できる

テーマの方でピンクと黒の2色が用意されており、1クリックで女性向けサイト、男性向けサイトの見た目に変えることが出来ます。

公式ページでは、「この2色を使ったら美しいサイトが出来る」と宣伝していますが、当然この色以外も設定できます。

固定ヘッダーバー

フッターに固定できるバーは良くありますが、Chillでは半透明の追従ヘッダーバーが設定できます。

記事を読むときは上から下に行くので、フッターに固定バーがあるとウザいと思うことが多いのですが、ヘッダーだったら邪魔になりにくいので読者は読むことに集中できるし、目線をちょっと変えればヘッダーの追従バーが目に入るので、アピールしたいもののリンクを設定したらクリック率が上がりそうですね。

もしヘッダバーが邪魔だと思ったら簡単に消せるし、動かないようにも設定できます。

もちろんサイドバーでも追従できるので、バナー広告などアピールしたいものを設置できます。

Googleカスタム検索

Googleカスタム検索の設定が、テーマオプションから簡単に設定できます。

企業のサイトで多いですよね、これ使ってるところ。

デメリットもありますが、長い目で見たら「自分のサイトを訪れた読者が何が欲しいのか」を知ることが出来るので、有益ですね。

多言語機能

英語版のwordpressをインストールしたら、テーマオプションやサイト上の設定が英語で表記されます。

グローバルにやっていきたい企業や人は、別にもう一つ英語用のテーマを買わなくていいので助かりますね。

広告の設定

Chillは広告を入れることを前提にしたサイトなので、こういった目立つところに簡単に広告を入れることが出来ます。

ヘッダー部分だけじゃなく、記事上部、下部、サイドバーに設定できます。

レイアウトが多彩

1. サイドバーが右にあるタイプ
2. サイドバーが左にあるタイプ
3. サイドバーが左右にあるタイプ
4. サイドバーが右に2つあるタイプ

レイアウトが多いし、クリック一つで変えることが出来るので、ABテストをして成約率が高いレイアウトを探しやすいですね。

初心者向けのテーマ

Chillはそこまで細かく設定できるわけじゃないので、初心者でも簡単にサイトを構築しやすいです。

個人的にはブログにしては機能が少ないし、オリジナリティが出しにくいかなと思います。

とは言っても、使っている人がそんなに多いわけじゃないので、他人と被る事はほとんどないでしょう。

複数サイト利用可能

自身が運営するサイトであれば、複数のサイトにも利用できます。

ただし第三者のために使うことはできません。

中には、1ライセンス1サイトなんてテーマもあるので、これは助かりますね。

レスポンシブ

当然Chillではレスポンシブデザインになっているので、特別何かしなくちゃいけないわけではありません。

なので、どのサイズのデバイスから見ても同じように見えます

支払い方法

何故でしょう？

銀行振り込みかPaypalのみでの、決済が可能です。

クレカは？？

ダメです。

不思議ですね・・・。

サポート

Chillには、色々なサポートがあります。

• 購入者向けマニュアル
• TCD LABOというカスタマイズ集
• メールサポート

フォーラムが無いのがちょっとアレですが、調べても問題が解決しない場合はメールサポートで問い合わせてみましょう。

価格

価格は8980円と、他の優良・有料テーマと比べると安いですね。

安くてもしっかりしたサイトです。

まとめ

支払い方法以外は、特に可もなく不可もなくだと思います。

個人的にはブロガー向けというよりも、アフィリエイター向けのサイトに合うんじゃないかなと思います。

ブログにしては機能や設定できる個所が少なすぎますね。

見た目もブログというより、企業サイト向けっぽい作りですしね。

詳細・購入は公式ページからどうぞ。

Chill公式ページ

当サイトでもwordpressテーマJINを使っているのですが、使いやすいテーマですね。

wordpress初心者でも、比較的すぐに使いこなせるんじゃないかと思います。

色の設定やサイトデザインも簡単だし、アドセンスの設定もダッシュボードから出来るし、書き手に優しいテーマです。

ただし良い所ばかりじゃなく悪い点もあるので、他のサイトではあまり言わない内部も含めてご紹介します。

JINのレビュー

まずはメリットから紹介します。

次に、1年使って思ったデメリットをご紹介します。

個人的にはJINを使っているサイトすべて他のテーマに変えたいのですが、かなりの労力と時間がいるのでやりません。

とはいえ、総合的に見たら星3つ～4つくらいだと思います。

それでは詳しく解説していきます。

メリット

メリットその1として、ブログの設計がかなりしやすいんです。

JINにはデザイン済みデータがあり、11のスタイルがあります。

スタイルを見て自分が好きなものをダウンロードして使えば、面倒なCSSでの設定なんか一切なく自分が好きなサイトを作る事が出来ます。

wordpressテーマでここまでやっている所は少ないので、すごく助かりますね。

なので、初心者でも簡単に好みのサイトが作れるんです。

また、SpaceとCaratというJIN専用プラグインもあり、これらを使うとJINっぽくないサイトになるので、他の人と被りたくない人におすすめです。

記事内の装飾も簡単にできる

色々な装飾がクリック一つで出来るので、CSSをいじったり、HTMLで書き込んだりする必要がありません。

執筆画面から簡単に使えます。

例えばこんなボタンも、吹き出しも簡単です。

詳細ページ

慣れたら本当に簡単に何でもできますよ。

複数サイト利用可能

wordpressテーマの中には1ライセンス1サイトのみなんて言うテーマもあるし、1年更新というテーマもあります。

JINは一度購入すればずっと使えるし、テーマのバージョンが上がっても無料でアップデートできるのでお得ですね。

他人のサイトには使っちゃいけませんが、自分のサイトであればいくつのサイトに使っても大丈夫です。

1万4800円でこれなら、高くはないですね。

デメリット

それではみなさんが聞きたい、利用者が語るデメリットを紹介します。

人気過ぎる

はい、JIN人気があります。使っている人が多いです。

JINは11個のデザインがあるといっても、見た目は全てJINってわかるので、その他多くのサイトと似たり寄ったりになりオリジナリティがないです。

一時期かなり多かったですよね、JIN使用サイト。

私は最初、「そんなに人気ならすごいんだー」と思っていましたが、調べものするたびにJINサイトを見ると自分では使いたくなくなってきました・・・。

JINに非があるわけじゃないのですが、他人と同じような見た目のサイトは運営したくないですね。

まぁ、これは人気テーマの宿命ですね。

CLSが悪い

2021年より検索順位に影響を与えると言われているCLSですが、JINに限らず「多機能搭載のテーマ」はCLSが悪いです。

JINでは2021年2月現在、対応を取っていないので私のサイトでは激悪でした。改善方法はいくつかあるのですが、やってみても全然改善しなかったので、本サイトはテーマを変更しました。

もし、本気でブログ運営をするならこちらも一緒に読んでみてください。私が試したCLS改善策や、なぜテーマを変更したか詳細を紹介しています。

不具合が多い

これ、本当にそうなんですが、多いですよ。

私が最初にJINを導入したのは主にアドセンスで稼ぐブログなのですが、アドセンスが表示されないという不具合があっています。（解決済み）

何をどうやっても特定のページに広告が出ないので、全部手貼りしました。

ちなみにこのサイトも広告が出ないことが多いのですが、もうあきらめています。（笑）

サポートのフォーラムでも何度も尋ね、色々教えてもらったのですが、最後は「こちらで確認したら毎回広告出てますよ」って言われました。

まぁ、その時はもうアドセンスの設定消して手貼り作業中だったので、広告が出ない記事が多かったんですけどね（笑）

他にも、グーグルの構造化データテストツールを使って調べると、エラーがいっぱいありますね。

エラーの場所はLogoのURLなのですが、対処法が分からず放置しています。

全てのページにエラーが出ているわけじゃなく、いくつかのページだけみたいなのですが、特別な事はしていないのでよくわかんないです。

勝手にサイズ指定されレスポンシブにならない

これは細かい事なんですが、もしJINにする人はこの表↓を使う時は注意してください。

この表はレスポンシブなのでサイズ指定はされていないのですが、時々何かの拍子にサイズが指定されるんです。

左が通常のもので、右が勝手にサイズ指定されたものです。

サイズ指定されたら何がダメなのかというと、スマホで見た時に指定サイズより小さい画面を使っていたら、表がはみ出してしまって書いてある事が読めないんです。

未だにチェックを忘れてしまい、非レスポンシブの表が表示されることがあり、先日3時間かけて修正しました・・・。記事1本書ける時間を無駄にしましたね・・・

他にも細かい不具合が多く、イライラすることもあります。

AMP化機能なし

AMPとはAccelerated Mobile Pagesの略で、GoogleとTwitterが共同でオープンソースプロジェクト立ち上げたもので、、簡単に言うとモバイルページを高速で表示しようというものです。

時々、グーグル検索からスマホで記事をクリックしたときに高速でページが表示されるものってないですか？

AMP化されたページは、GoogleのCDNなんかにページがキャッシュ（記憶）されているので、本来のウェブサイトを読み込まずにすでにキャッシュされたページ（読み込まれたページ）が表示されるんです。

なので読み込み時間がほぼ０なんです

私が別サイトで使っているTHE THOR（トール）は、クリック一つでAMP化できます。

これは今後必須になって来るかもしれないんで、JIN作成チームに頑張ってもらいたいですね。

遅い

はい、ページ表示速度は遅いです。

上のスクショはGoogleのPagespeed Insightsのスコアですが、どう頑張ってもTOPページ54、記事42です。

記事数が50とか100ならそこまで遅くならないですが、200、300、500と増えていくにつれて激遅になっていきます。

本当はサイトにカルーセルを付けたいし、ピックアップ記事も入れたいのですが、モバイルの表示速度がかなり遅くなるため断念しました。

これがあるからJINにしたんですけどね・・・

多くのプラグインが必要

Permalink managerとRedirectionは私の場合は必要だったのですが、それを除いても10個のプラグインが必要です。

これでもかなり減らした方ですよ。

プラグインが多いと速度が遅くなるので極力入れたくないのですが、絶対に必要なものばかり入れています。

Table of contents Plusは目次を入れるために必要なものなのですが、最近の優良テーマはプラグイン無しで目次が入れられるものがほとんどです。

また、テーマによっては標準で高速化されているのでLazy LoadやAutoptimize、SEO Packなんかの高速化系プラグインが必要ない物が多いです。

私が使っている別のサイトは、プラグイン３つのものもあります。

だって、全部内部施策されているので、入れなくても大丈夫だからです。

サポート

サポートは基本的に親切丁寧に回答してくれます。

ただし、製作者のヒツジさんが対応する時は、急に会話が終わることも多々あり、解決しないことがあるので、もう一度投稿して他の方が回答をするのも待った方がいいですね。

私もサポートに連絡をしたとき、返信は速かったですが解決しませんでした。今ではある程度自力で解決したのでもうどうでもいいですが、大変でしたね。（まぁそのおかげでサイト運営に詳しくなったのですが(笑)）

基本的に、「簡単な事ならすぐに回答を教えてくれる」けど、複雑な事だと自分で解決しないといけないことがあると思っていたら大丈夫です。まぁ、これはJINだけに限った話じゃなく、どこのテーマでも同じと思いますが。

最後に

ちょっとデメリットの方が多くなりましたが、JINは悪いテーマじゃないんですよ。

ただし、同じ値段でもっと良いテーマもあるので、いろいろ使ってみたら私には不向きだったってだけで、プラグインや表示速度の事を気にしなかったら、おしゃれだし使いやすいテーマなので良いと思いますよ。（それでも不具合が多いので、おすすめかと言われたら即答できないです・・・）

こちらの公式ページでも確認できるので、購入する前に確認してみて下さい。

https://jin-theme.com/

もしくはwordpress有料テーマ8選でおすすめテーマを紹介しているので、こちらもどうぞ。

最近新しいブログを始めたのですが、今使っているJINの表示速度などに不満がずっとあったのでTHE THOR（トール）を新たに購入して導入しました。

すっごく表示速度が速く、SEO対策もばっちりで新しいドメインなのに結構上位表示され始めているんです。

JINよりも詳細設定が出来るし、何と言ってもAMP表示やPWAにも1クリックで対応できるので、今後の事を考えたらTHE THOR（トール）を使ったほうがいいなって思います。

テーマ買い替えを考えている人は、是非参考にしてください。

注）たまたまこのブログにJINを使っているのでJINと比べていますが、JINも良いテーマですので！

THE THOR（トール）の特徴

SEO対策
表示速度
デザイン性
AMP	対応
PWA	対応
複数サイト利用	可能
レスポンシブ	〇
ライセンス	買い切り（1度買えばずっと使える）
注意点	初心者は用語を調べたりするので、最初の設定に時間がかかるかも
サポート	無料・無期限・無制限のアフターフォロー
運営	フィット株式会社
値段	1万4800円・2万7400円（セットプラン）

株式会社が運営しているという点で、良いサービスが期待できますね。個人でやっている人よりも、人もお金もあるのでアップデート具合も速いし、アフターフォローもばっちりですし。

テーマを一度購入すれば、自分が運営するものであればいくつのサイトにテーマを使っていいので、今後ブログが増えた時に役に立ちますね。

それでは下記にて、詳しく紹介していきます。

THE THOR（トール）公式を見る

トールは表示速度が速い

まずは何と言っても高速化の内部施策がしてあるので、テーマ購入後にいろいろとプラグインを入れなくてもOKなんです。

まずはPageSpeed Insightで今このサイトで使っているJINと、新しいサイトのトールを調べたスコアです。

次はGtmetrixでの結果です。

赤で囲ったリクエスト回数も少ないし、表示速度が全然違いますね。

ちなみにJINは、高速化プラグインやキャッシュ系も入れて、かなり高速化の対策を個人的にしているのですが、トールは何も入れていません。

JINは11個ほどプラグインを入れていますが、トールはクラシックエディターとEwww Image Optimizerの２つです。

なので高速化の為にプラグインをいろいろ試したりしなくていいので、記事を書くのに専念できますよ。

内部SEO対策がすごい

続いてSEO対策なのですが、こちらもGtmetrixのスコアでトールはほぼ全てA（最高）です。

こう言ったところは知識があればカスタマイズできますが、一般の人には難しいですよね。

なので、テーマの方で対策を練ってあるものは助かりますね。

初心者だとどのプラグインを入れたらいいかや、設定方法が分からないので調べたりする時間がかかりますが、これだと本当に簡単ですよ。

デザイン性

2020年4月現在、９つのスタイルが用意されています。

ダウンロードして、カスタマイザーからアップロードしたらすぐにお気に入りのサイトが作れます。

色の変更など自分好みにするために設定を変えないといけませんが、細かく設定できるので自分好みのサイトにできます。

AMP対応

AMPとはAccelerated Mobile Pagesの略で、モバイル端末用の高速表示が可能なHTMLページの事です。

時々スマホ見てて、ある記事をクリックしたら一瞬で表示されたことが無いですか？

あれです、あれ。

仕組みは、AMP化されたページはグーグルのCDNなどにキャッシュ（記録）されるので、本来ページがあるウェブサイトを読み込まずに、すでにキャッシュされたものを表示するので、高速表示が出来るんです。

AMPはグーグルが推奨しているので、遅かれ早かれ導入しないとモバイルでの検索が伸びなくなりますよね。

設定は比較的簡単にできますが、調べながらやった方がいいですね。

PWA

PWAとはあまり聞き慣れないかもしれませんが、Progressive Web Appsの略で、簡単に言うとモバイルなどでアプリとして使えるものです。

読者に「ホーム画面に追加」を押してもらえば、スマホなどの画面に自分のブログのアイコンと名前が表示され、他のアプリとなんら遜色がない見栄えになります。

これもワンクリックで設定でき、あとはアイコン用の画像を３つアップロードするだけです。

AMP同様に、Googleが提唱して普及に力を入れているので、4～5年後には当たり前になっているかもしれませんね。

分析機能

「見える化システム」というものがあり、記事ごとの以下の情報などが見れます。

• 総合PV数
• 平均閲覧数
• タイトル文字数
• 本文文字数
• タイトル内のキーワード数
• 本文内のキーワード数
• 内部リンク数
• 外部リンク数

これが標準装備でチェックできるので、SEO対策がしやすいです。

広告の設定

広告の設定はすごく簡単で、ワンクリックで表示位置を変えることが出来ます。

アドセンスをメインにやっている人なら、広告の位置変えを頻繁にすると思いますが、トールだと標準機能で位置をカスタマイズできるので、すっごく助かります。

アドセンスで収益を上げていると広告の位置は敏感になるので、嬉しい機能ですね。

サポート

これは初心者じゃなくても嬉しい特典なのですが、無期限・無制限のサポートが付いています。

まずはテーマインストール時の「安心メールサポート」では、テーマのインストールが無事完了するまでサポートしてくれ、その後はマニュアルや会員フォーラムで質問などが出来ます。

どこかの有料テーマのフォーラムみたいに、無責任に返信を止めたりはないので助かりますね。（どことは言いませんが・・・）

値段

値段が2種類あるのですが、簡単に言うと自分で全部設定をするものと、サーバーやドメインも一緒に設定してくれるものがあります。

1万4800円の方は、自分でドメインやサーバーの設定もしなくちゃいけませんが（しなくちゃいけないというか、これは当たり前なのでみんなやっている事ですが・・・）、楽々サーバーセットプランは、色々とやってくれるし、特典も付いています。

1. サーバー1年間レンタル料金（通常月額1500円・2年目以降1万7400円のサーバー代）
2. サーバーの設定・管理
3. ドメインの取得・設定
4. wordpressのインストール
5. テーマのインストール

上記の特典が付いているので、もしもはてなブログなどの自分のサーバーを使っていないブログから引っ越しする人や、初めてブログを使う人は簡単にスタートできます。

最後に

THE THOR（トール）は本当に最速で、SEO対策もばっちりなのでPVアップも見込めますね。

「ブログが遅いな～」、「かっこ悪いな～」などの不満がある方は、トールに変えるといろんな事が出来るし、表示速度が速いので読者の離脱率も下がりますよ。

THE THOR（トール）公式

Rinker（リンカー）使いたいですよね。

Rinker経由で販売すると、すっごく楽なんですよね。

以前はなぜだか「カエレバ」を使っていたのですが、設定が面倒くさい！Rinkerだったら簡単に商品の紹介が出来ちゃいます。

速い人だったら10分以下で設定は終わるので、やってみて下さい。

Rinker（リンカー）とは？

リンカーは、これですね。アマゾンや楽天などのリンクを一緒に表示するものです。

［改訂版］WordPress　仕事の現場でサッと使える！ デザイン教科書［WordPress 5.x対応版］ Webデザイナー養成講座

created by Rinker

• Kindle
• Amazon
• 楽天市場
• Yahooショッピング

リンカーはWordpressの記事を書くページ内ですべてが済むので、すっごく楽ですよ。

あっ！ちなみにこれはwordpressのプラグインなので、はてなブログなどを使っている人は使えません。

はてなブログなど別のブログの人は、カエレバを使って商品を紹介しましょう。こちら「カエレバの使い方や設定方法を画像・リンク付きで紹介」を参考にどうぞ。

設定に必要なものは、以下になります。

• アマゾン
• もしもアフィリエイト
• バリューコマース
• （楽天市場）

楽天にカッコをつけたのは、楽天ってアフィの報酬ポイントで払うんですよね。なので使わない方がいいからです。

注）3か月連続で月5万円の報酬（5000ポイント）を獲得し、審査に受かれば銀行振り込み可能です

楽天の報酬はもしもアフィリエイト経由で、Yahooショッピングの報酬はバリューコマース経由で設定します。

提携していない人は、下記リンクから提携出来ます。

• アマゾン
• バリューコマース（登録の仕方はこちらから）
• もしもアフィリエイト（登録の仕方はこちらから）

5分もあれば登録でき、必要なものはメルアドと住所などの情報です。各ASPに登録したら、もしもアフィリエイトで楽天市場と提携を、バリューコマースでYahooショッピングの提携もしてください。

それでは、Rinkerの設定方法を紹介します。

Rinkerの設定方法

まずはRinker公式ページに行き、Rinkerをダウンロードします。

Free DownloadをクリックするとSign inかSign upと出てくるので、Sign Upをクリック。

ポップアップが出てくるので、メルアドとパスワードを入れるか、ツイッターやグーグルアカウントでサインインできます。

すると最初のページに戻るので、再度Free Downloadをクリックします。

ZIPファイルのRinkerが、ダウンロードされたと思います。次はこれをwordpressにアップします。

wordpressにRinkerを設定する

管理画面から「プラグイン」→「新規追加」をクリック。

「プラグインのアップロード」をクリックし、先ほどダウンロードしたファイルを選択し、「今すぐインストール」、最後に「プラグインの有効化」をクリックで完了です。

ASPをRinkerに設定する

カーソルを「設定」に当て、Rinker設定をクリック。

Rinkerの設定

基本設定の「商品情報の再取得」ですが、「再取得をする」がいいと思います。リンク切れのチェックや価格表示もされるので、ユーザーにとって便利だと思いますよ。

アマゾンの設定

次は、アクセスキーとシークレットキーが必要です。キーはここから入手できます。リンク先ページの「認証情報を追加する」をクリックすると両方のキーが表示されます。

キーが既に2つある人は古い方のキーを削除し、認証情報を追加するをクリックしてください。

トラッキングIDはここから入手できます。xxxxxx-22というのがIDです。

リンク先は、お好きな方で大丈夫です。私は商品のページに移動させたいので「詳細画面」を選んでいますが、漠然と何かを販売するのであれば、左の「検索画面」を選んだ方がいいですね。

もしもアフィリエイトでアマゾンのリンクを貼ると、制限されてRinkerが使えなくなるので、必ずアマゾンの項目で登録してください。

楽天の設定

楽天は先ほど言ったように、使わないので触らなくてOKです。どうしても楽天を使いたい人は、こちらからIDを入手して貼り付けて下さい。

バリューコマースの設定

Yahooショッピングは先ほど言ったように、バリューコマースで設定をします。LinkSwitchかPid sidどちらか１つでOKです。

• LinkSwitchの取得方法は、「バリューコマース」→「ツール」→「LinkSwitch」→「LinkSwitch設定」→表示されたスクリプトを貼り付けます
• sid pidの取得方法はこちらを参考にどうぞ。

もしもアフィリエイトの設定

最後にもしもアフィリエイトの設定です。

もしもの楽天IDの取得方法は、ここからどうぞ。

 商品リンクのクリックをトラッキングにチェックをしておけば、アナリティクスでどのページから商品が売れたかチェックできます。（行動→イベントで調べることが出来ます）

Rinkerの使い方

使い方はいたって簡単です。

記事を書くページ上部に「商品リンク追加」という項目が出ているので、これをクリック。

ポップアップが出てくるので、商品名もしくは漠然としたカテゴリ（例・靴、Tシャツなど）を入れて検索。

気に入った商品があったら、「商品リンクを追加」をクリック。

ビジュアルモードではこのように表示されますが、プレビューを見るとちゃんとリンクが表示されています。

注意点として、Rinkerの検索はアマゾンの商品が全て表示されるわけじゃないので、特定のものを見つける時はアマゾンで検索し、商品名をコピペしてリンカーで検索するのがおすすめです。

アマゾンに受かっていない人の設定方法

最後にアマゾンのアフィリエイトに提携していない人の設定方法ですが、単純にアマゾンの項目を空欄にして、楽天とYahooショッピングのみリンクが表示されるようにすれば大丈夫です。

アマゾンは審査が厳しいのですが、2～30記事あれば受かると思うので頑張ってください！

もしもアフィリエイトのIDの調べ方

もしもアフィリエイトに行き、検索窓で楽天市場と検索します。

●楽天市場の商品購入と書いてあるリンクの、広告リンク取得をクリック。

●バナー広告のソースの中にある、a_id=1234567の数字部分をコピペして貼り付けます。

設定に戻るにはここをクリック

バリューコマースpid sidの調べ方

既に登録している人は、バリューコマースから「既に登録済みの方」をクリックしログイン、トップページの検索窓からYahoo！ショッピングと検索。必ず「！」を付けて検索してください。

●ここで「広告素材を選ぶ」をクリック

●画面左の「MyLink」→「再検索」→「広告主のサイトを見る」でURLコピーし、下に貼り付け→「適当な名前を入れる」→「MyLinkコードを取得」をクリック。

●コードの中に、sid pidが記載されているので、これをコピペで完了です。

設定に戻るにはここをクリック

ここ最近よくWebP（ウェッピー）て言葉聞きますよね。

PageSpeed Insightでブログを計測しても、大体画像のことを言われますし。

以前から気になっていたのですが、.htaccessを触らないといけないから敬遠していたんです・・・。

ただしいつかはやらないといけないのでと思い、やってみたらなんと5分で終わったのでご紹介します（笑）

wordpressを、エックスサーバーを使っている人は言っときますけど、超簡単です。

WebPとは？

WebP（ウェッピー）とはファイルの形式で、よく聞くのはJPGやPNGですね。簡単に言うとこの仲間で、画質はキレイだけど容量が軽いものになります。

ウェブサイトは軽いに越したことは無いので、やっていた方がいいですね。

今回使うのは簡単にできる、Ewww Image Optimizerです。

プラグインで一括編集するので、既存の画像を簡単にWebP化できるし、今後アップロードするものは全部WebPに自動変換されます。

PNGは画質が一切落ちずに30％くらい圧縮できますが、JPGはちょっと画質が落ちます。それでも25％くらい圧縮できるので、問題ないですね。

wordpressにWebPを設定する方法

流れとしてはこのようになります。

1. プラグイン・Ewww Image Optimizerをインストール
2. サーバーで.htaccessを編集
3. Ewww Image Optimizerで変換する

この３つになります。

Ewww Image Optimizerの設定

Ewww Image Optimizerというプラグインを使うので、まずはこれの設定をします。

私はもう使っているので「有効」になっていますが、通常はここに「今すぐインストール」と出ているので、クリックし、有効化します。

プラグインの設定画面に戻り、設定をクリック。

今から3か所チェックを入れます。

１　ベーシックタブ・メタデータを削除にチェック。画像の位置情報などの余計な情報を消すためです。

２　変換タブ・コンバージョンリンクを非表示にチェック。これは勝手に画像がPNG→JPG、JPG→PNGなどに変換しないようにするためです。

３　WebPタブ・JPG、PNGからWebPにチェックし変更を保存をクリック

変更を保存をクリックすると、その下にコードが出てくるので、これを.htaccessにコピペします。右下に大きくPNGと書かれていますが、設定が上手く行けば緑でWebPと表示されます。

エックスサーバーの設定

エックスサーバーにログインし、サーバーパネルに行きます。

１　.htaccess編集をクリック

２　ドメインを選ぶ

３　.htaccess編集をクリック

４　変更前はこの様になっています。この先頭にコードをコピペします。コピペだけなので間違えることは無いと思いますが、一字一句消さないように慎重にペーストしてください。

最後に右下にある「確認画面へ進む」をクリックし、間違いなければ「実行する」を押して完了です。

wordpressに戻って、プラグインのページしたにあるアイコンがWebPになっていたらOKです。

wordpressのサブディレクトリをWebP化する方法

上で紹介したやり方では、サブディレクトリに作ったwordpressには適応されないので、FTPソフトやウェブFTPを使ってサブディレクトリの.htaccessを編集します。

本来であればFilezillaなんかを使った方がいいのですが、大したカスタマイズじゃないので私はエックスサーバー上からやりました。

マネしないでくださいね。

１　ログイン後に「ファイル管理」をクリック

２　任意のドメインを選ぶ

３　Public_htmlをクリック

４　サブディレクトリのフォルダ（私の場合はlife）をクリック

５　.htaccessにチェックを入れ編集をクリック（.htaccessをクリックするとファイルがダウンロードされます）

６　Ewww Image Optimizerで表示されたコードを先頭にコピペ（コピペする前に元々書いてあるものをメモにコピペしておきましょう）

確認して間違ってなければ実行をして完了です。

プラグインに戻ると、先ほど赤でPNGと書いてあったものが、緑でWebPになっていればOKです。

Ewww Image Optimizerで変換する

wordpressの管理画面に戻り、設定→Ewww Image Optimizerをクリック。

ページ上の方に「一括最適化」と書かれたリンクがあるので、これをクリック。

次に、最適化されていない画像をスキャンするをクリックを押すと、全ての画像がWebPに変換されます。

写真の数にもよりますが、10分くらいかかったサイトもありました。

WebPに変換された確認方法

PageSpeed Insightで速度計測するなら、これを見ても確認はできます。

変換されていない写真もあるみたいですが、次世代規格になっていますね。

他の確認方法は、自分のサイトに行き、右クリックから「検証」をクリックし、サイトの中身をチェックします。

画面が2つに分かれるので、その右側の「Network」→「Img」をクリックして「Type」で確認できます。

 ここでWebPとなっていたら変換されていますが、なってないものも時々あります。

何故でしょう？

分かり次第追記しますね。

速度はどのくらい上がったのか？

3つのサイトをWebPに変えてトップページの速度を図ってみましたが、まぁまぁの変化ですね。

もうちょっと劇的に変わるかと思っていたのでちょっとショックですが、5分程度の作業で速度が上がったので、悪くないですね。

記事のページは、WebP変換前をスクショしていなかったのですが、10くらいスコアが上がっていました。

最後に

WebPは今後必須になって来るので、必ずやっておきましょうね。

高速化のためにWebPも大切ですが、遅いテーマを使っているといくら頑張っても遅いので、テーマ選びも重要ですね。

私は最近いくつかのテーマを買ったので、レビューも書いています。

「使ったからおすすめするwordpress有料テーマ8選」も一緒に読んでみて下さい。