【THE THORのSEO対策】初心者向けに画像付きで解説

 

Chiharu
Chiharu

今回は、WordPressテーマ「THE THOR」SEO対策についてまとめました。

THE THORは、ブログ全体・ページごとに簡単にSEO対策ができるので、ぜひおためしください。

 

THE THOR ブログ全体にできる12のSEO対策

 

1.自動生成サイトマップ
2.お問い合わせページ
3.アクセス解析
4.記事分析
5.目次
6.TOPページSEO
7.CSSの非同期読み込み
8.img非同期読み込み
9.htaccess設定
10.HTML圧縮
11.Follow
12.サイト基本情報

 

【ブログ全体のSEO対策1】自動生成サイトマップ

 

THE THORの自動生成サイトマップは、サイトマップを自動で生成する機能です。

 

サイトマップは、読者さんにブログを読んでもらいやすくするため、検索エンジンにブログの存在を認知してもらうために必要なSEO対策のひとつ。

 

カスタマイザーからサイトマップに表示する内容を指定して、サイトマップページを作成します。

 

カスタマイザー サイトマップ基本設定>自動生成サイトマップ設定>固定ページ・投稿・カスタム投稿タイプ設定

固定ページ・投稿ページ・カスタム投稿を、それぞれ表示・非表示を選択して、表示を選択したときは、どこまで表示するのか指定します。

 

固定ページ新規追加
  1. ダッシュボード
  2. 固定ページ
  3. 新規追加

 

ダッシュボード サイトマップ
  1. タイトルに「サイトマップ」と入力
  2. パーマリンクに「sitemap」 して「OK」をクリック
  3. 「サイトマップTPL」を選択
  4. 公開 をクリック

 

サイトマップの詳しい作成方法は下記のページを参考にしてください。

 

【ブログ全体のSEO対策2】お問い合わせページ

 

THE THORのお問い合わせページ設定は、お問い合わせページを作成するための機能です。

 

お問い合わせページがあると、読者さんからの連絡をいつでも受け付けることができます。SEO対策の中で、いつでも連絡ができる状態にすることは大切なことのひとつ。ぜひ、お問い合わせページを作成しましょう。

 

THE THORは、お問い合わせページに表示する項目を指定してから、お問い合わせページを作成します。

 

カスタマイザー  お問い合わせ基本設定>お問い合わせページの設定>お問い合わせページの設定>新規固定ページ>お問い合わせTPページ作成
お問い合わせページに表示する項目・お問い合わせ送信後に表示するメッセージなどを入力します。

 

固定ページ新規追加
  1. ダッシュボード
  2. 固定ページ
  3. 新規追加

 

お問い合わせページ
  1. タイトルに「お問い合わせ」と入力、エンターキーを押す
  2. パーマリンクの 編集 をクリックしてアルファベットでURLを入力
  3. 「お問い合わせTPL」を選択
  4. 公開 をクリック

 

お問い合わせページの詳しい作成方法は、下記のページを参考にしてください。

 

【ブログ全体のSEO対策3】アクセス解析

 

THE THORのアクセス解析は、グーグルの解析ツール「グーグルアナリティクス・グーグルサーチコンソール」と連携するための機能です。

 

グーグルアナリティクス・グーグルサーチコンソールを詳しく知りたい方は、下記のページを参考にしてください。

 

 

グーグルアナリティクス・グーグルサーチコンソールで連携用のコードをコピーして、THE THORのアクセス解析に貼り付けます。

 

データをもとに読者さんの役に立つ・質の高いブログにするために改善できますので、データ収集はお早めに。

 

カスタマイザー アクセス解析
基本設定>アクセス解析設定>Google AnalyticsのトラッキングID・Google Search Consoleの認証ID

 

【ブログ全体のSEO対策4】記事分析

 

THE THORの記事分析は、「見える化」という独自の機能で、記事分析の結果を投稿一覧からまとめて確認できます。

 

見える化
投稿一覧から確認できること
・総合閲覧数
・1日平均閲覧数
・記事タイトルの文字数
・記事全体の文字数
・確認したいキーワード数
・内部リンク、外部リンク数

 

カスタマイザー 記事分析基本設定>記事分析設定>記事分析設定

 

【ブログ全体のSEO対策5】目次

 

THE THORの目次は、読者さんが読みたい項目をクリックすると、その項目に移動して表示されるため利便性が高くなります。

 

そして、目次があると検索結果で下記(グーグル検索結果)のように目次を含めて表示されるようになるので、Webページを開かなくても読みたい記事の読みたい項目から読むことができます。

 

グーグル検索結果

 

THE THORの目次は、カスタマイザー から投稿・固定ページのそれぞれの設定が必要になりますので、ご注意くださいね。

 

カスタマイザー 投稿目次投稿ページ設定>目次設定>目次の設定

 

カスタマイザーで目次を表示を選択すると、新規投稿の右側に「個別非表示設定」が表示されます。

非表示にしたいときは、「目次を非表示にする」をクリックしてチェックを入れます。

 

カスタマイザー  固定ページ目次固定ページ設定>目次設定>目次の設定

 

カスタマイザーで目次を表示を選択すると、新規投稿の右側に「個別非表示設定」が表示されます。

非表示にしたいときは、「目次を非表示にする」をクリックしてチェックを入れます。

 

【ブログ全体のSEO対策6】TOPページSEO

 

THE THORのTOPページSEO設定は、TOPページのタイトル・メタディスクリプションを設定できます。

 

タイトル・メタディスクリプションは、本に例えると、本の題名・あらすじにあたり、グーグルの検索結果で下記の画像のように表示されます。

 

グーグル検索結果

 

本屋さんで本を選ぶとき、「求めている情報はある?わかりやすい?おもしろい?」など自分に合う本を選ぶのと同じで、Webでは

タイトル・メタディスクリプションを参考に判断されます。

 

重要なところなので、できるだけていねいに作成するようにしましょう。

 

それと、タイトルは下記の画像のようにウィンドウのタブにも表示されます。

 

ファビコン

 

カスタマイザー メタディスクリプションSEO設定>TOPページSEO設定>TOPページの<title>・TOPページの<meta description>

TOPページの<title>:30〜35文字を目安に入力
(検索結果で表示されるタイトルの文字数は、PCで30~35文字ほど、スマホで36~41文字ほど)

TOPページの<meta description>:80〜100文字を目安に入力
(検索結果で表示されるメタディスクリプションの文字数は、PCで110~130字ほど、スマホで60~80字ほど)

 

文字数を確認するには、こちらのページが便利ですよ。作成した文章をコピペして「字数を数える」をクリックすると、文字数がわかります。

 

【ブログ全体のSEO対策7】CSS非同期読み込み

 

THE THORのCSS非同期読み込み設定は、CSS(レイアウト)を遅れて読み込ませページ表示を速くするするための機能です。

 

SEO対策でページ表示の速さも大切なことのひとつ。ただ、CSS非同期読み込みは一時的にレイアウトが崩れたりするので注意が必要です。そのため、おすすめの設定内容もお伝えしますね。

 

カスタマイザー CSSSEO設定>CSSの非同期読み込み設定>TOPページSEO設定

メインCSS(style.css)を非同期読み込みにする:レイアウトが一時的に崩れるためチェックしない

子テーマCSS(style.css)を非同期読み込みにする:レイアウトが一時的に崩れるためチェックしない

アイコンフォントCSS(icon.min.css)を非同期読み込みにする:チェック

GoogleフォントCSS(Lato)を非同期読み込みにする:チェック

GoogleフォントCSS(Fjalla)を非同期読み込みにする:チェック

SwiperCSS(swiper.min.css)を非同期読み込みにする:チェック

YTPlayerCSS(jquery.mb.YTPlayer.min.css)を非同期読み込みにする:メインビジュアルの背景動画の読み込み:チェック

 

【ブログ全体のSEO対策8】img非同期読み込み

 

THE THORのimg非同期読み込み設定は、img(画像)を遅れて読み込ませページ表示を速くするための機能です。

 

img非同期読み込みはページを速く表示できますが、一時的に画像の表示が遅れるため好みに合わせて設定するようにしてください。ちなみに、当ブログは設定していません。

 

カスタマイザー img非同期読み込みSEO設定>imgの非同期読み込み設定>imgの非同期読み込み

 

【ブログ全体のSEO対策9】htaccess

 

THE THORのhtaccess設定は、ブラウザキャッシュとGzip圧縮を有効にするための機能です。

 

ブラウザキャッシュは、ブラウザ(Google Chrome・Safari・Firefoxなど)で表示したウェブページのデータを一時的にコンピューターに保存する機能のこと。ブラウザキャッシュをすることで、ページを速く表示することができます。

 

Gzipは圧縮の方法のことです。

 

設定するとページを速く表示できます。htaccess設定は、カスタマイザー・ダッシュボード両方の設定が必要になるので、お忘れなく。

 

カスタマイザー htaccessSEO設定>htaccess設定>htaccess設定

有効化するにチェックを入れて「公開」したら、ダッシュボード>設定>パーマリンク設定へ移動し、「変更を保存」ボタンをクリック。これで設定内容が反映されます。

 

【ブログ全体のSEO対策10】HTML圧縮

 

THE THORのHTML圧縮設定は、HTMLを圧縮することで読み込みを速くするための機能です。

 

カスタマイザー HTML圧縮SEO設定>HTML圧縮設定>HTML圧縮

 

【ブログ全体のSEO対策11】Follow

 

THE THORのFollow設定は、SNSでシェアされたときにブログのタイトルや画像などを正しく伝えるための機能です。

 

検索エンジンよりSNSを使って情報収集する人が増えてきているため、設定をおすすめします。

 

カスタマイザー SNSフォローSNS設定>Follow設定>それぞれのSNS

 

SNS URL

ツイッターやインスタグラムなど、自分のSNSアカウントを検索してページを開きます。

ページが表示されたら上部のアドレスバーに表示されているURLがSNSアカウントのURLです。

 

【ブログ全体のSEO対策12】サイト基本情報

 

THE THORのサイト基本情報は、サイトのタイトル・キャッチフレーズ・サイトアイコンを設定することができます。

 

サイトのタイトルは、ダッシュボード>設定>一般>サイトのタイトルと連動しているので、内容を確認すればOKです。空白のときは、ブログのタイトル(ブログ名)を入力します。

 

キャッチフレーズは、「Just another WordPress site」となっていたら削除して空白にします。

 

サイトアイコンは、「ファビコン」と呼ばれるシンボルマークのことで、ウィンドウのタブやお気に入り登録されるとアイコンが表示されます。

 

ファビコン

 

サイトアイコン(ファビコン)用の画像はあらかじめ正方形で作成します。canvaなどを使えば初心者さんも簡単にファビコンが作れますのでおためしください。

 

カスタマイザー サイト基本情報
カスタマイザー サイト基本情報

サイト基本情報>サイトのタイトル・キャッチフレーズ・サイトアイコン

 

THE THOR AMP・PWA

 

THE THORは、最新技術のAMP・PWAが利用できます。どちらも、スマホでWebページを高速表示するための技術のこと。

 

AMP:スマホでインターネットを使うときにサイトを素早く表示させるための型

PWA:Webサイトをアプリのように使えるようにするための型

 

Chiharu
Chiharu

THE THORを使えば簡単に設定ができますが、最新技術のためエラーの対応が大変なので、当ブログは利用していません。

AMP・PWAを利用しなくても検索順位を上げることは可能なので、ブログ作成に慣れて余裕ができたら利用するといいと思いますよ。

 

グーグルサーチコンソール

 

THE THOR ページごとのSEO対策

 

THE THORは、投稿・固定ページのページごとにSEO対策することができます。

 

ページ作成の下部にSEO対策の項目があるので、タイトル・メタディスクリプション・メタロボットを設定します。

 

投稿 SEO

 

投稿(記事)・固定ページのタイトルを30〜35文字を目安に入力
(検索結果で表示されるタイトルの文字数は、PCで30~35文字ほど、スマホで36~41文字ほど)

 

80〜100文字を目安に入力
(検索結果で表示されるメタディスクリプションの文字数は、PCで110~130字ほど、スマホで60~80字ほど)

 

文字数を確認するには、こちらのページが便利です。コピペして「字数を数える」をクリックすると、文字数が表示されます。

 

必要なところにチェックを入れる

NoIndex:検索結果で表示させないようにする
NoFollow:リンクをたどらないようにする
NoSnippet:スペニットを表示させないようにする
NoArchive:キャッシュさせないようにする

 


 

おつかれさまでした。

 

以上、【THE THOR投稿のカスタマイズ】初心者向けに画像付きで解説でした。

 

わからないことや、ご相談は、お気軽にお声がけくださいね。

 

お問い合わせはこちら

 

お読みいただき、ありがとうございました。

Chiharu

Chiharu

この記事を書いたのは

元歯科衛生士のWebデザイナー。素の自分を出せるようにブログをはじめました。お伝えしているのは、ブログのはじめ方と毎日を楽しく過ごすコツについて。