フリーランス WEBデザイナー 【キングサイト】
最近のウェブ制作技術
WordPress(ワードプレス)で親カテゴリーを指定して子カテゴリ一覧(カテゴリーリスト)を表示させる方法
ブログツール【CMS】情報とWEBコンテンツ技術
WordPress(ワードプレス)で親カテゴリーを指定して子カテゴリ一覧(カテゴリーリスト)を表示させる方法
Webデザイナーになる為の第一歩(初級)
WEB屋になる為の知識と技術
Webデザイナーになる為の第一歩(初級)
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目と画像アップロード機能を追加する設定方法
ブログツール【CMS】情報とWEBコンテンツ技術
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目と画像アップロード機能を追加する設定方法
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目を追加する設定方法
ブログツール【CMS】情報とWEBコンテンツ技術
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目を追加する設定方法
ホームページ制作簡単作成ツールWix(ウィックス)
WEB屋になる為の知識と技術
ホームページ制作簡単作成ツールWix(ウィックス)
ウェブ制作カテゴリ
Facebookの投稿
ウェブ制作技術 SNS・ブログ
おすすめウェブサイト
ウェブ制作のご注文は全国対応

北海道 青森 岩手 秋田 宮城 山形 福島 東京 神奈川 埼玉県 千葉 茨城 群馬 栃木 愛知 静岡 三重 岐阜 新潟 長野 山梨 石川 富山 福井 大阪 京都 奈良 兵庫 滋賀 和歌山 岡山 広島 鳥取 山口 島根 愛媛 徳島 高知 香川 福岡 佐賀 長崎 大分 熊本 宮崎 鹿児島 沖縄

MovableTypeのOGP設定方法

21.12.13 05:49 | コメント(0)

MovableType独自のOGP設定方法

以前、OGPの説明は記事に書かせていただきましたが、OGP「Open Graph protocol」の設定にはhtmlコーディングの際は各ページに設定を行っていきますが、MovableType(MT)の場合は、MovableType(MT)用の設定を行わなくてはいけません。
※WordPressの場合はプラグインがございます。

 1. メタタグ用テンプレートモジュールの作成
 2. メタタグ用タグの追加
 3. OGPの埋め込むコード
 4. ページからメタタグモジュールの読み込み設定

メタタグ用テンプレートモジュールの作成

まずは、MovableType管理画面からウェブサイトのデザインテンプレートページを開きます。
デザインテンプレートページを開きましたら最初に、テンプレートモジュールで新しいモジュールの作成を行いましょう。
下記画面の「テンプレートモジュールの作成」リンクをクリックし、新しいテンプレートを作成します。

テンプレートモジュール画面

テンプレートモジュール画面

メタタグ用タグの追加

テンプレートモジュールの新規作成画面が開きましたら下記画面の用にOGP「Open Graph protocol」を出力するタグを追加します。
※「メタタグ」部分の名前は分かりやすく例として「メタタグ」にしてあります。

モジュール作成画面

モジュール作成画面
まずはメタタグ内にコードを埋め込む際に、記事のトップページや記事の詳細ページ、ウェブページ、カテゴリページとOGPの表示の設定を変える為のMovableType用のタグのご説明をさせて頂きます。

 ※記事トップページ用

 ※記事詳細ページ用

 ※ウェブページ用

 ※カテゴリページ用

OGPの埋め込むコード

上記の説明を踏まえて各ページ用のタグの中にOGP設定コードを埋め込んでいきます。











" />



<$MTPageTitle remove_html="1"$>|<$MTBlogName$>














|<$MTBlogName$>" />

" />




ページからメタタグモジュールの読み込み設定

「メタタグテンプレートモジュール」を作成したら、次にページからモジュールを呼ぶ為のインクルード(モジュール)タグを設定します。
下記画面を参考に「インデックスページ」内に下記のインクルードコードを記載して下さい。
<$mt:Include module="メタタグ"$>

インデックスページ画面

インデックスページ画面 以上でヘッダーモジュールに埋め込んでおけば各ページごとに表示が変わって表示されます。


▼OGPのご説明はこちら
OGPとは何?

▼OGP設定方法はこちら
MovableTypeのOGP設定方法
WordPressのOGP設定方法
カテゴリ:Movable Type(ムーバブルタイプ)構築と技術, カスタマイズ方法(Movable Type), ソーシャルネットサービス【SNS】情報・活用方法, フェイスブック(Facebook), ブログツール【CMS】情報とWEBコンテンツ技術, ミクシィ(mixi)
  • このエントリーをはてなブックマークに追加
  • Facebookでコメントする

    コメントする

    おすすめの記事

    PAGE TOP