AFFINGER6(アフィンガー６)トップページのSEOとOGPの設定箇所まとめ(ブログ型とサイト型、両方対応)

この記事は「初期設定まとめ」の最初の記事です。ブログ型：「トップページに最新記事の一覧を表示する場合」という箇所を参照してください。

ここではトップページのSEO設定とSNS設定を行います。

トップページとはサイトの一番上のページです。ただの１ページではなくサイトにとって重要な意味合いをもつページになります。そのため作りが他のページと比べ特殊になっています。設定する場所も他のページと違うので注意しましょう。

今回はトップページに以下のタグを設置します。

タイトル(title)・・・検索用のタイトル
ディスクリプション(description)・・・検索用の説明文
キーワード(keyword)
OGPタイトル(og:title)・・・SNS用のタイトル
OGPディスクリプション(og:description)・・・SNS用の説明文
OGP画像(og:image)・・・SNS用の画像

OGPとは？

OGPとはSNSで拡散するときに使われるタイトル、説明文、画像のことです。

OGPタイトル：「AFFINGERラボ」
OGPディスクリプション：「WordPressテーマ「AFFINGER」のレビュー
OGP画像：画像

AFFINGERではこれらのタグを全て、きっちり設定するのは大変です。というのも設定箇所が複数あるから。複数あっても正解は１つなんですが。どういうことかというと、ブログ型の場合とサイト型の場合で正解の箇所が変わるんですね。とても複雑な作りになっています。

でも安心してください！今回どこに何があるか全て調べました。最初から丁寧にやれば初心者の人でも全て設定できるようになっています。トップページのSEO設定とSNS設定をきっちりやって他のブロガーさんと差をつけましょう！

ちなみに、下の画像はTDK Meta Checkerというアドオンを使ってトップページを診断したときの画像です。SEOとOGPがきちんと設定できれば右の画像のようになります。

＼ビフォー／

＼アフター／

いまいちわからない人のために補足。ここに２つのブログがあるとします。どちらの方が検索エンジンや読者に評価されると思いますか？

A：「このブログに題名はありません。」
B：「このブログはガジェットをレビューするブログです！」

Aはどう評価すればいいのかわかりかねます。一方、Bは端的で明確。検索エンジンにも読み手にも理解しやすいブログといえます。実は初期状態のトップページはみんなAのようなものなんです。Bみたいにするにはいろいろ設定してあげる必要があります。あなたのサイトのトップページをBのように変身させる！それがこのページの目標です！

準備作業

それでは設定を始めます。まずは、準備から始めましょう。

必要なものを用意する

記入する内容をあらかじ考えてor準備しておきます。次の６つの項目を考えてメモしておいてください。

↓この３つはSEO用です。

タイトルタグ(title)

検索エンジン向けのタイトルです。検索結果に表示されるタイトルですね。サイトで一番重要な部分です。ジャンルとキーワードを明確に。目安は32字です。

ここは超重要なので納得いくまで考えましょう。

ディスクリプションタグ(description)

検索エンジン向けの説明文。検索結果に表示される説明文ですね。目安は120字です。

キーワード(keyword)

サイトで扱うキーワードです。３個から５個の単語を選びます(たくさん入れるのはダメ)。※キーワードはSEO的にほとんど意味が無いようです。めんどくさい人は設定しなくても大丈夫です。メモがわりに記入するのもあり。

↓この３つはSNS用

OGPタイトル(og:title)

SNS用のタイトルです。twitterに投稿するとき表示されるタイトルですね。目安は20文字。

OGPディスクリプション(og:description)

SNS用の説明文です。twitterに投稿するとき表示される説明文ですね。目安は90文字。

OGP画像(og:image)

SNS用の画像です。twitterに投稿した時に表示される画像ですね。

画像を作成しましょう。今回は画像作成サービスCanvaでこのようなアイキャッチを作成しました。サイズはAFFINGERの推奨サイズ(横1200px × 縦630px)を採用。

＼画像の最適サイズに関してはコチラ／

WINGマニュアル：アイキャッチの最適サイズについて（購入者限定ページ）

６つ準備ができたらそれらを各項目に設定していきましょう！

【ブログ型】の場合トップページに最新記事の一覧を表示する場合

WordPressの初期状態の場合、つまり、トップページに最新記事を表示している場合はこちらです。

トップページのタイトルとメタディスクリプションを設定する

まず、SEO用の項目を埋めます。titleタグ(検索用のタイトル)、descriptionタグ(検索用の説明文)、keywordタグですね。"AFFINGER管理"の"SEO関連設定"の欄へ移動しましょう。

【ダッシュボード】→【AFFINGER管理】→【SEO】→ "SEO関連設定"

そこに"トップタイトルを書き替え"という欄と"トップ用のメタディスクリプション"の欄があります。ここにそれぞれtitleタグとdescriptionタグを入れましょう。

さらに、"トップ用のメタキーワード"にkeywordを入力します。

最後に"Save"ボタンを押せばSEO用の設定は終わりです。

トップページのOGPタイトルとOGPディスクリプションを設定

次にSNS用の項目の中からOGPタイトル(og:title)とOGPディスクリプション(og:description)を埋めます。

といっても、すでに設定しているかもしれません。「just another wordpress site」とあったあの場所です。

【ダッシュボード】→【設定】→【一般設定】→ "サイトのタイトル"、"キャッチフレーズ"

一般設定の"サイトのタイトル"と"キャッチフレーズ"。ここに設定したものがSNSで表示されます。記入して保存しましょう。

トップページのOGP画像を設定する

最後にSNS用のOGP画像(og:image)を設定しましょう。

OGP画像の設定場所は次の箇所です。

【ダッシュボード】→【AFFINGER管理】→【SNS/OGP】→ "SNS設定" ＞ "トップページ（投稿・固定ページ以外）アイキャッチ画像"

"トップページ（投稿・固定ページ以外）アイキャッチ画像"という項目があるのでそこに事前に作った画像をアップロードします。

最後に"Save"ボタンを押します。これでSNS用の設定は完了しました。

これで設定はすべて完了です。最後にちゃんと設定できたか確認してみましょう。下の確認の項目へ移動してください。