本当に使う機能だけを残した、シンプルなWordPressのSEOプラグインを作成しました

  • このエントリーをはてなブックマークに追加


WordPressでSEO周りの設定が簡単にできる、SEOプラグイン
SEO対策には便利ですが、設定項目が多すぎて「どこを触ればいいのか分からない」と感じることはないでしょうか?

そこで今回、社内の案件用にシンプルなSEOプラグインを作成してみました。
最低限の設定のみでシンプルに』というのが今回のテーマです。
今回の記事では「どんな考え方で設計したのか」といった、制作背景などを紹介していきます。

※本記事ではコードの全公開やダウンロードは行いません


なぜSEOプラグインを社内で作成したの?

理由は主にこの2点です。
  • 必要最低限の項目だけを設定できるようにしたかった
  • 管理画面を完全に日本語化したプラグインを使いたかった

主流なSEOプラグインは非常に高機能な反面、設定項目が多く、制作現場では「ここは特に使わないかな…」と感じる項目も少なくありません。

もちろんSEOに詳しくない方でも一定の設定ができる点で、多機能な既存プラグインが優れているのは間違いありません。
ただ、案件によってはテーマ側や独自実装で対応した方がよい場合もあり、お客様が触る際に「どこを触ればいいのか」が分かりづらい部分も多かったため、プラグイン側の設定項目はできるだけ必要最低限に絞ることにしました。

そして、多くのSEOプラグインは海外製で、日本語対応しているものもありますが、細かい表現や設定項目の意味が分かりづらいと感じる場面もありました。
これから使用していくことを考えると、最初から日本語で統一されている方が安心して運用できると判断しました。

実装した主な機能

上記を踏まえて実装した主な機能は以下の通りです。
  • タイトルタグやディスクリプション、キーワードなどの基本的なmetaタグを出力。
  • 基本的なOGP情報を出力。X(旧Twitter)のアカウント情報も設定可能。
  • 投稿・固定ページごと等にも個別にmetaタグを設定。
  • 表示させたくないページはnoindex設定が可能。
このように必要最低限のもののみにしました。
コンテンツ解析・スコア表示、キーワード出現率チェックなど細かいものはありません。

実際の画面だとこんな感じです。

基本の設定画面

カスタム投稿やタクソノミーアーカイブなど、ページ種別ごとにも設定ができます。

カスタム投稿とは?

WordPressはデフォルトの投稿がありますが、新しく投稿機能を増やしたい、という時もあるかと思います。
その時に使用するのが「カスタム投稿」です。
このプラグインでもその新しく増やした投稿機能に対して、meta設定が可能です。

タクソノミーとは?

デフォルトである「カテゴリー」や「タグ」のように、項目を分けて分類する仕組みのことをWordPressでは「タクソノミー」といいます。
そして上記のカスタム投稿等に使用するために新しく追加する分類のことを「カスタムタクソノミー」といいます。
馴染みのない方には聞きなれずややこしい要素です。
このプラグインでもその新しく増やしたカスタムタクソノミーに対して、meta設定が可能です。

OGPの設定画面

OPGは、X(旧Twitter)などに投稿した際の表示設定です。

OGPとは?

例えばURLをシェアしたときなど、このように画像とタイトル、コンテンツ内のテキストが表示されることはありませんか?
OGPではそのときの表示設定を行うことができます。

投稿画面

各投稿画面の画面下部に表示されます。
この部分は、特に入力しなければ自動的に入力したタイトルや内容を取得して、出力してくれます。

出力したタグ

実際のHTMLはこちらです。
必要最低限の項目を出力してくれています。

実際に使ってみて

実際に本プラグインを使用してみましたが、最低限の項目ながら、設定に関して困る場面は特にありませんでした。
設定項目が少ない分、初期設定に時間を取られることもなく、必要なmeta情報やOGP設定をスムーズに行うことができました。

一方で、コンテンツ分析やスコア表示など、詳細なSEO評価が必要な案件では、既存の高機能なSEOプラグインを使った方が適している場面もあるかと思います。
ただ、今回作成したプラグインは「最低限のSEO設定を確実に行いたい案件」に向いていると思います。

弊社の他のWordPressプラグイン

今回のSEOプラグインはまだ公開の予定はありませんが、弊社では他にも便利なプラグインを作成しています。
無料で使用できるものもあるので、ぜひ試してみてください!

イベントカレンダープラグイン「Event Calendar Maker」
イベントカレンダーをWebサイト上に簡単に設置できるWordPressプラグインです。

予約プラグイン「Reserve Calendar Maker」
予約フォームと連携したカレンダーを設置できるWordPressプラグインです。

フォームプラグイン「Easy Form Maker」
お問い合わせ・アンケートフォームを設置することができるWordPressプラグインです。

会員限定記事配信プラグイン「Limited Post Maker」
会員限定購読の記事を配信できるWordPressプラグインです。

アクセス解析プラグイン「Simple Analytics」
ホームページに設定したGoogleアナリティクスのアクセス解析を、WordPressで簡単に分かりやすく閲覧することができるWordPressプラグインです。

執筆者:工藤[ WEBデザイナー ]

WEBデザイナー。 最近はWordPressを触るのが好きです。よろしくお願いします。

関連記事

プログラミング

SharePoint CSSとJSを入力できるWEBパーツを作る(モダンUI向け・SPFx)

SharePointのモダンUIで、SharePoint Framework(以降SPFx)という技術を使用し、CSSとJSを入力できる独自WEBパーツを作ります。 旧来のクラシックUIではスクリプトエディターと呼ばれていたWEBパーツを再現します。 目次1 前提条件2 WEBパーツの作成手順3 1.環境構築4 2.SPFxプロジェクトを作成4.1 VSCodeでフォルダを開く4.2 ターミナルを開いてコマンドを入力4.3 質問1:プロジェクトの名前を入力4.4 質問24.5 […]

Webサイト制作

SharePointとは?社内DXを始めよう!

目次1 SharePointって一言でいうと何?2 簡単ってどれくらい?3 パーツは色々用意されています。4 ファイルに個人情報が含まれているんだけど…5 簡単なのはわかったけど、やっぱり手間がかかる6 実際によくあるつまづきポイント7 SharePointを魅力に感じたら8 活用事例のご紹介 SharePointって一言でいうと何? SharePointは、 “社内の人だけ見れるWebサイトを簡単につくれるクラウドサービス”です。 「このページを見れ […]

プログラミング

SharePointではできないこと 4選

「これってSharePointでできないの!?」なんていう瞬間、開発やカスタマイズの現場では意外と多くあります。SharePointはとても柔軟なプラットフォームですが、実は“万能ツール”ではありません。「コードを書けば何とかなる」と思って構築を進めると、モダンページの仕様や制限に阻まれて苦い思いをすることもしばしば。今回は、実際のプロジェクトや運用の中で見えてきた「SharePointではできないこと」をまとめて紹介します。 目次1 1.CSSとJSが直接使えない1.1 ク […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。