Xeory Extension サイト構築・運用完全ガイド
今回は、WordPressテーマ「Xeory Extension」を活用して、企業サイトの信頼性とオウンドメディアの集客力を融合させるための総合的な構築・運用マニュアルです。
単なる操作説明に留まらず、SEO（検索エンジン最適化）とCV（コンバージョン）を科学的に最大化するための構造的設定や、SNS連携、コンテンツ設計の最適解を体系的に詳述しています。
特に、ソースコードの直接編集を排したプロフェッショナルなサイト構築を可能にするため、基本設定からCTA（行動喚起）やランディングページの作成、さらにはテーマ固有の機能を損なわないためのプラグインの精査とシステムメンテナンスに至るまで、実務的な指針を網羅しています。
**Xeory Extension 構築・運用完全マニュアル**
**Webマーケティング基盤としてのXeory Extension導入**
XeoryExtensionは、バズ部が長年にわたり培ってきたコンテンツマーケティングの知見を体系化し、WordPressテーマとして具現化したものである 1。本テーマの最大の特徴は、単なる情報の表示ツールではなく、検索エンジン最適化（SEO）とユーザーコンバージョン（CV）を科学的に最大化するための構造を備えている点にある 1。
企業サイトとしての信頼性を構築するコーポレート機能と、高い集客力を発揮するオウンドメディア機能を高度に融合させることで、ソースコードの直接編集を介さずにプロフェッショナルなWebサイトの構築が可能となる 1。
本マニュアルでは、Xeory Extensionを導入した後に必要となるすべての構築手順を、技術的背景と実務的な最適解を交えながら詳述する。
**サイト基盤の初期構築とSEO定義**
システム導入直後、最優先で実行すべきはサイトの骨格となる初期設定である。これらは検索エンジンに対するサイトの解釈を規定し、将来的なトラフィックの質と量を決定づける重要な工程である 2。
**SEOメタデータの最適化**
「管理画面 ＞ 初期設定」から、サイト全体のSEO方針を定義する。ここでの設定は、各個別ページで上書きされない限り、サイトの標準値として全ページに適用される 2。
- 設定項目
- 入力指針と推奨事項
- SEO上の機能と意義
- サイトタイトル
企業名やメディア名に、主要な検索キーワードを自然な形で含める 2。
検索結果での見出しとなり、クリック率に直結する 2。
メタディスクリプション
サイトの内容を100文字から120文字程度で簡潔に要約する 2。
検索結果のスニペットとして表示され、ユーザーの訪問意欲を左右する 2。
メタキーワード
サイトに関連する主要な単語を3〜5つ程度、カンマ区切りで入力する 2。
検索エンジンに対する補助的なインデックス情報の提供 2。
メタディスクリプションの記述に際しては、単なる単語の羅列ではなく、ユーザーがそのサイトを訪れるメリットを明示することが、検索エンジンおよびユーザーの双方に対する最適化となる 2。
**Googleプラットフォームとの技術的連携**
アクセス解析とインデックス管理を正確に行うため、Google AnalyticsおよびGoogle Search Consoleとの統合は不可避である 2。
Google Analyticsの設定においては、プロパティ作成時に発行されるトラッキングコードを取得し、初期設定画面の専用フィールドに配置する 2。
これにより、全ページの<head>タグ内に解析コードが自動的に挿入される 1。
一方、Google Search Console（旧ウェブマスターツール）の設定については、Xeory Extensionの仕様上、初期設定メニュー内に直接的な入力欄が設けられていない場合がある 2。
この状況下では、Search Consoleの管理画面から提供される「HTMLタグによる確認」を選択し、メタタグを取得した上で、テーマのヘッダーセクションに配置するか、あるいはGoogle Analyticsのトラッキングコードを用いた所有権確認フローを実行する必要がある 2。
**構造的パーマリンクの設定**
- URLの恒久的な構造を定義するパーマリンク設定は、クローラビリティとユーザー体験に重大な影響を及ぼす 2。
- WordPressの「設定 ＞ パーマリンク設定」において、「カスタム構造」を選択し、/%postname% を指定することが強く推奨される 2。
- この設定を適用することで、記事ごとに任意の英単語（スラッグ）をURLに含めることが可能となり、検索エンジンがURLのみからコンテンツの内容を予測しやすくなる 3。
日本語のタイトルをそのままURLに使用した場合、ブラウザやSNSでの共有時に長いエンコード文字列へと変換され、リンクの信頼性を低下させる懸念があるため、常にタイトルを英訳した文字列をURLに採用することが望ましい 3。
**ソーシャルメディア連携とOGPの最適化**
SNS経由の拡散を最大化するためには、各プラットフォームとの緊密な連携と、シェア時の表示形式を制御するOGP（Open Graph Protocol）の設定が不可欠である 2。
**公式SNSアカウントの統合**
初期設定画面では、企業やメディアが運営する公式SNSアカウントの情報を登録する 2。
- FacebookページURL：自社のFacebookページのアドレスを入力することで、ウィジェットや記事下部に公式ページへの誘導枠が表示される 2。
- Twitter ID：@以降のユーザー名を登録し、ツイートボタンとの連動性を確保する 2。
これらの設定により、サイト訪問者がコンテンツに感銘を受けた際、即座に公式アカウントをフォローできる動線が構築される 2。
**OGPとデフォルトアイキャッチの設定**
記事がSNS上でシェアされた際のサムネイル画像やタイトルを最適化するための設定を行う 2。
- FacebookユーザーIDの設定：運営者の個人アカウントをFacebookに通知するための設定である 2。Facebookの提供する開発者向けツール（Graph API Explorerなど）を使用してIDを取得し、入力を行う 2。
- デフォルト画像の設定：記事に個別のアイキャッチ画像が設定されていない場合に表示される予備の画像である 2。推奨サイズは 1200px × 630px であり、この比率は主要なSNSでの表示を最適化するために設計されている 2。メディアライブラリから画像をアップロードし、「フルサイズ」であることを確認してから「投稿に挿入」を実行することで、設定が完了する 2。
このデフォルト画像が設定されていない場合、SNS上での表示がテキストのみ、あるいは意図しない画像となってしまい、拡散効率を著しく損なうため、構築の初期段階で必ず用意しておくべきである 2。
**ビジュアルアイデンティティとヘッダー設計**
サイトの第一印象を決定づけるヘッダー領域およびビジュアル要素の設定は、ブランドの信頼性を左右する 4, 5
**ロゴ画像の実装**
標準の状態ではサイトタイトルがテキストとして表示されるが、企業ロゴなどの画像に変更することが可能である 4。
ロゴ画像が反映されない場合は、画像ロゴへのチェックの有無、およびブラウザキャッシュのクリアを検討する必要がある 4。
**メインビジュアルの構成**
トップページ最上部に位置するメインビジュアル（キービジュアル）の設定は、テーマのバージョンによりその手法が異なる 6, 7。
| テーマバージョン | 設定プロセス |
|---|---|
| Xeory Extension Ver 0.2.3 以降 | 「管理画面 ＞ テーマ設定 ＞ ファーストビューの設定 ＞ 背景画像」から直接画像をアップロードする 7。 |
| Xeory Extension Ver 0.2.2 以前 | 「管理画面 ＞ 外観 ＞ テーマの編集 ＞ style.css」にアクセスし、body.home \#main\_visual クラス内の背景設定を記述または変更する 6, 7。 |
最新のバージョンでは、PC用とは別に「モバイル用メインビジュアル画像」を個別に登録することが可能となっており、スマートフォン閲覧時における視認性と表示速度の双方を最適化できる設計となっている 1。
**トップページおよびコーポレートコンテンツの構築**
Xeory Extensionは、情報を入力するだけで洗練された企業サイトが完成するよう設計されている 1。これらの項目は、プログラミング知識を必要とせず、管理画面の所定のフォームを埋めることでフロントエンドに反映される 1。
**企業紹介セクションの定義**
以下の4つのコアコンテンツを管理画面から設定することで、トップページの構成を完了させる 1。
- 企業の特徴：自社の提供価値や競合優位性を簡潔なテキストで表現する 1。
- サービス紹介：提供している事業内容を構造化して提示する 1。
- 会社情報：所在地、代表者、連絡先等の基本データを入力する 1, 8。
- お問い合わせ：コンタクトページへのリンクや、直接的な連絡先情報を配置する 1。
これらの情報はトップページにおいて、ユーザーがスクロールする過程で自然に理解を深められるよう、適切な順序とレイアウトで自動配置される 1。
**カラムレイアウトとカラーバリエーションの選択**
サイト全体の視覚的印象と情報の伝達効率を調整するため、レイアウトと配色を決定する 1。
- カラムパターンの選択：左サイドカラム、右サイドカラム、ワンカラムの3つの構成から選択できる 1。オウンドメディアとしての側面を強調する場合はサイドバーありの構成が、コーポレートメッセージを強く打ち出す場合はワンカラムが適している 1。
- カラー設定：5パターンのカラーバリエーションが標準で用意されており、ブランドカラーに合わせた選択が可能である 1。さらに高度なカスタマイズを求める場合は、CSSを編集することで独自の配色を適用することもできる 1。
**コンバージョン設計：CTA（Call To Action）の作成と実装**
Xeory ExtensionにおけるCTA機能は、記事を読み終えた読者に対し、具体的なアクション（資料請求、メルマガ登録、問い合わせ等）を促すための戦略的パーツである 9。この機能は、共通のパーツをあらかじめ作成し、それを各記事に割り当てるという効率的な運用プロセスを提供している 9。
**共通CTAパーツの作成手順**
- 管理画面 ＞ CTA ＞ 新規追加 をクリックする 9, 10。
- 表示オプションの設定：画面上部の「表示オプション」タブを開き、「アイキャッチ画像」と「ボタン設定」にチェックが入っていることを確認する 9。
- タイトルの入力：ユーザーのメリットを端的に示すタイトルを設定する（例：「最新業界動向レポートを無料でダウンロード」） 9。
- 本文の作成：提供する価値を箇条書き（番号なしリスト）を用いて説明する。シンプルで読みやすい構成が、高いコンバージョン率を生む要因となる 9。
- アイキャッチ画像の設定：CTAの右側に表示されるイメージ画像を設定する 9。
- ボタンの設定：クリックボタンに表示するテキスト（例：「今すぐダウンロード」）と、誘導先となるURL（LPのURL等）を入力する 9。
- 公開：設定完了後、右上の「公開」ボタンをクリックする 9。
**記事へのCTA設置フロー**
作成したCTAを各投稿や固定ページに表示させる手法には、以下の2つの選択肢が存在する 9。
- 設置手法 具体的な適用場面
- 操作手順 既存CTAの選択
サイト全体で共通のオファーを提供する場合9。
記事編集画面下部の「CTA設定」で「既に作成してあるCTAの中から選ぶ」を選択し、タイトルをプルダウンから指定する 9, 10。
独自CTAの作成
特定の記事テーマに特化した個別のオファーを出したい場合 9。
「CTA設定」で「このページ独自のCTAを作る」を選択し、その場でタイトル、本文、画像、ボタン情報を入力する 9。
Xeoryの設計思想において、CTAは記事の末尾に自動配置される 9。これは、コンテンツによって課題解決のヒントを得た読者が、さらなる解決策を求めてアクションを起こす心理的タイミングを捉えるための合理的な配置である 9。
**集客特化型ランディングページ（LP）の構築**
Xeory Extensionには、特定の目的（リード獲得や商品の販売）に特化したランディングページを作成する機能が標準搭載されている 3。この機能は、通常のページからナビゲーションメニューやサイドバー等の余計な情報を排除し、ユーザーのアクション率を高めることに特化している 3。
**LP作成の技術的プロセス**
- 管理画面 ＞ LP ＞ 新規追加 より作成画面にアクセスする 3。
- タイトルとパーマリンクの最適化：タイトル入力後に表示されるパーマリンク編集ボタンから、URLを英語表記（スラッグ）に変更する 3。日本語のままではシステム間の連携において不具合が生じるリスクがあるため、この工程は必須である 3。
- レイアウトの変更：編集画面内の「レイアウトの変更」セクションで、「1カラム」のイラストをクリックして選択する 3。これにより、サイドバーやヘッダーナビゲーションが非表示となり、コンバージョン率を低下させる「逃げ道」を封鎖することができる 3。
- コンテンツの構成：本文はシンプルなテキストとリストタグを組み合わせ、読みやすさを優先する 3。アイキャッチ画像には、提供物のイメージ図（例：e-Bookの表紙画像など）を設定する 3。
**外部サービスおよびフォームの統合**
LPの最終工程である「情報入力フォーム」の設置には、主に2つのアプローチがある 3。
- Contact Form 7 プラグインの利用：WordPress内でフォームを完結させる場合に最適である 3, 11。プラグイン側で作成したフォームのショートコードをLPの本文末尾に貼り付けるだけで実装が可能となる 3。
- メルマガ配信スタンド（アスメル、オートビズ等）の連携：リード情報を自動的にメルマガ配信システムへ登録する場合に使用する 3。配信スタンド側で発行されるHTMLソースコード、あるいは項目別の指定コードを、XeoryのLP編集画面にある専用の入力欄に正確に配置していく 3。
LPは公開前に必ず「下書き保存」を行い、プレビュー画面にてスマートフォン・PC双方での表示崩れがないか、およびフォームが正しく動作するかを確認するべきである 3。
**ウィジェットとナビゲーションの最適化**
ユーザーをサイト内の重要コンテンツへ導き、回遊率を向上させるためには、サイドバーやメニューの戦略的な配置が必要である 12, 13。
**ナビゲーションメニューの設定**
サイト上部に表示されるグローバルナビゲーションの設定手順を詳述する 13, 14。
- 管理画面 ＞ 外観 ＞ メニュー にて、新規メニューを作成する。
- カテゴリー、固定ページ、カスタムリンクの中からメニューに加えたい項目を選択し、右側のメニュー構造に追加する 13。
- ドラッグ＆ドロップで表示順序を調整し、親メニューの下にインデント（右にずらす）ことでサブメニューの階層構造を構築する 1, 13。
- 「メニュー設定」セクションの「グローバルナビ」に必ずチェックを入れ、「メニューを保存」を実行する 13。
このチェックを忘れると、作成したメニューがフロントエンドに反映されないため注意が必要である 13。
**ウィジェットによるコンテンツ誘導**
「管理画面 ＞ 外観 ＞ ウィジェット」にて、サイドバーの機能を拡張する 12。Xeory Extensionでは、人気記事を自動表示する「Page Plugin」や「人気記事ウィジェット」が特に重要視される 12。
人気記事ウィジェットの推奨設定値は以下の通りである 12。
- タイトル：読者の興味を引く文言（例：「よく読まれている記事」）を設定する 12。
- 表示件数：10〜20記事が最適とされており、情報の網羅性とページの読み込み速度のバランスを保つ 12。
- ページビューカウント：投稿ページのみを対象に集計を行う 12。
- ページビュー数の表示：数値が表示されるとデザイン上のノイズとなる可能性があるため、チェックを外して非表示にすることが推奨される 12。
**プラグイン戦略とシステムメンテナンス**
Xeory Extensionは、テーマ自体がSEOやSNS連携、CTA作成などの高度な機能を内包している 1。そのため、不要なプラグインを排除し、サイトの軽量化と安定性を維持することが構築の鍵となる 11。
**推奨されるプラグイン一覧**
サイトの利便性を向上させ、Xeoryの機能を補完するために導入を検討すべきプラグインを以下の表にまとめる11。
| カテゴリ | 推奨プラグイン名 | 導入の目的と機能 |
|---|---|---|
| 利便性向上 | TinyMCE Advanced | ビジュアルエディタの機能を拡張し、編集作業を効率化する 11。 |
| セキュリティ | Akismet | スパムコメントを自動的にフィルタリングし、サイトを保護する 11。 |
| お問い合わせ | Contact Form 7 | 簡単な操作で高機能なお問い合わせフォームを作成・管理する 3, 11。 |
| バックアップ | BackWPup | サイトのデータベースとファイルを定期的に自動保存する 11。 |
| SEO/サイトマップ | Google XML Sitemaps | XMLサイトマップを自動生成し、検索エンジンへの通知を行う 11。 |
| 高速化 | W3 Total Cache | キャッシュ機能を用いてページの表示速度を大幅に向上させる 11。 |
| 画像最適化 | EWWW Image Optimizer | アップロードされる画像を自動で圧縮し、サーバー負荷を軽減する 11。 |
**導入を避けるべきプラグインと競合リスク**
一般的なWordPress構築で推奨されるプラグインであっても、Xeory Extensionにおいては導入を控えるべきものが存在する 11。
- All in One SEO Pack：テーマ標準のSEO設定、OGP設定、メタタグ出力機能と完全に重複し、二重出力によるSEO上のマイナス評価やエラーを招く恐れがある 11。
- WP Social Bookmarking Light：テーマ標準でソーシャルボタンが実装されているため、デザインの不整合や読み込みの遅延を避けるために不要である 11。
- WordPress Popular Posts：テーマ独自のウィジェットで人気記事の表示が可能なため、重複導入は避けるべきである 11。
これらの競合プラグインを排除することで、サイト全体のパフォーマンスを最適化し、クリーンなソースコードを維持することが可能となる 11。
**システムの永続的運用**
構築完了後、サイトを安定的に運用するためには、WordPress本体およびPHPのバージョン管理が不可欠である 1。
Xeory ExtensionはWordPress 5.0以上、およびPHP 7以降の環境を前提として設計されており、PHP 7未満の古い環境では予期せぬ挙動やセキュリティ上の脆弱性が生じる可能性がある 1。
また、対応ブラウザについてもEdge, Safari, Chrome, Firefoxの各最新バージョンに準拠しているため、定期的な動作チェックが推奨される 1。
以上の構築手順を完遂することで、Xeory Extensionの持つポテンシャルが最大限に引き出され、企業サイトとしての信頼性と、メディアとしての集客力を両立させた強力なWeb基盤が完成する。
**参照URL**
- Xeory Extension
- Xeoryインストール後の初期設定 – Xeory-無料WordPressテーマ-
- XeoryテーマのLPの設定方法 – Xeory-無料WordPressテーマ-
- サイトタイトルを画像ロゴに変更しても反映されません – Xeory-無料WordPressテーマ-
- Xeoryをカスタマイズしてみよう！ヘッダー編（追記アリ）
- よくある質問 – Xeory-無料WordPressテーマ-
- トップページのメインビジュアル部分に画像を指定するにはどうしたらよいですか？
- WordPressをデザインする！テーマ・カスタマイズを解説 | スパイラル株式会社
- XeoryテーマのCTAの設定方法 – Xeory-無料WordPressテーマ-
- Xeory Extensionのカスタマイズ！機能と設定方法！【Wordpressテーマ】
- Xeoryテーマのプラグイン設定方法
- Xeoryテーマのウィジェット設定方法
- Xeoryテーマのナビゲーションメニューの設定方法
- 動物でも分かる！WordPress初心者へ、グローバルメニューの設定方法 | Toroノマド
About The Author
