当サイトでは、自作のXOOPS(XOOPS Cube Legacy 2.2)用テーマの無料配布を行っています。

機能をちょっとアップするプリロードなどもあるので、是非ともご利用くださいませ。

新着ダウンロード

    このカテゴリには 2 件のファイルがあります

カテゴリ カスタマイズ
XOOPSに適切なメタ情報とOGPを付加するカスタマイズ 人気ダウンロード情報
バージョン: 0.03   掲載日:  2012/6/22
説明
XOOPSに適切なメタ情報とOGPを付加するカスタマイズを考案しました。

html/common に ogp 用のファイル群が入ったディレクトリを追加して、利用するテーマファイルを修正することで、従来からあるメタ情報とOGPが適切に設定されるように、考えてみました。
まだまだ工夫する必要もあるとは思いますが、まずは公開してみたいと思います。

2012/6/22 テーマファイルの書き換えが極力少なくなるように修正してみました。

 


XOOPSに適切なメタ情報とOGPを付加するカスタマイズ

================================================================
説明
================================================================
OGPというのはThe Open Graph protocolの略でフェイスブックを始めmixiやGoogle+等のSNSとウェブページを連携させるための情報をコンピュータが読めるように記述したものだそうで、従来から言われるメタ情報とともに適切に設定することで、そのサイトの情報を正確に伝えることが出来るため、最近とみに重要度が増しているものです。

しかし、XOOPS Cube では、管理画面でサイト統一の固定した内容をメタ情報として設定できるだけで、ページごとに適した内容を付加することはできませんでしたし、OGPについては設定することすらできない状況です。

Wordpressなどでは、プラグインを追加するだけで、OGPを適切に追記できるような機能があるようですので、何とかならないかと考えて作ったのが、今回のカスタマイズです。

プラグインを追加してとか、プリロードだけでできないかと、考えてみたのですが、そこまでの簡易化はちょっとできなかったものの、何とか使えるものが出来たように思うので、今回公開することとしました。


================================================================
インストール+カスタマイズ
================================================================
利用するには、まず、解凍してできあがったディレクトリにある html/common/ogp ディレクトリをサイトのhtml側にコピーしてください。

お使いのテーマ(theme.html)のメタ情報部分等を下記要領で書き換えて下さい。もちろん、何かあったときのために、あらかじめカスタマイズするテーマのバックアップを取ることをお忘れなく。

★1 <html>の書き換え

★★HTML5の場合

<html>



<html lang="<{$xoops_langcode}>" prefix="og: http://ogp.me/ns#">

に書き換える。


★★それ以外の場合は、

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">



<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" version="XHTML+RDFa 1.0" xml:lang="<{$xoops_langcode}>" dir="ltr" xmlns:fb="https://www.facebook.com/2008/fbml">

に書き換える。


★2 metaタグ等の書き換え

<head>より下にある metaタグ(keywords,robots,description,rating,author,copyright)と<title>記述部分を削除して、次の1行を挿入してください。


<{include file="`$smarty.const.XOOPS_ROOT_PATH`/common/ogp/meta_add.html"}>


また、解凍したディレクトリの html/common/ogp には、OGPのimage 情報として表示される user.gif のサンプル画像入っていますが、この画像について、あなたのサイトを特徴づける画像と差し替えてください。できればサイズは、200ピクセル四方のものが良いようです。(サンプルは小さいものとなっていますが)
画像について、違うファイル名の場合は、テーマに記述する当該画像部分のファイル名称を変更してください。


メタ情報とOGPについては、meta_info.html 内にてモジュールごとの表示分岐を設定しておりますが、基本設定として

	<{$xoops_pagetitle}> と <{$xoops_meta_keywords}> と <{$xoops_meta_description}>

などのsmarty変数を利用しているため、場合によってはページに適さないものとなる場合があると思います。
その場合には、meta_info.html を編集していただき、モジュールやページにふさわしいキーワードなどを直接記述していただくことで対応可能となります。

メタ情報の書き方は,区切り文字 || を挟んで,「ページタイトル」||「METAタグ(キーワード)」||「METAタグ(Description)説明」の順を守って記述してください。情報記入のない場合は、XOOPSの管理画面で設定した内容が入ります。モジュールによっては、descriptionに記事に応じた内容が入るものもあります。

例えば、bulletinなどでは、個別記事を表示した場合には、記事のタイトルと本文が <{$xoops_pagetitle}> と <{$xoops_meta_description}> などに入りますので、適切な表示となると思いますが、トップページ表示の場合は、XOOPSの管理画面で設定した内容が入るため、bulletinのトップページとしてふさわしくない場合があります。meta_info.html には、とりあえず説明サンプルを記入していますが、貴方のサイトに合うような内容に変更してご利用ください。


<{elseif $xoops_dirname == "bulletin"}>
	<{if substr($xoops_requesturi,-9) == '/index.php' or substr($xoops_requesturi,-1) == '/'}>
		ここはお知らせのトップページです。||ここはお知らせのキーワード||ここにはお知らせの説明を書きましょう
	<{else}><{* bulletinは、トップページ以外は本文がdescriptionに挿入される *}>
		<{$xoops_pagetitle}>||<{$xoops_meta_keywords}>||<{$xoops_meta_description}>
	<{/if}>

[ ファイル名 ] ogp_add.zip [ MD5 checksum ] ceb5e6ad412af75f67ec611cd5f715b2
ダウンロード数 172   ファイルサイズ 10.57 KB   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.1x | XOOPS Cube Legacy 2.2x   ライセンス LGPL v. 2.0   ホームページ Xoops123
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (2)

コメント一覧

投稿ツリー


miura   投稿日時 2017/9/22 18:00

初めて投稿させていただきます。

当方、現在XOOPS-Xで運用し以下のアドレスを参考にさせていただき
XOOPS-Xに移行した時にも大変参考にさせていただきました。

現在picoのHTMLヘッダカスタマイズに入力して
titleとkeywordsとdescriptionのみ変更しています。

http://usadeki.jp/modules/d3forum/index.php?topic_id=521

この方法だとpico以外のモジュールは、デフォルトになってしまい
何とかならないかと探していたらogpでのこのページに辿り着きました。

phpとかわからない素人ですが、実際ダウンロードさせていただき
ローカルでテストしているのですが、bulletinとかは
キーワードや記事内容までdescriptionに表示されるのですが
eguideなどでも告知内容を表示したり
myalbumでも画像の説明など表示したいと思ってもうまく行かず困っています。

picoもテーマを変更したので、keywordsとdescriptionはデフォルトになってしまいます。

title、keywordsとdescriptionの付加などは何処で紐付などしているのでしょうか?

お手数お返しますが、ご教示していただけると助かります。

marine  投稿日時 2017/11/10 10:17

miura さま

お返事が遅くなり申し訳ありません。
私自身、最近はXOOPSを触っていないので、ここのチェックもおろそかになっておりました。

OGPのカスタマイズですが、各ファイルをエディターで開いてみてくださいな。
確か、bulletin の場合は、条件分岐で色々設定していたかと思いますので、他のモジュールの場合についても同様に条件分岐させて設定追加すると良いかもしれません。

私自身は、少々余裕がありませんので・・・
ちょっと対応はしんどいところです。



新しくコメントをつける

題名
ゲスト名
投稿本文
より詳細なコメント入力フォームへ