PROJECT 001 — MANIARUを作る。
STEP 11 / SEO & OGP
STEP 10では、GA4とSite Kitを接続し、MANIARUのアクセスを計測できる状態にした。次に整えたのは、検索結果とSNSでサイトがどう見えるかという部分だ。
そこでSEO SIMPLE PACKを使い、サイトの基本情報、meta description、OGP、Xカードを設定した。
SEOとSNSの表示を整える
記事を公開できても、検索結果に表示される説明文や、SNSで共有されたときの見え方が整っているとは限らない。
MANIARUでは、検索向けの情報とSNS向けの情報を別々に増やしすぎず、サイトのコンセプトが自然に伝わる範囲で設定することにした。
meta descriptionの不足に気づく
PageSpeed Insightsで確認した時点では、SEOのスコアは92だった。大きな問題が並んでいたわけではなく、主に不足していたのはmeta descriptionだった。
meta descriptionは検索結果などでページの内容を伝える短い説明文だ。スコアだけを上げるためではなく、MANIARUが何を記録するサイトなのかを、ページを開く前にも分かるようにしておきたかった。
SEO SIMPLE PACKの基本設定
WordPressではSEO SIMPLE PACKを使い、サイトタイトルを「MANIARU」、キャッチフレーズを「試したことを、誰かのマニュアルに。」に設定した。
区切り文字は「|」とし、フロントページのタイトルは、サイトタイトル、区切り文字、キャッチフレーズの順で表示する形にした。
フロントページのmeta descriptionには、次の文章を設定した。
AI・Web・プログラミング・自動化など、気になるテクノロジーや仕組みを実際に試して記録するMANIARU。成功も失敗も、誰かの役に立つマニュアルとして残していきます。
キーワード欄は空欄にした。単語を並べるより、タイトルと説明文を自然に整える方を優先した。
OGPとXカードを設定する
SNSでURLが共有されたときに備えて、OGP画像も設定した。Xカードは、画像を大きく表示するsummary_large_imageを選んだ。
設定できる範囲でMANIARUのXアカウントも登録し、サイトとSNSの情報がつながるようにした。
設定直後にすべて反映されるとは限らない
Xで表示を試すと、タイトルと説明文は確認できた一方、OGP画像はその時点では表示されなかった。
設定した直後は、SNS側のキャッシュや情報の取得タイミングによって表示が揃わないことがある。未確認のまま「設定できた」とはせず、時間を置いてもう一度確認することにした。
これで、検索結果とSNSでMANIARUの内容を伝えるための基本設定まで進んだ。
次のSTEP 12では、WordPressのバックアップとセキュリティを確認する。
← STEP 10 / ANALYTICS ｜ PROJECT 001 ｜ STEP 12 / SECURITY & BACKUP →