- Published on
ほんとにおすすめ?データで比較するWordPressテーマの紹介
目次
wordpressのテーマを選ぶとき、どう選んだらいいかわからなかったり、何を基準に選んでいいかわからなかったりします。
有料無料問わず「これがいい」とか「ここがいい」、「SEOに強い」と紹介されていても、主観になりがちでなにがどういいのかよくわからず、とりあえず人気そうなテーマやおすすめされているテーマを選んでいる人もいると思います。
そのわかりづらい部分を可視化してみます。
今回はSEOの観点で以下を中心に、どういいのかを掘り下げて比較してみます。サイトの表示スピード(PC・モバイル)
サイトの表示スピード(PC・モバイル)
W3Cバリデーションチェック
構造化データ
W3Cバリデーションチェック
構造化データ
おまけでmetaタグ(ogp・Twitterカード・canonical)も確認します。
※ogp・TwitterカードはSNSでの見栄えをよくするもので、canonicalは正しいURLを検索エンジンに伝えるもの。
サイトのスピードチェックに使うツールは
googleのPageSpeed Insights
バリデーションチェックは
w3cが提供しているhttps://validator.w3.org/
構造化データのチェックに使うをツールは
こちらもgoogleの構造化データテストツール
metaタグチェックは目視です。
比較・チェックするテーマの選定は「wordpress テーマおすすめ」などで出てくるテーマになります。
チェックするページは各テーマサイトで用意されている、デモサイトのTOPページおよび記事詳細ページになります。
表示スピードについてはチェックを2回から3回行い、大幅な違いが出た場合は追記します。
有料テーマをデータで比較する
有料テーマはSEOをはじめ、カスタマイズもしやすいように工夫されています。
特別なことをしなくても誰でも見た目がよく、SEO対策ができているサイトが作れます。
「STORK」ストーク
表示速度を確認
TOPページの表示速度と診断結果
![](/_next/image?url=%2Fimages%2Fx%2Fstorkspeedtest-1024x310.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fstorkcheck-1024x425.png&w=3840&q=75)
スマホの表示速度
![](/_next/image?url=%2Fimages%2Fx%2Fstorkspeedtest-mobile-1024x339.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fstorkmobilecheck-1024x416.png&w=3840&q=75)
W3Cバリデーションチェック
https://validator.w3.org/nu/?doc=https%3A%2F%2Fdemo-stork.open-cage.com%2F
画像タグにaltがないという警告は画像を設置するときに設定すればいいのでそこまで気にするものではないです。
あとはh1の使い方やID重複のエラーや警告でした。
構造化データチェック
TOPページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fstorkstructured-1024x428.png&w=3840&q=75)
記事ページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fstorkstructured-single-1024x324.png&w=3840&q=75)
metaタグ
- ogpタグなし
- twittercardなし
- canonicalタグあり
「swallo」スワロー
表示速度を確認
TOPページの表示速度と診断結果
![](/_next/image?url=%2Fimages%2Fx%2Fswallowspeedcheck-1024x316.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fswallowdia-1024x452.png&w=3840&q=75)
スマホの表示速度
![](/_next/image?url=%2Fimages%2Fx%2Fswallowspeedchecksp-1024x314.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fswallowdiasp-1024x557.png&w=3840&q=75)
W3Cバリデーションチェック
https://validator.w3.org/nu/?doc=https%3A%2F%2Fdemo-swallow.open-cage.com%2F
目立ったのはimgタグに関するものでsrcがないよってことでした。
srcを使わずにdata-lazyで画像の読み込みを遅らせているようです。
構造化データチェック
TOPページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fswallowstructured-1024x323.png&w=3840&q=75)
構造化データは検出されなかったです。
記事ページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fswallowstructured-single-1024x346.png&w=3840&q=75)
パンくずリストと記事部分が構造化に対応しています。
metaタグ
- ogpタグなし
- twittercardなし
- canonicalタグあり
「albatros」アルバトロス
表示速度を確認
TOPページの表示速度と診断結果
![](/_next/image?url=%2Fimages%2Fx%2Falbatrosspeed-1024x303.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Falbatrosdia-1024x397.png&w=3840&q=75)
スマホの表示速度
![](/_next/image?url=%2Fimages%2Fx%2Falbatrossp-1024x340.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Falbatrosspdia-1-1024x504.png&w=3840&q=75)
W3Cバリデーションチェック
https://validator.w3.org/nu/?doc=http%3A%2F%2Fdemo-albatros.open-cage.com%2F
<article class="post-list cf" role="article">
上記の警告などがたくさんでてきますが
role="article"これいらないよといったものでそこまで気にするほどではなく修正も容易です。
あとはh1タグの使い方についてでした。
構造化データチェック
TOPページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Falbatrosstructured-1024x428.png&w=3840&q=75)
記事部分が構造化に対応しています。
記事ページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Falbatrosstructured-single-1024x356.png&w=3840&q=75)
パンくずリストと記事部分が構造化データに対応しています。
metaタグ
- ogpタグなし
- twittercardなし
- canonicalタグあり
「THE THOR」 ザ・トール
表示速度を確認
TOPページの表示速度と診断結果
![](/_next/image?url=%2Fimages%2Fx%2Ftherhorspeed-1024x323.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fthethordia-1024x516.png&w=3840&q=75)
スマホの表示速度
![](/_next/image?url=%2Fimages%2Fx%2Fthethorspeedsp-1024x318.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fthethorspdia-1024x480.png&w=3840&q=75)
W3Cバリデーションチェック
https://validator.w3.org/nu/?doc=https%3A%2F%2Fthor-demo01.fit-theme.com%2F
警告もエラーも少なかったです。
というか画像の枠線0指定だけなので、ここだけ解消すればオールクリアですね。
構造化データチェック
TOPページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fthethorstructured-1024x307.png&w=3840&q=75)
構造化データは検出されず。
記事ページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fthethorstructuredsp-1024x365.png&w=3840&q=75)
パンくずリストと記事部分が構造化データに対応しています。
metaタグ
- ogpタグあり
- twittercardあり
- canonicalタグあり
SANGO
SANGOのテーマはこちら
表示速度を確認
TOPページの表示速度と診断結果
![](/_next/image?url=%2Fimages%2Fx%2Fsangospeed-1024x295.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fsangodia-1024x394.png&w=3840&q=75)
スマホの表示速度
![](/_next/image?url=%2Fimages%2Fx%2Fsangospeedsp-1024x305.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fsangospdia-1024x415.png&w=3840&q=75)
W3Cバリデーションチェック
https://validator.w3.org/nu/?doc=https%3A%2F%2Fsaruwakakun.design%2F
スクリプトのタイプ属性いらないってこととIDかぶってるよーといったエラーでした。
構造化データチェック
TOPページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fsangostractured-1024x298.png&w=3840&q=75)
構造化データは検出なし。
記事ページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fsangostructuredsp-1024x361.png&w=3840&q=75)
パンくずリストと記事部分が構造化データに対応しています。
metaタグ
- ogpタグあり
- twittercardあり
- canonicalタグあり
JIN
JINのテーマはこちら
表示速度を確認
TOPページの表示速度と診断結果
![](/_next/image?url=%2Fimages%2Fx%2Fjinspeed-1024x304.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fjindia-1024x495.png&w=3840&q=75)
スマホの表示速度
![](/_next/image?url=%2Fimages%2Fx%2Fjinspeedsp-1024x313.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fjindiasp-1024x554.png&w=3840&q=75)
W3Cバリデーションチェック
https://validator.w3.org/nu/?doc=https%3A%2F%2Fjin-demo.jp%2Fdemo-1%2F
構造化マークアップのエラーが少々ありました。
itempropはこのタグじゃ許可されてないよーだったり、CSSのエラーがありました。子テーマの問題かなと思いましたがインライン要素でのエラーだったりがありました。
構造化データチェック
TOPページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fjinstructured-1024x582.png&w=3840&q=75)
細かく構造化データが設定されていますが、BlogPostingにエラーが出ているので追ってみます。
![](/_next/image?url=%2Fimages%2Fx%2Fjinstructurederror-1024x388.png&w=3840&q=75)
urlフィールドが未設定のためエラーがでているようでした。
修正するにはテーマファイルの中身をイジる必要があります。自力で修正もいいのですが今後のアップデートの内容によっては上書きされてしまうので、おとなしくアップデート修正を待ったほうがいいかもしれません。
記事ページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fjinstructured-single-1024x651.png&w=3840&q=75)
記事ページもしっかり構造化データが設定されていました。
エラーがでていますが、内容はTOPページ同様にurlフィールドの未設定によるものでした。
metaタグ
- ogpタグあり
- twittercardあり
- canonicalタグあり
Diver
Diverのテーマはこちら
表示速度を確認
TOPページの表示速度と診断結果
![](/_next/image?url=%2Fimages%2Fx%2Fdiverspeed-1024x304.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fdiverdia-1024x669.png&w=3840&q=75)
スマホの表示速度
![](/_next/image?url=%2Fimages%2Fx%2Fdiverspeedsp-1024x287.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fdiverdiasp-1024x634.png&w=3840&q=75)
W3Cバリデーションチェック
https://validator.w3.org/nu/?doc=https%3A%2F%2Ftan-taka.com%2Fdiver-demo
scriptタグはtype属性いらないよーってこととulタグについてだったり、見出しないよと多数のエラーなどありました。
構造化データチェック
TOPページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fdiverstructured-1024x422.png&w=3840&q=75)
ナビゲーションとサイト全体として構造化データに対応しています。
記事ページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fdiverstructured-single-1024x523.png&w=3840&q=75)
ナビゲーション、パンくずリスト、記事部分が構造化に対応しています。
metaタグ
- ogpタグあり
- twittercardあり
- canonicalタグあり
無料テーマをデータで比較する
無料テーマと聞くと有料テーマに劣ると思いがちです。
表示速度や検索結果に関わる重要な部分はどうなっているのかみていきましょう。
stinger
stingerのテーマはこちら
アフィリエイトに特化した「アフィンガー」はこちら
表示速度を確認
TOPページの表示速度と診断結果
![](/_next/image?url=%2Fimages%2Fx%2Fstingerspeed-1024x307.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fstingerdia-1024x302.png&w=3840&q=75)
スマホの表示速度
![](/_next/image?url=%2Fimages%2Fx%2Fstingerspeedsp-1024x288.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fstingerdiasp-1024x357.png&w=3840&q=75)
オール100の数字!驚愕です。
PC、スマホともに満点のスコアを叩き出しています。
もともとシンプルなテーマなので、カスタマイズをしてもスコアが維持できるとは限らないのでご注意ください。
W3Cのバリデーションチェック
https://validator.w3.org/nu/?doc=http%3A%2F%2Faf-themewp.com%2Fstinger8%2F
scriptタグはtype属性いらないよーってことと、記事に見出しがないからh2-h6を使ってということでした。(TOPページ)
構造化データチェック
TOPページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fstingerstructured-1024x309.png&w=3840&q=75)
構造化データはありません。
記事ページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fstingerstructured-single-1024x349.png&w=3840&q=75)
パンくずリストと記事部分が構造化データに対応しています。
metaタグ
- ogpタグなし
- twittercardなし
- canonicalタグあり
Simplicity
テーマ「simplicity」はこちら
表示速度を確認
TOPページの表示速度と診断結果
![](/_next/image?url=%2Fimages%2Fx%2Fsimplicityspeed-1024x317.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fsimplicitydia-1024x464.png&w=3840&q=75)
スマホの表示速度
![](/_next/image?url=%2Fimages%2Fx%2Fsimplicitysp-1024x316.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fsimplicitydiasp-1024x304.png&w=3840&q=75)
W3Cのバリデーションチェック
https://validator.w3.org/nu/?doc=https%3A%2F%2Fsimplicity.sample.mixh.jp%2F
scriptのタイプ属性は省略していいよーという内容でした。
構造化データチェック
TOPページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fsimplicitystructured-1024x441.png&w=3840&q=75)
サイト全体、組織、記事部分が構造化データに対応しています。
記事ページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fsimplicitystructured-single-1024x553.png&w=3840&q=75)
サイト全体、組織、パンくずリスト、記事部分が構造化データに対応しています。
metaタグ
- ogpタグあり
- twittercardあり
- canonicalタグあり
Luxeritas
テーマは「Luxeritas」はこちら
表示速度を確認
TOPページの表示速度と診断結果
![](/_next/image?url=%2Fimages%2Fx%2Fluxeritasspeed-1024x295.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fluxeritasdia-1024x560.png&w=3840&q=75)
スマホの表示速度
![](/_next/image?url=%2Fimages%2Fx%2Fluxeritasspeedsp-1024x285.png&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fx%2Fluxeritasdiasp-1024x593.png&w=3840&q=75)
公式サイトでは100に近いスコアが紹介されていまして、今回は同様のスコアがでず、なんでだろうとよくみると原因がわかりました。
画像をみるとわかりますが、サーバーの応答速度に原因がありました。
なので、テーマを使用するサーバーでこの応答速度は変わります。
何度かチェックをするとスコアが改善されたりしたのでサーバーの応答速度はかなり大事ですね。
![](/_next/image?url=%2Fimages%2Fx%2Fluxeritasspeedretry-1024x277.png&w=3840&q=75)
W3Cのバリデーションチェック
https://validator.w3.org/nu/?doc=https%3A%2F%2Fthk.kanzae.net%2Fwp%2F
エラー内容は画像タグでsrcsetに関するものでした。
同じエラーが重複しているだけなので、ここだけ解消すればオールクリアです。
構造化データチェック
TOPページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fluxeritasstructured-1024x914.png&w=3840&q=75)
サイト全体、パンくず、記事、コメント、組織、ヘッダー、フッター、ナビゲーション、著者などがマークアップされています。
記事ページの構造化データ
![](/_next/image?url=%2Fimages%2Fx%2Fluxeritasstructured-single-1024x903.png&w=3840&q=75)
記事もサイト全体、パンくず、記事、コメント、組織、ヘッダー、フッター、ナビゲーション、著者などがマークアップされています。
公式サイトにも構造化マークアップ対応してますよーと説明がありましたが、がっつり対応されてますね。
ここまできっちり対応されていると気持ちがいいです。
metaタグ
- ogpタグあり
- twittercardあり
- canonicalタグあり
まとめ
今回はカスタマイズについては触れずに表示速度や内部構造が中心でした。
有料テーマはやはりおさえるとこはおさえていて、ここにカスタマイズ性が加わるのでさすがだなといった印象でした。
無料テーマは有料テーマを凌ぐスコアや内部構造になっているものがあるので、そのへんは把握しておきたいポイントかなと思います。
- 有料無料問わずPCとモバイルともに表示速度が90以上のスコアがあたりまえになってきている。
- W3Cのバリデーションエラーは少なからずどのテーマでもある。
- 構造化データの対応も有料テーマだけではない、むしろ無料テーマのほうがこまかく対応している場合もある。
- 有料だからいいわけではない。
あえてこのテーマがおすすめですとは言いませんが
有料テーマのザ・トールはどのチェック項目でも評価がよく、気になりました。
無料テーマはどれも評価がよく、特にLuxeritasはエラーもほとんどなく、構造化データのマークアップがしっかりしていたのが印象的です。
※テストはデモサイトになるので運用中のサイトにテーマを適応した場合は結果が変わる可能性があります。
特にプラグインをたくさん使っている場合は表示速度が大幅に変わる可能性があります。
構造化データは対応していなくても直接SEOに影響するものではありません。(SEOに直接影響するソースがありましたらご連絡頂けますと助かります。)
テーマ選びの参考になれば幸いです。