-ブログ運営半年で月20万超の元サラリーマンブロガーなつです。
THE THOR（ザ・トール）には54種類もの特徴があります。これらの特徴はTHE THORの元になった無料テーマLION BLOGの頃からの経験値などの集大成でもあります。
LIONBLOGでも無料テーマとは思えないくらいSEO対策は力を入れているWordpressテーマなので、有料のTHE THORになって、さらにパワーアップされています。
THE THOR（ザ・トール）のSEO対策はどんな内容なのかお伝えしていきます。
- 最新のコーディング（HTML5+CSS3）
- 画像遅延読み込み・CSS非同期読み込み
- 記事本文とパンくずナビで構造化マークアップ
- PWA導入
- AMP導入
- Gzip 圧縮
- ブラウザキャッシュ
- 見える化システム
- title・meta description・meta robotの設定が記事ごとにできる
- 内部SEO対策
もくじ
- 1 SEO対策の意味とメリット
- 2 THE THOR SEO対策への手段＆技術
- 3 THE THORの複数のSEO対策
- 4 THE THORのSEO対策 1. 「最新のコーディング（HTML5+CSS3）」
- 5 THE THORのSEO対策 2. 「画像遅延読み込み・CSS非同期読み込み」
- 6 THE THORのSEO対策 3. 「本文とパンくずナビで構造化マークアップ」
- 7 THE THORのSEO対策 4. 「PWA導入」
- 8 THE THORのSEO対策 5. 「AMP導入」
- 9 THE THORのSEO対策 6. 「Gzip 圧縮」
- 10 THE THORのSEO対策 7. 「ブラウザキャッシュ」
- 11 THE THORのSEO対策 8. 「見える化システム」
- 12 THE THORのSEO対策 9. 「title・meta description・meta robotの設定が記事ごとにできる」
- 13 THE THORのSEO対策 9-1 「titleタグとは？」
- 14 THE THORのSEO対策 9-2「meta descriptionとは？」
- 15 THE THORのSEO対策 9-3「meta robotとは」
- 16 THE THORのSEO対策 10. 「内部SEO対策」
- 17 THE THORのSEO対策 まとめ
- 18 初心者だからこそWordpress有料テーマ を使うべき理由
SEO対策の意味とメリット
ひとことにSEO対策といっても一体どんなことをすればよいのか、どんな効果があるのかピンとこないかもしれません。
そこで、この章ではSEO対策とはなんぞやということを頭に少し入れてからTHE THORのSEO対策をお伝えしようと思います。
SEOの言葉自体の意味は検索エンジン最適化（Search Engine Optimization）の英語の頭文字をとったものを言います。
- 目的：自分のページを検索で上位表示させるため
- メリット：ブログのPVが増えたり集客して成果につなげられる
上位表示されるということは、ユーザーにまっ先に読んでもらえるということです。過去に行われた検証では検索順位はクリック率にも影響があるという結果が出るほどです。
1位「21.12％」2位「10.65％」3位「7.57％」・・・・。
この数値だけではなく、同じキーワードで並ぶブログって結構よく似たことが書いてありますので、初めて検索をかけたユーザーは、上位のページを読みすすめ下の順位のページを読むと「あ・・・さっき読んだ」となってしまうわけです。
つまり、できるだけ上位に表示させることが稼ぐブログにできるかどうかのカギを握っています。
THE THOR SEO対策への手段＆技術
上位表示を目指すにいは具体的にどんなことをすればよいのか一般的な手段と技術を見ていきましょう。
- ユーザーへの価値あるコンテンツを提供（専門性・権威性）
- 検索意図の理解
- 内部施策で検索エンジンにブログ内を正しく理解してもらうようにWebページを最適化する
- ページスピードを速くしユーザービリティを高める
上記を見ると、①と②はブロガーが記事を書く時やキーワード選定の時に気を付けなければいけないポイントです。
そして、③と④とは技術的にブログの内部を調整することで施策できることです。つまり、③と④部分はTHE THORのようなWordpressテーマのSEO対策でカバーします。
THE THORの複数のSEO対策
THE THOR（ザ・トール）のSEO対策はひとつだけではありません。内部SEOといわれる基本的な部分からモバイルなども関連した最新技術まで取り入れています。
上位表示とサイトの高速読み込み、高速表示のためのたくさんの施策がTHE THOR（ザ・トール）では行われています。
| THE THORのSEO対策 | 具体的な内容 |
|---|---|
| 最新のコーディング（HTML5+CSS3） | モバイルフレンドリーに対応するためのコーディング |
| 画像遅延読み込み・CSS非同期読み込み | 画像読み込みの時間差でページを速く開く |
| 記事本文とパンくずナビで構造化マークアップ | 検索ロボットにサイト内容を適切に伝える |
| PWA導入 | モバイル端末でアプリのような機能で高速化をめざす |
| AMP導入 | モバイル端末でサイトを高速表示 |
| Gzip 圧縮 | データやファイルをサーバーで圧縮 |
| ブラウザキャッシュ | ユーザー側にWeb情報を記録させる |
| 見える化システム | THE THOR特有の管理システム |
| title・meta description・meta robotの設定 | どんなサイトなのか人にもクローラにもわかりやすくする |
| 内部SEO対策 | アーカイブなどでもmeta descriptionが設置可能 |
SEO対策だけでもこれだけあります。もしこれを各自単独でやろうと思えばかなりの労力と時間が必要になってきます。
ここからは一覧表の内容を詳しく説明していきます。
- 最新のコーディング（HTML5+CSS3）
- 画像遅延読み込み・CSS非同期読み込み
- 記事本文とパンくずナビで構造化マークアップ
- PWA導入
- AMP導入
- Gzip 圧縮
- ブラウザキャッシュ
- 見える化システム
- title・meta description・meta robotの設定が記事ごとにできる
- 内部SEO対策
このブログからTHE THORをご購入くださった方にマニュアルをプレゼントしています。
※他のデザインは以下の記事で見れますので覧ください。
⇒【簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジを紹介！
※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。
THE THORのSEO対策 1. 「最新のコーディング（HTML5+CSS3）」
| SEO対策 最新のコーディングのメリット |
|
|---|
Webサイトを作るうえで構成されるのがHTMLとCSSです。簡単にいうと、HTMLとは、サイトの「タイトル」「見出し」「段落、箇条書き」などを構成する言語のこと。
CSSとは、HTMLで構成されたページの装飾などの体裁を整える言語です。
これまでのHTMLやCSSでは、スマホでサイトを見たとき見づらくなることがありました。ここ数年、Googleではスマホからの閲覧に最適な（モバイルフレンドリー）サイトを検索順位で優遇するためにサイトでも対策が必要となったのです。
そこで、スマホからサイト見やすくする最新のHTML5とCSS3を使ってSEO対策をしています。
この対策をすることによって評価もあがり上位表示が目指せます。
THE THORのSEO対策 2. 「画像遅延読み込み・CSS非同期読み込み」
| SEO対策 画像遅延読み込み・CSS非同期読み込みのメリット |
|
|---|
記事に設置した画像って意外に重い場合があります。そのため画像の容量をコンパクトにしたり拡大できるようにしたりします。
画像遅延読み込みとは
たとえば、ブログを開いた時、なかなか表示されないとイライラしますよね？大きく重い画像や容量の大きい動画など載せていたらフリーズして固まることもあります。
画像遅延読み込みとは、ページを開いた時に、画面には表示されていない画像は読み込まないで、読者がスクロールで読み進めていくと画像が表示されて全体の表示の高速化をする方法です。
CSS非同期読み込みとは
CSSでもそこまで必要のないものを非同期で表示することによってページスピードの向上をねらうことです。
画像遅延読み込み・CSS非同期読み込みも、わかりやすく言うと、すぐに必要のないものは後から表示させてできるだけサイトの必要ページを速く読者に届けるという手法です。
THE THORのSEO対策 3. 「本文とパンくずナビで構造化マークアップ」
| SEO対策 本文とパンくずナビで構造化マークアップのメリット |
|
|---|
THE THOR（ザ・トール）では、本文とパンくずナビで構造化マークアップをしています。
構造化マークアップとは、検索ロボットがよりわかりやすくテキストにメタデータとして意味を持たせて検索エンジンが検索する人に意図に合った情報を提示できるようにする施策です。
パンくずナビとは
ブログの読者が今ブログのどのあたりに居るのか見た目でわかりやすくするために、上位階層から順番にリストにしてリンクを設置したものです。
ブログの構造をわかりやすくして、ロボットがサイトの内容を理解し検索エンジンが適切に表示することはとても大事なことです。
この対策により、サイトの評価にも関係してきます。
THE THORのSEO対策 4. 「PWA導入」
| SEO対策 PWAのメリット |
|
|---|
PWAとは「Progressive Web Apps」の略で、モバイル端末でブログを表示するときに、アプリのように使える仕組みです。
読み込みが早くなるので見ている人にストレスを与えません。
THE THORのSEO対策 5. 「AMP導入」
| SEO対策 AMPのメリット |
|
|---|
モバイル端末でWEBサイトを高速表示させる技術がAMPです。（GoogleとTwitterが共同で開発）通常よりも速度がアップしますので、ユーザビリティの向上にもつながります。
AMPがなぜ表示速度が速くなるかというと、通常なら検索をするとWebサーバにあるHTMLを読みにいくところを、AMPではグーグルにキャッシュされたHTMLを読み込むのでひと手間が省けることになるので表示速度が速くなります。
THE THORのSEO対策 6. 「Gzip 圧縮」
| SEO対策 Gzip 圧縮 のメリット |
|
|---|
Gzip 圧縮とは重くなりがちなデータやファイルをサーバー上で圧縮する方法でファイルのサイズを小さくすることができます。この対策によって通信量の負荷を減らしたり、ページの表示速度が速くなったりというメリットがあります。
THE THORのSEO対策 7. 「ブラウザキャッシュ」
| SEO対策 ブラウザキャッシュのメリット |
|
|---|
読者のブラウザにWEBデータを記憶（保存）させることです。同じデータならばサーバーからわざわざ取得する必要がなくなるので速度向上につながります。
THE THORのSEO対策 8. 「見える化システム」
| SEO対策 見える化のメリット |
|
|---|
THE THOR（ザ・トール）には見える化システムといって、ブログの訪問者などがいつどのページに訪れたのかなどが一覧でわかるようになっています。
- 総合閲覧数
- 平均閲覧数
- タイトル文字数
- 本文文字数
- タイトル内キーワード数
- 本文内キーワード数
- 内部リンク数
- 外部発リンク数
THE THORのSEO対策 9. 「title・meta description・meta robotの設定が記事ごとにできる」
| SEO対策 title・meta description・meta robotのメリット |
|
|---|
記事ごとに「title」「meta description」「meta robot」の設定ができます。サイトの最適なタイトルやどんなブログなのかなどユーザー絵に検索一覧でわかるようにしたりすることです。
これらを適切に設置することでブログを読む人にわかりやすく、さらに検索ロボットにも理解しやすい構造になります。
具体的にはどんなものなのか説明していきます。
THE THORのSEO対策 9-1 「titleタグとは？」
HTMLファイルでheadタグの中に配置するそのページのタイトルを表すタグのことです。わかりづらいので、どんな場所に現れるものなのか説明すると例えば検索をかけた場合に以下のようにでてきます。
titleタグに設定したタイトルは、検索結果に出てきますので、検索した人やクローラーにとってもそのサイトにはどんなことが書かれているのか確認できます。
サーチコンソールにもタイトルの重要性が書かれていますので、titleでのSEO対策は有効です。
THE THORのSEO対策 9-2「meta descriptionとは？」
そのページのコンテンツにはどんな内容なのか100文字程度で要約したような文章で、HTMLの中に記述するものです。
検索結果で見ると以下の部分です。
メタディスクリプションの重要性はサーチコンソールでも以下のように説明されています。
それぞれのページに合った説明を作成する。検索結果に表示される個々のページについて、同じまたは類似する説明を使用してもあまり意味がありません。型どおりの説明は表示される可能性が低くなります。個々のページを正確に表す説明を記述してください。
THE THORのSEO対策 9-3「meta robotとは」
HTMLの<head>のタグの中にあるメタタグの一種。メタタグとは、Webページの情報を検索エンジンにインデックスしないでほしいとかキャッシュはやめてほしいとかクローラーの動作を制御する働きをするものです。
title・meta description・meta robotを適切に配置することによって上位表示などが期待されます。
THE THORのSEO対策 10. 「内部SEO対策」
| SEO対策 内部SEOのメリット |
|
|---|
アーカイブページやカテゴリ・タグページでも個別にtitle・meta descriptionの設定が可能になっています。他のテーマではこの部分はSEO対策ができていないものが多いので、他のブログを差をつける意味でも有効な対策です。
THE THOR（ザ・トール）の10個のSEO対策とそれがどんなものなのかを説明してきました。これを自分でやろうとするととてつもない作業となります。
THE THOR（ザ・トール）には、SEO対策だけではなくて、その他エディター、デザイン、パーツなど数多くの特徴がありますので、有料ではありますが、コスパの非常に良いWordpressテーマです。
THE THORのSEO対策 まとめ
ここまでTHE THORで公表されているSEO対策についてお伝えしてきました。他のWordpressテーマではSEO対策はされているもののここまで多くはありません。
もちろん、SEO対策だけでは上位表示は難しいですが、稼げるジャンルはどのキーワードもいっぱいなので、ほんの少しでも差をつけたいところです。
SEO対策は目に見えるわけではなくどれがどう効いているのかもわかりづらいかもしれません。しかし、ライバルより上に行きたい場合にはきめ細やかな施策のTHE THORも検討してみてください。
↓ 当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。
初心者だからこそWordpress有料テーマ を使うべき理由
無料テーマを使うことで時間の無駄遣いをしていませんか？
- 思い通りのデザインにできない・・・
- なかなか稼げない・・・
- アクセス数が増えない・・・
こんな悩みを抱えていませんか？
稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。
Wordpressの有料テーマができる５つのこと
- 検索上位を目指せる
- 見た目が綺麗でおしゃれになる
- 機能が豊富で出来ることが多い
- 会員フォームなどのサポート
- 有名ブロガーも有料テーマを使っている
これまでにあげた5つの有料テーマの特徴を説明していきます。
1. 検索上位を目指せる
ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。
- 情報の信頼性
- ユーザーへの役立つ情報であるか？
- スマホ・PCなどでストレスなく使える
などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。
2. 見た目が無料テーマ以上に綺麗になる
シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。
有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。
出典：THE THOR 着せ替え「01」
↓ クリックで拡大します
出典：特製THE THORオリジナルアレンジ
3. 機能が豊富でできることが多い
今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。
4. 会員フォーラムなどのサポート
なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。
5. 有名ブロガーも多数使用
稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。
もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。
カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。
