標準の入力項目では足りない！SEOを意識したMovable Type (MT) のテーマ構築の勘所。

この記事は「Movable Type Advent Calendar 2021」の21日目の記事です。

Movable Type には WordPressのYorstSEOプラグイン のような、いわゆるSEOプラグインというがありません。そのため、設計者・構築者がSEOを加味し、ウェブサイトを検索クローラーがクロールしやすいHTMLで出力する必要があります。

今回は、基本的なポイントと陥りやすいポイントについて、まとめていきたいと思います。

今回の仕様

対象はいわゆるメディアサイトを想定します。コンテンツの登録ですが、コンテンツタイプは自由度が高いため、記事を利用したものとします。コンテンツタイプを利用の場合は、記事で行う内容をうまく読み替えていただければ対応できると思います。

MTで行う基本的なSEO施策

まずは基本的なところをおさえていきましょう。MTには、もともと用意されている入力フィールドと、独自で入力項目を作るカスタムフィールドがあります。

標準の入力項目＠詳細ページ

1. タイトル <mt:entryTitle>
2. 概要 <mt:entryExcerpt>
3. キーワード <mt:entryKeywords>
4. タグ <mt:entryTags>
5. 本文 <mt:entryBody>

詳細ページでは、SEOに必要な入力フィールドがあらかじめある程度用意されています。このあたりは、Movable Typeの構築に慣れている方なら問題ないでしょう。

追加するカスタムフィールド＠詳細ページ

1. アイキャッチ画像
2. 構造化マークアップ入力フィールド

アイキャッチ画像は、OGPに利用します。SNSシェア時にクリックをされるよう、しっかりとog:imageを指定するようにしましょう。SEOと関係ないと思われるかもしれませんが、検索エンジン以外の流入が増えることも非常に重要です。

構造化マークアップについては、MTタグを駆使すればパンくず用の構造化マークアップは問題ないでしょう。しかし、構造化マークアップは、パンくずだけではありません。リッチリザルトを理解し、様々な構造化マークアップを搭載することで、流入を増やす手助けができるようになります。構造化マークアップをカスタマイズして出力するには、やはり入力フィールドを用意する必要があるのです。

詳しくは Google検索セントラルの上級者向けSEO 検索ギャラリーを見る を参照ください。

 

標準の入力項目＠カテゴリ

1. カテゴリ名 <mt:categoryLabel>
2. 出力ファイル <mt:categoryBasename>
3. 説明 <mt:categoryDescription>

カテゴリに関しても、MTはもともとSEOに必要な入力フィールドを用意しています。しかしながら、カテゴリの「説明」のフィールドを有効に利用されているケースが少なく感じます。カテゴリアーカイブのテンプレートに「カテゴリの説明」をdescriptionに出力できるようにしておきましょう。

 

追加するカスタムフィールド＠カテゴリ

1. アイキャッチ画像
2. 構造化マークアップ入力フィールド

ここも前述の記事と同じく、アイキャッチ画像と構造化マークアップ用の入力フィールドを追加しましょう。カテゴリ一覧ページは、検索結果でも検索上位にくるケースがあります。しっかりとユニークな情報が掲載できるようにすることで、カテゴリページも流入に寄与するページにすることが可能です。

また、カテゴリ・サブカテゴリが似ている情報を持つケースがあります。この場合は、Canonical URLを指定し、カニバリゼーションを回避しましょう。

詳しくは Google検索セントラルの上級者向けSEO 重複した URL を統合する を参照ください。

 

インデックス・テンプレート

インデックス・テンプレートには、トップページやsitemap.xml、robots.txt など様々なページを自由に作ることができます。インデックス・テンプレートにはあまりカスタムフィールドをもたせるケースはあまりありません。カスタムフィールドのシステムオブジェクトに「テンプレート」は存在しますが、利用したケースはほぼありません。

構造化マークアップに関しては、テンプレートに直接書いてしまうのが一般的でしょう。運用で頻繁に変更したいなどの場合は、コンテンツタイプを作って読み込ませるのが良いかもしれません。

アイキャッチ画像については、@を利用したアイテムの登録が便利です。MTはのアイテムには「タグ」をつけることができます。ここに@マークを付けたタグ（@トップページアイキャッチ）を登録し、テンプレート側でこのタグの付いた画像を呼び出すことができます。記憶が定かではないのですが、@マークをタグにつけるやり方は、プライベートタグという呼び名だった気がします。

 

MTのテンプレートの学習方法

CMSには標準で利用できるテーマがついていることが多いです。MTでも無料で利用できるテーマが複数あり、そしてそれらはMTタグを高度に駆使されて作られています。MTタグに慣れていない人は、プロフェッショナルブログやクラシックブログなどの標準テーマを利用し、すべての入力フィールドにデータを入れて、どこにどのデータが表示されるのかをみながら、MTタグの使い方を覚えるのが最も早く的確です。
ネットで探した情報でピンポイントに解決するよりも、知識をベースアップしたい方におすすめの勉強方法です。

最後に

WordPressのようなSEOプラグインがないMovable TypeのSEO施工は、サイト構築する人の腕にかかっています。もともとMTは検索エンジンに強いと言われるCMSです。もちろん、コンテンツの中身が重要なのは言うまでもありませんが、とびきりのコンテンツも検索エンジンが正しく読めなければ効果が下がってしまいます。
SEOを意識したテーマ構築を行い、みなさんの持っているコンテンツをもっと世の中の人の役に立つようにしましょう。

明日は nasa114さん です。

当サイトではこの他にもWebに関するお役立ち情報を多数ご紹介しています。
Web担当者の方、デジタルマーケティングに興味がある方はぜひご覧ください。

---

広告運用やSEO、解析・Web製作など、当社はWebに関わるベストソリューションをご提供しています。お悩み・ご相談も受け付けておりますので下記のボタンからお気軽にご連絡ください。

自社サイトのウェブアクセシビリティ状況、診断してみませんか？

株式会社デジタルアイデンティティでは、ウェブアクセシビリティ診断サービスを提供しています。

2024年4月、障害者差別解消法の改正施行に伴い、2024年6月から一般企業にも「合理的配慮」が義務化されています。
これに伴い、努力義務である「環境の整備」に含まれるウェブアクセシビリティについても、対応を進める企業が増えています。

こんなお悩みはありませんか？

• どこからウェブアクセシビリティ対応に手をつければ良いかわからない…
• 今のサイトで問題のあるページを一覧化して欲しい…
• ウェブアクセシビリティの具体的な改善方法を知りたい…

WCAG2.2に準拠した診断項目・達成基準で、問題のあるページをリスト化してページ単位で問題点をリストアップ。
課題点が明確になるので、具体的な改善アクションに繋げることができます。

また、診断後の改善作業を弊社にワンストップでご依頼いただくことも可能です！
ぜひお気軽にご相談ください！

ウェブアクセシビリティ診断のお申し込みはこちら