MT on qwerty.work

Movable TypeのトラックバックやPing更新通知の送信時に500エラーとなるときに試すこと

Mon, 25 Jun 2018 22:05:52 +0900

Movable Typeで記事を新規投稿する際のPing更新通知でトラックバックが500エラーやタイムアウトになるときの対策をメモ。

送信先のURLが無効と思っていた

有効な通知先のURLのはずなのに、MTのPing送信のエラーがたくさん出ているのが気になって、Ping更新通知先が今は存在していないのかな？と思っていたのですが、どうやら送った先のサーバーの処理時間が遅いため、レスポンスが返ってくる前に勝手にタイムアウトしていたみたいです。

HTTPTimeout を設定してみる

そこで、mt-config.cgi に以下の項目を追加してタイムアウトの時間を延ばせば回避できる可能性があります。

HTTPTimeout 300

設定がしていない場合のデフォルト値は60秒だそうです。

https://www.movabletype.jp/documentation/appendices/config-directives/httptimeout.html https://www.movabletype.jp/documentation/appendices/config-directives/httptimeout.html

以前は PingTimeout という環境変数だった

Movable Type 3.3以前では PingTimeout という環境変数で使われていたようです。

https://www.movabletype.jp/documentation/appendices/config-directives/pingtimeout.html https://www.movabletype.jp/documentation/appendices/config-directives/pingtimeout.html

参考

Mixhostで運用中のMovable Typeの再構築をCronジョブで定期的に自動で行う方法

Wed, 13 Jun 2018 20:30:02 +0900

Mixhost のレンタルサーバーで運用しているMovable Typeの再構築をCronジョブを使って、深夜に自動的に行いたいときの方法をメモ。

Cronジョブに登録

Mixhost の [cPanel]-[Cronジョブ] の画面に以下のようにコマンドを登録していきます。

登録例

以下は**「毎日03:45分にカテゴリアーカイブを再構築」**するときのコマンド設定例です。

コマンド例

rebuild-pages という Movable Type にあるスクリプトファイルを使って再構築を行います。パラメータを加えることによって部分的に指定して再構築を行うことができます。

  再構築の内容
  コマンド




  すべて再構築
  /usr/bin/perl /home/ze****ju/public_html/domain.name/mt-folder/tools/rebuild-pages


  ブログ記事を再構築
  /usr/bin/perl /home/ze****ju/public_html/domain.name/mt-folder/tools/rebuild-pages --type=Individual


  月別ページを再構築
  /usr/bin/perl /home/ze****ju/public_html/domain.name/mt-folder/tools/rebuild-pages --type=Monthly


  カテゴリアーカイブを再構築
  /usr/bin/perl /home/ze****ju/public_html/domain.name/mt-folder/tools/rebuild-pages --type=Category


  インデックステンプレートとウェブページアーカイブを再構築
  /usr/bin/perl /home/ze****ju/public_html/domain.name/mt-folder/tools/rebuild-pages --type=index --type=Page

これ以外に複数のブログがあったりする場合は記事下の参考ページにブログIDを指定する方法などが書かれています。

ユーザー名とパスワードを指定したコマンドの例

以下のように、あらかじめMTにログインする際のユーザ名とパスワードをコマンドに含めておけば、下の方にもある rebuild-pages での事前設定が不要です。

/usr/bin/perl /home/ze****ju/public_html/domain.name/mt-folder/tools/rebuild-pages --user=ユーザー名 --pass=パスワード --silent その他のオプション

Cronジョブで再構築が成功した場合のメール

メールアドレスを登録しておくと、Cronジョブが実行されるたびに結果のメールが届きます。

以下のメールはインデックステンプレートとウェブページアーカイブの再構築に成功した場合ですが、メールの本文に success の文字が入ったメールが届きます。

Perlモジュールが足らなくて失敗した場合

Perlモジュールが不足してCronジョブが失敗したときは以下のようなメールが届きます。ここでは Web::Scraper というPerlモジュールが足りませんので、 [cPanel]-[Perlモジュール] の画面から Web::Scraper をインストールします。

パスの指定が間違っていて失敗した場合

以下の場合、 Local.pm というファイルの94行目にあるパスが正しく /home/ze****ju/public_html/domain.name/mt-folder/tools/ になっていないというメールです。

mt-folder/lib/LWP/UserAgent/Local.pm を開いてパスを toolsフォルダまでの /home/ze****ju/public_html/domain.name/mt-folder/ に変更します。以下は正しく変更したときのソースですが、88行目にも同じようなソースがありますので、ここにあるパスも同じものに変更します。（※Local.pmはMTにはデフォルトで存在していないファイルです。ページの下の方に準備する方法を記載しています。）

大前提としての基本準備

最初に書くべき内容かもしれませんが、ここでは以前に他のレンタルサーバーでCronジョブによる再構築を行っていたものを Mixhost で行うとしたらどうやって設定すればいいかをメインにしていますので、後に書きました。Cornジョブを登録すれば簡単に自動で再構築ができるというもではありません。MTにいくつかの設定とPerlモジュールのインストールが必要です。

Web::Scraper のインストール

上にも書いていますが、Perlモジュールの Web::Scraper が必要です。Web::Scraper を [cPanel]-[Perlモジュール] から検索して Mixhost にインストールしてください。

rebuild-pages の基本設定

rebuild-pages は再構築を行うためのスクリプトファイルです。ここに以下の初期設定が必要です。

  ファイルの場所
  /home/ze****ju/public_html/domain.name/mt-folder/tools/


  ファイル名
  rebuild-pages

  （拡張子なしのファイル）


  2行目に追記
  use cPanelUserConfig;

    （※レンタルサーバーがMixhostの場合に必要）


  $username
  MTの管理画面にログオンするときのユーザー名

    （※コマンドに直接指定している場合は不要）


  $password
  MTの管理画面にログオンするときのパスワード

  （※コマンドに直接指定している場合は不要）


  $script_path
  MTフォルダのパス

  （例：/mt-folder/　※不要かも？）


  $hostname
  ドメイン名

  （例：qwerty.work　※不要かも？）

LWP::UserAgent::Localの設置

ebuild-pages が必要としている LWP::UserAgent::Local がMTには標準ではないので、以下より Local.pm のソースをダウンロード（ソースをコピー）します。

https://github.com/movabletype/movabletype/blob/master/t/lib/LWP/UserAgent/Local.pm

ソースをテキストエディタに貼り付け、Local.pmというファイル名で保存します。保存場所は以下のようになるよう、フォルダを作成して保存します。

/mt-folder/lib/LWP/UserAgent/Local.pm

Local.pmの基本設定

Local.pm はそのまま使うとエラーになるので、以下の追記が必要です。

use lib qw(../lib ../extlib);

あとは上の方でも書きましたが、** 94行目あたりに MTフォルダまでのパスを挿入することが必要**です。もっとスマートな書き方があると思うのですが、Perl はよくわからないのでいい書き方が見つかれば修正した方法を掲載したいと思います。

以前書いた参考記事

以前、他のサーバーでCronジョブによる再構築を行ったときに書いたページ。

cronとrebuild-pagesを使って定期的にMovableTypeを自動で再構築する

その他参考ページ

https://www.h-fj.com/blog/archives/2014/05/27-102904.php https://www.h-fj.com/blog/archives/2014/05/27-102904.php

https://redamoon.net/log/post/000029.html https://redamoon.net/log/post/000029.html

MovableTypeの管理画面でblank.htmlのダウンロードが開始されるとき

Wed, 30 May 2018 11:18:15 +0900

管理画面でblank.htmlのダウンロードが始まる

レンタルサーバーを Mixhost に引越して以来、 Internet Explorer（IE） でMovable Typeの管理画面にログオンすると 「blank.htmlを保存しますか？」 と毎回** blank.html **のダウンロードが始まるようになりました。 Edge と Chrome ではこの症状は出ませんでした。

ちなみに blank.html というファイルはサイト内に存在していません。

原因は.htaccessの１行

理屈はよくわかりませんが、原因は .htaccess でした。 .htaccess は移行元のものをそのまま移行先の Mixhost で使っていました。その中の以下2行を削除でもよかったのですが、行の先頭に # を入れてコメントアウトしたらダウンロードの画面は出ることがなくなりました。

htm、htmlでSSI（サーバーサイドインクルード）を使用できるようにするものらしいです。以前、SSIのテストを行ったときの名残で残していましたが、PHP以外でインクルードを使うことがないので、 # でコメントアウトしました。

AddHandler server-parsed .htm .html
AddType text/x-server-parsed-html .html

参考にしたページでは以下の行を削除したとありましたが、私の.htaccessにはこの記載はありませんでしたが、症状が発生したので上記2行はコメントアウトしました。

AddType application/x-httpd-php .htm .html .cgi

参考ページ

https://www.screamo.jp/2009/09/07/22/22/27/ https://www.screamo.jp/2009/09/07/22/22/27/

https://wordpress.matometa.net/archives/20121009183042 https://wordpress.matometa.net/archives/20121009183042

正規表現でMovableType（MT）の余計な改行と行頭のスペースを消す

Sun, 28 Jan 2018 16:11:41 +0900

MTによるページ構築時にどうしてもMTタグがあった部分に無駄な空白や改行が出来てしまいます。それを正規表現を使って無駄な空白と改行を削除します。削除というよりregex_replaceで**「何も無し」**に置き換えます。

テンプレート（ページ）全部を対象にする場合

最初と最後の行に``を入れてテンプレート全体を囲います。余計な改行と行頭のスペースがすべて削除されたページが再構築時に出力されます。当たり前ですがPHPなどでインクルードされた部分には反映されません。MTのインクルードモジュールには反映されているみたいです。

<mt:For regex_replace="/^[\ \t\r\n]+/mg","">
	<!DOCTYPE html>
	<html>
	.
	.（テンプレート内容）
	.
	</html>
</mt:For>

の代わりにまたは``でも使えます。

インクルードさせるモジュール内を対象にする場合

<$mt:Include module="sidebar" regex_replace="/^[\ \t\r\n]+/mg",""$>

Keywordに含まれた半角スペースを削除する例

カンマの前後にある半角スペースを削除する例ブログを投稿する際、「キーワード」欄に,（カンマ）の前後にうっかり半角スペースを含めてしまうことがあります。そんなときに使用する例。"Movable Type, 正規表現 , 置換"→"Movable Type,正規表現,置換"というように、カンマで区切られた文字列の前後にある半角スペースだけ削除します。

<meta name="keywords" content="<$mt:EntryKeywords trim="1" regex_replace="/,\s/mg","," regex_replace="/\s,/mg",","$>">

条件を|で区切ったり、一発で置き換え方法があるかとは思いますが、今のところ分からないのでパス。

キーワード内にあるすべての半角スペースを置換える場の例。 "Movable Type, 正規表現 , 置換"→"MovableType,正規表現,置換"のように、全ての半角スペースを削除します。

<meta name="keywords" content="<$mt:EntryKeywords trim="1" regex_replace="/\s+/mg",""$>">

空白文字のを削除する正規表現の方法は以下のページが参考になりました。

https://www.nishishi.com/javascript-tips/trim-space-chars.html https://www.nishishi.com/javascript-tips/trim-space-chars.html

上記の正規表現の意味について

先頭行にある半角スペース、タブ、改行のいずれかを繰り返し消すと意味になっています。それぞれの記号の意味は以下の通りです。

  正規表現
  意味




  ^
  行頭


  \+半角スペース

\s 半角スペース

  \t
  タブ


  \r
  キャリッジ リターン


  \n
  改行


  [　]
  囲った部分のいずれか


  /　/mg
  複数行対象に繰り返し

正規表現の参考ページ

https://www.megasoft.co.jp/mifes/seiki/meta.html https://www.megasoft.co.jp/mifes/seiki/meta.html

修飾子（modifier）について

/～/mgの最後にあるmとかgは修飾子（modifier）と呼ばれるものらしいです。僕もよくわかっていないのですが、よく使う//ｇと//mgの違いがよくわかりませんが、どうやらPerlの正規表現で使われるものらしいです。ちなみに、mは**「文字列を複数行として扱う」で、gは「グローバルなマッチング」**？を意味しているようです。以下のページが参考になります。

https://www.javadrive.jp/perl/regex/modifier/index1.html https://www.javadrive.jp/perl/regex/modifier/index1.html

https://perldoc.jp/docs/perl/5.14.1/perlre.pod https://perldoc.jp/docs/perl/5.14.1/perlre.pod

iの**「大文字小文字を区別しないパターンマッチング」**はどこかで役に立ちそうです。

その他参考になるページ

https://every-rating.com/mt/movabletype-regex-replace.html https://every-rating.com/mt/movabletype-regex-replace.html

https://hacknote.jp/archives/2969/ https://hacknote.jp/archives/2969/

インクルードで読み込んだテンプレートの改行のみ削除なら

MTタグに一言追加で簡単に改行を削除

例えばファーストビューで読み込まれるのスタイルシートをインラインで表示したいときなど、テンプレートの出力から改行だけを削除する場合は以下のMTのコードを追加すれば簡単です。スタイルシートに限らず、HTMLを出力する際にも使えます。

strip_linefeeds="1"

使用例

例えばインデックステンプレートのスタイルシート（styles.css）をインライン化したいときはこんな感じです。

<style><$mt:Include identifier="stylesheet" strip_linefeeds="1"$></style>

regex_replaceと併用した例

regex_replaceを併用して更にCSSをギュッと縮めるとしたらこんな感じでできます。

行頭の半角スペース・改行・タブの削除
- 2つ以上の半角スペースの削除
- /～/のコメントの削除
- “, “（カンマと後ろの半角スペース）を”,"（カンマのみ）にする
- “: “（コロンと後ろの半角スペース）を”:"（コロンのみ）にする

]]> もっとスマートな書き方があるのかもしれませんが、とりあえずこれでも理想通りにできました。

参考ページ

https://movabletype.net/dict/global-17/strip-linefeeds.html https://movabletype.net/dict/global-17/strip-linefeeds.html

MovableTypeのregex_replaceでシングルクォーテーションの置換えをするとエラーが出るとき

Thu, 11 May 2017 22:21:55 +0900

MovableTypeでAMP対応のページを書き出すためのテンプレートができてもGoogle Search ConsoleのAccelerated Mobile Pagesで致命的なエラーや警告が次々出てきてHTMLのソースを修正しなければならない部分がたくさん出てきました。

border=“0”やtarget="_blank"とかstyle=""**を使ったらダメとか…。

これらと一つ一つを正規表現で置換をするMT関数のregex_replaceを使って不要な要素を削除することにしました。

ただ、自分は正規表現が苦手でなかなか思った通りの置換や不要な文字列の削除ができませんでした。しかし、なんとか解決できたので参考になった正規表現のサンプルのページやソースをメモ。

正規表現による置換の参考

https://nelog.jp/wordpress-content-to-amp https://nelog.jp/wordpress-content-to-amp

上記のページはWordPress向けにPHPで書かれておりますが、わかりやすかったです。

シングルクォーテーションでエラー

ここまではよかったのですが、シングルクォーテーション（’）でつまずきました。

例えば、borderを消そうとしたとき、**border=“0”やborder=‘0’**のように0をダブルクォーテーションで囲ってある場合と、シングルクォーテーションで囲ってある場合があります。正規表現の検索対象にシングルクォーテーション（’）が含まれていると、DreamWeaverや正規表現の使えるテキストエディタではちゃんと置換ができるのに、全く同じ正規表現をMovableTypeのテンプレートに使うとエラーが出てうまくいきませんでした。ダブルクォーテーション（"）だけだと問題なく置換できました。

エラーが出たソース

<$mt:Var name='regex_0' value='/( border| target| style| onclick)=["'](.*?)["']/g'$>
<$mt:Var name='regex_1' value=''$>
<MTUnless regex_replace="$regex_0","$regex_1">
<mt:EntryBody>
<mt:EntryMore>
</MTUnless>

["’]のように****のvalueの値にシングルクォーテーション（’）を含まれているとエラーが出ます。シングルクォーテーション（’）に¥マークを付けて**¥’**とエスケープしてもダメでした。

原因は変数の使い方

原因はMTのテンプレート内で使う変数をセットする書き方（）が悪かったようで、以下のページ内にもあるように**～**を使って変数に正規表現の検索対象を入れて使うと解決できました。

http://www.skyarc.co.jp/engineerblog/entry/regex_replace_1.html http://www.skyarc.co.jp/engineerblog/entry/regex_replace_1.html

ダブルクォーテーション（"）は特に問題ないのですが、シングルクォーテーション（’）は注意が必要です。

うまくいったソース

<MTSetVarBlock name="regex_0">/( border| target| style| onclick)=["'](.*?)["']/g</MTSetVarBlock>
<MTSetVarBlock name="regex_1"></MTSetVarBlock>
<MTUnless regex_replace="$regex_0","$regex_1">
<mt:EntryBody>
<mt:EntryMore>
</MTUnless>

これで、border=""、target=""、style=’’、 onclick=’‘など、ダブルクォーテーションとシングルクォーテーションのどちらで囲ってあっても全部削除できます。

その他参考ページ

MovableTypeのブログにAMP対応のテンプレートを作成してみた

Wed, 26 Apr 2017 21:06:27 +0900

MovableTypeでAMP対応のページを書き出せるようにAMP用の記事テンプレートを作ってみたのでメモ。

スマホでグーグル検索したときの検索結果の**⚡マークが付いているリンクを開くとページが高速で表示されるというAMP**（アンプ）。

https://www.ampproject.org/ https://www.ampproject.org/

AMP用の記事テンプレートを作成

AMPページでは

がいる
をまたはにする
imgタグをamp-imgにするなどamp-***しないといけないタグがある
CSSは内部に書かないといけない
AMP対応のJavaScriptしか使えない
AdSenseとAnalyticsもAMP対応のコード書き換えないといけない
etc…

と、いろいろ制約があるので、既存の記事テンプレートをいじるのではなく、AMP専用の記事テンプレートを作成することにしました。テンプレートを登録。

テンプレートのソース

<!DOCTYPE html><br><html amp lang="<$mt:BlogLanguage$>"><br><head><br><meta http-equiv="content-type" content="text/html; charset=UTF-8"><br><meta charset="<$mt:PublishCharset$>"><br><title><$mt:EntryTitle encode_html="1"$>-<$mt:BlogName encode_html="1"$></title><br><$mt:CanonicalLink regex_replace="//amp/","" $><br><meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"><br><script type="application/ld+json"><br>      {<br>        "@context": "http://schema.org",<br>        "@type": "Blog",<br>        "headline": "<$mt:EntryTitle encode_json='1'$>",<br>        "datePublished": "<$mt:EntryDate format_name='iso8601'$>",<br>        "dateModified": "<$MTDate format_name='iso8601'$>",<br>        "author": "<$mt:EntryAuthorLink show_hcard="1"$>",<br>        "publisher": "Qwerty.Work",<br>        "mainEntityOfPage": "<$mt:CanonicalURL with_index="1"$>",<br>        "image": ""<br>      }<br>    </script><br><style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><br><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript><br><script custom-element="amp-iframe" async src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script><br><script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script><br><script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script><br><script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script><br><script async src="https://cdn.ampproject.org/v0.js"></script><br><style amp-custom><br>	body { margin:0; padding:10px; font-family:sans-serif; }<br>	amp-img { background-color: gray; border: 1px solid black; }<br></style><br></head><br><body><br><amp-analytics type="googleanalytics" id="analytics1"> <br>  <script type="application/json"><br>    {<br>  "vars": {<br>    "account": "UA-12345678-1"<br>      },<br>  "triggers": {<br>    "trackPageview": {<br>      "on": "visible",<br>      "request": "pageview"<br>        }<br>      }<br>    }<br>  </script> <br></amp-analytics><br><header><br>  <h1><mt:EntryTitle></h1><br>  <time><mt:EntryDate></time><br></header><br><amp-ad <br>    layout="responsive" <br>    width=300 <br>    height=250 <br>    type="adsense" <br>    data-ad-client="ca-pub-1234567891234567" <br>    data-ad-slot="1234567890"><br></amp-ad><br><article><br>  <mt:AmpConvert fix_img_size="1" base_url="https://qwerty.work"><br>    <mt:EntryBody><br>    <mt:EntryMore><br>  </mt:AmpConvert><br></article><br><aside>&nbsp;</aside><br><footer><hr><a href="<mt:BlogURL"><mt:BlogName></a></footer><br></body><br></html><br>

参考ページ

https://mbdb.jp/hacks/movable-type-coping-with-amp.html https://mbdb.jp/hacks/movable-type-coping-with-amp.html

https://www.brain-solution.net/blog/seo/amp-html/ https://www.brain-solution.net/blog/seo/amp-html/

https://mbdb.jp/hacks/movable-type-coping-with-amp.html https://mbdb.jp/hacks/movable-type-coping-with-amp.html

https://www.cherry-pick.jp/blog/movable-type/amp.php https://www.cherry-pick.jp/blog/movable-type/amp.php

アーカイブマッピングを設定する

AMP用のページはブログルートフォルダの/ampという階層に書き出すことにしたので、

amp/%y%/m%-f

としました。ファイル名.amp.htmlと書き出す手段もあったのですが、/ampに書き出すことにしました。

記事の横のチェックボックスにはチェックを入れないこと。このチェックボックスはデフォルトのアーカイブマッピングを指定するものなので、ここにチェックを入れると、PC用のページのリンクが全部/ampにあるページのURLになってしまいます。

プラグイン「AmpConvert」を入れる

このプラグインを入れるとimgやYouToube用のiflameタグをAMP用のタグに変換してくれます。以下からプラグインをダウンロードしてMTのpluginフォルダにAmpConvertフォルダを丸ごと置いてアップロードします。

https://github.com/ARK-Web/mt_plugin_AmpConvert https://github.com/ARK-Web/mt_plugin_AmpConvert

使い方

AMP用のコードに変換したいコードを**～**で囲みます。

<mt:AmpConvert>
	<mt:EntryBody>
	<mt:EntryMore>
</mt:AmpConvert>

これだけでimgをamp-imgに、YouTubeのiflameをamp-youtubeに変換してくれます。

AdSenseのコード

～に以下を追加

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

AMP用のAdSenseコード

サイト運営者 ID（data-ad-client）と広告ユニット ID（data-ad-slot）を自分の広告のコードに書き換えます。

<amp-ad
	width=300 <br>	height=250 <br>	type="adsense" <br>	data-ad-client="ca-pub-1234567891234567" <br>	data-ad-slot="1234567890"
</amp-ad>

詳しくは以下のAdSenseヘルプのページを参照してください。

https://support.google.com/adsense/answer/7183212?hl=ja https://support.google.com/adsense/answer/7183212?hl=ja

Analyticsのコード

～に以下を追加

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

AMP用のAnalyticsコード

UA-XXXXX-Yの部分を自分のAnalyticsのコードに書き換えます。

<amp-analytics type="googleanalytics" id="analytics1"><br><script type="application/json"><br>{<br>  "vars": {<br>    "account": "UA-XXXXX-Y"<br>  },<br>  "triggers": {<br>    "trackPageview": {<br>      "on": "visible",<br>      "request": "pageview"<br>    }<br>  }<br>}<br></script><br></amp-analytics>

詳しくは以下のページを参照してください。

https://developers.google.com/analytics/devguides/collection/amp-analytics/?hl=ja https://developers.google.com/analytics/devguides/collection/amp-analytics/?hl=ja

AMPページと通常ページの"canonical"

AMPページには通常ページのリンクを記載し、通常ページにはAMPページのリンクを記載します。通常のページは**/blogの階層で、AMPページは/blog/ampの階層**だった場合、以下のようになります。

AMPページ

<link rel="canonical" href="https://www.example.com/blog/document.html">

通常ページ（Non AMPページ）

<link rel="amphtml" href="https://www.example.com/blog/amp/document.html">

構造化データについて

うまく説明できませんが、JSON-LDとかいう構造化データというのがあったほうがいいようです。ブログ用のJSON-LDのサンプルは以下を参考にしてみてください。

http://jsonld.com/blog-post/ http://jsonld.com/blog-post/

ここでAMPページの構造化データのテストができます。

https://search.google.com/structured-data/testing-tool https://search.google.com/structured-data/testing-tool

AMP用ページのテスト

出来上がったAMP用のページがちゃんとできているか以下のAMPテストサイトで確認ができます。

Googleの検証サイト

https://search.google.com/search-console/amp https://search.google.com/search-console/amp

AMP用ページのURLを入れて[テストを実行]をボタンを押します。

ダメな場合はダメな箇所を教えてくれます。

AMP Projectの検証ツール

以下のURLで検証結果を表示できます。

https://validator.ampproject.org/#url=AMPページのurl

Search ConsoleのAMPレポートでエラーチェック

Accelerated Mobile Pages（AMP）レポートAMPページのインデックス状況やエラーや問題を確認できます。

https://www.google.com/webmasters/tools/accelerated-mobile-pages https://www.google.com/webmasters/tools/accelerated-mobile-pages

やることはもっとありますが、とりあえず以上でAMPページは導入できたので今回はこのくらいにしておきます。

バリューサーバーでMovabletypeのrebuild-pagesを動かす

Mon, 06 Apr 2015 13:09:52 +0900

速くて安いサーバーないかな～なんてネットで検索してたらレンタルサーバーの比較をしているページ（http://rs-hikaku.com/）を見つけました。

速くて安いのなら乗り換えようかとバリューサーバー（ValueServer）の10日間のお試しで使ってみた。けどヘテムル（heteml）で動いていたものが動かない…。

cronに登録してMovabletypeの再構築をrebuild-pagesで自動的に毎日行っているのですが、以前の記事で書いた内容でヘテムル（heteml）では動いていたのにバリューサーバー（ValueServer）では動かない。

以前の記事：cronとrebuild-pagesを使って定期的にMovableTypeを自動で再構築する

でも動かないままあきらめるのも嫌なので動くまでやってやろうと以下の事を追加で行い動かすことができました。

SSHでrebuild-pagesを実行したらエラー

まず動かない原因を探るためTera Termをインストールして、バリューサーバー（ValueServer）のサーバーにSSHでログインし、rebuild-pagesを実行してみます。

/usr/bin/perl /virtual/user-dir/public_html/mt/tools/rebuild-pages

とrebuild-pagesを実行してみたところ

BEGIN failed–compilation aborted at /virtual/user-dir/public_html/mt/tools/rebuild-pages line 14. というエラー。どうやらcronの設定が悪いのではなく、スクリプトでエラーが出ているようです。

/mt/tools/にあるrebuiled-pagesを開いて14行目を見ると「use Web::Scraper;」とありました。PerlモジュールのWeb::Scraperで引っ掛かっているようで、どのフォルダーを探してもWeb::Scraperが見当たらないのでエラーとなっているようです。

Web::Scraperを入れる

PerlモジュールのWeb::Scraperをどうやって入手すればいいのかわからなかったのですが、以下のサイトを参考にSSHでbinというディレクトリを作ってWeb::ScraperをインストールするためのcpanmとWeb::Scraperに必要なHTML::TreeBuilder::XPathをそれぞれインストールしました。

参考：http://blog.eleclabo.com/2015/02/post-158.html

cpanmを/virtual/user-dir/binにインストール

% cd /virtual/user-dir
% mkdir bin
% cd bin
% curl -LO http://xrl.us/cpanm
% chmod +x cpanm

Web::ScraperとHTML::TreeBuilder::XPathを/virtual/user-dir/binにインストール

% cd /virtual/user-dir
% cpanm -l bin Web::Scraper
% cpanm -l bin HTML::TreeBuilder::XPath

これで、/virtual/user-dir/bin/lib/perl5/Web/Scraperができあがりました。

rebuiled-pagesにパスを追加

rebuiled-pagesの8行目あたりにPerlモジュールの参照先を指定する部分があります。ここにはWeb::Scraperのある場（/virtual/user-dir/bin/lib/perl5）が指定されていませんので追加します。

#編集前
use lib ("$FindBin::Bin/../lib", "$FindBin::Bin/../extlib");<br>

#編集後
use lib ("$FindBin::Bin/../lib", "$FindBin::Bin/../extlib", "/virtual/user-dir/bin/lib/perl5");

LWP::UserAgent::Localのあるディレクトリ（/mt/lib/）または/mt/extlib/にWeb::Scraperをインストールしておけば、これは不要だったかもしれませんがあまりSSHになれていないので、変なことにならないようここは参考通りにしておきます。

最後にlocal.pmのパスを修正

/virtual/user-dir/public_html/mt/lib/LWP/UserAgent/Local.pmの**".$script_name"を"/virtual/user-dir/public_html/mt/$script_name"**に修正します。

#88行目あたり
#修正前<br>my $pid = open2( \*RESPONSE, \*REQUEST, "./$script_name" )

#修正後
my $pid = open2( \*RESPONSE, \*REQUEST, "/virtual/user-dir/public_html/mt/$script_name" )

#94行目あたり
#修正前
open RESPONSE, "./$script_name|" or die "Couldn't spawn $script_name";

#修正後<br>open RESPONSE, "/virtual/user-dir/public_html/mt/$script_name|" or die "Couldn't spawn $script_name";

できた！

それぞれ修正したファイルをアップロードして、パーミッションも700にして、再度SSHで

/usr/bin/perl /virtual/user-dir/public_html/mt/tools/rebuild-pages

と打ってrebuiled-pagesを実行したらキター！！

ってことで一件落着。

【追記】これでcronもうまくいくはずだったのですが、うまくいかず以下のページで解決。

バリューサーバーのcronでMovabletypeの再構築を自動化できない

IE9以上でMovableTypeの管理画面が動かないときの対処

Sat, 12 Jul 2014 22:09:48 +0900

MovableType4～5はバージョンごとにレンダリング方法が異なるInternetExploreのバージョン9以上ではブログ記事が入力できないとかメニューが表示できないなど正しく操作できない部分があるようです。（MT6はIE9以降でも動くようです。）

対処方法は簡単な順で以下の方法がありあます。

その１、ChromeなどIE以外のブラウザを使う。

これが一番手っ取り早いのですが、自分以外のユーザーやChromeがインストールされていないパソコンでMTの編集を行うときに困ります。

その２、IEの互換表示設定にURLを登録する

InternetExploreの歯車のメニューの互換表示設定にURLを追加すれば、登録されたURLを表示するときは常に互換表示となります。

その３、メタタグを管理画面のテンプレートに埋め込む

MT設置ディレクトリ内の**/tmpl/cms/include/header.tmplを開いて～**に以下のタグを埋め込みます。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

これで、どのパソコンであろうとIEで管理画面にアクセスしたときはIE7の互換表示となり、管理画面を操作できます。

投稿記事内の最初の画像をアクセスランキングに表示-MovableType

Thu, 01 May 2014 09:28:29 +0900

投稿記事内の画像を使って、アクセスランキングにサムネイル画像を表示するためにムーバブルタイプでアクセスランク順に人気記事リストを表示する方法とその他のサンプルのソースをかき集めてどうにかできたのでメモ。

MTに画像を登録していればもっと簡単にできるようなのですが、僕はムーバブルタイプで画像を使うとき、IMGタグを直接書いています。どうもMTのアイテムとして画像を登録するやり方が苦手なんです。画像の遅延表示やLightboxとか使うのに、あとでソースを修正することが多く、最初から手打ち登録するほうが気分的に安心なんです。こんな手間をかけなくてもプラグインとかありそうですが…。

<MTIf tag="BlogEntryCount"><br /><MTEntries sort_by="accessed_count" sort_order="descend" limit="5"><br />  <mt:EntriesHeader><br />    <div class="widget-recent-entries widget-archives widget"><br />      <h3 class="widget-header">アクセスランキング</h3><br />      <div class="widget-content"><br />        <ul id="access-lanking"><br />          </mt:EntriesHeader><br />          <$mt:setvar name="rank" value="1" op="++"$><br />            <MTSetVarBlock name="GetImageURL">
              <MTEntryBody regex_replace="/<[^i].*?>|<i[^m]*?>|<iframe.*?>|<input.*?>|<ins.*?>|<isindex.*?>|\s/g","" regex_replace='/(.*?src=")(.*?)(".*)/g','$2' regex_replace='/^[^\.\/h].*/g','none'>
            </MTSetVarBlock><br />              <li><br />                <MTIf name="GetImageURL" like="none"><br />                    <a href="<$MTEntryPermalink$>"><img src="<$mt:SupportDirectoryURL with_domain="1" encode_html="1"$>theme_static/rainier/img/siteicon-sample.png" width="60" height="60" alt="<$MTEntryTitle$>" /></a><br />                <MTElse><br />                    <a href="<$MTEntryPermalink$>"><img src="<$MTGetVar name="GetImageURL"$>" width="60" height="60" alt="<$MTEntryTitle$>" /></a><br />                </MTIf><br />                <a href="<$MTEntryPermalink$>"><p class="entry-title"><$MTEntryTitle trim_to="43+..."$></p></a><br />              </li><br />            <mt:EntriesFooter><br />        </ul><br />      </div><br />    </div><br />  </mt:EntriesFooter><br /></MTEntries><br /></MTIf>

（ランキング表示にAccess Counterというプラグインを使っていることが前提のソースです。）

まず、正規表現を使ってEntryBody（記事内）のソースからIMGタグのsrcにある画像パスを抜き出してGetImageURLという変数に代入します。もし、画像がなかったらnoneという文字を代入します。

<MTSetVarBlock name="GetImageURL">
   <MTEntryBody regex_replace="/<[^i].*?>|<i[^m]*?>|<iframe.*?>|<input.*?>|<ins.*?>|<isindex.*?>|\s/g","" regex_replace='/(.*?src=")(.*?)(".*)/g','$2' regex_replace='/^[^\.\/h].*/g','none'>
</MTSetVarBlock><br />

アクセスランキング表示の際、画像がなければ代替画像を表示して、あれば GetImageURLに入っている画像パスを使って表示します。

<MTIf name="GetImageURL" like="none"><br />  <a href="<$MTEntryPermalink$>"><img src="<$mt:SupportDirectoryURL with_domain="1" encode_html="1"$>theme_static/rainier/img/siteicon-sample.png" width="60" height="60" alt="<$MTEntryTitle$>" /></a>
<MTElse><br />  <a href="<$MTEntryPermalink$>"><img src="<$MTGetVar name="GetImageURL"$>" width="60" height="60" alt="<$MTEntryTitle$>" /></a><br /></MTIf>

この方法にMTの画像アイテムがあればそれを優先するようなことも加えたいのですが、とりあえず今回はここまで。

参考ページ

http://akamiru.com/2014/02/mt-accesse-counter.html http://akamiru.com/2014/02/mt-accesse-counter.html

Cronとrebuild-pagesを使って定期的にMovableTypeを自動で再構築する

Thu, 24 Apr 2014 10:10:00 +0900

現在、heteml（ヘテムル）のサーバーでMovabletype6（MT6）を使っています。

ムーバブルタイプの再構築を毎日決まった時間に再構築できないかいろいろ調べていたところ、mt-rebuild.plを使用した方法がたくさん検索でヒットしました。ところが現在はファイルを入手できない状況になっているようで、別の方法を検討することにしました。そこでMovabletypeに元々あるrebuid-pagesというファイルを使った方法がありましたのでメモ。

cronによる再構築のスケジュールを設定してみました。cronの設定までに以下のファイルが必要です。

rebuild-pages（MT6に元々ある再構築用スクリプト用のファイル） mt.sh（cronに登録するrebuild-pagesを実行させるためのもの） Local.pm（MTになくrebuild-pagesに必要なものでテキストエディタで作成）

rebuild-pagesの設定

rebuild-pagesというファイルは**mt/tool/**にあります。このファイルを開いて再構築に必要な項目を入力します。

### Parses options.
my @blog_ids;
my @types;
my $username    = 'MTのユーザー名';
my $password    = 'MTのパスワード';
my $script_path = '/mt/';
my $hostname    = 'qwerty.work';　←ホスト名（ドメイン名）
my $silent      = 0;
my $usage       = 0;
my $elapse      = 0;

rebuild-pagesの最後の方のソースを見ればわかりますが、オプションを加えることによりblog_IDやカテゴリページやインデックスページのみを再構築するなど、細かく指定することもできるようです。

mt.shを用意

テキストエディタで以下のソースをmt.shと名前を付けて保存します。（ここでは仮にmt.shとしていますが、.shという拡張子であれば名前はなんでもいいです。）

#!/bin/sh

cd /home/sites/heteml/users***/m/h/0/ヘテムルのユーザー名/web/qwerty.work/mt/
/usr/bin/perl ./tools/rebuild-pages

exit

リビルドに必要な項目はrebuild-pagesで設定しなくても、コマンドで設定することもできるようです。

/usr/bin/perl ./tools/rebuild-pages --user=MTのユーザー名 --pass=MTのパスワード

その他、指定できるパラメータは以下のページが参考になります。

参考：http://www.h-fj.com/blog/archives/2014/05/27-102904.php

mt.shをアップロード

/home/sites/heteml/users*/m/h/0/ヘテムルのユーザー名/にアップロードします。パーミッションは700**（ヘテムルの場合）にします。

違うディレクトリにアップロードすると以下のようなエラーメールが届いて動きませんでした。

/bin/sh: /home/sites/heteml/users/m/h/0/****/web/qwerty.work/mt.sh: /bin/sh: bad interpreter: No such file or directory

Local.pmを作成とアップロード

rebuild-pagesでLWP::UserAgent::Localというモジュールが必要らしいのですが、標準ではないのでmt/lib/の中にLWP/UserAgent/Local.pmを作ります。

Local.pmのソースは「movabletype/t/lib/LWP/UserAgent/Local.pm at master · movabletype/movabletype · GitHub」を使いました。

Local.pmの2行目あたりに以下を追記します。

package LWP::UserAgent::Local;

use lib qw(../lib ../extlib); ←これ

または

use lib qw(
    /home/sites/heteml/users***/m/h/0/ヘテムルのユーザー名/web/qwerty.work/web/mt/lib
    /home/sites/heteml/users***/m/h/0/ヘテムルのユーザー名/web/qwerty.work/web/mt/extlib
);

use LWP::UserAgent;
use base 'LWP::UserAgent';
use IPC::Open2 'open2';

このパスの指定がないとうまく動きませんでした。

cronを設定

ヘテムルのコントロールパネルのcron設定のページでスケジュールで登録します。毎日朝4:00に再構築するように設定して終了。

無事、毎日4時に再構築してくれています。

ヘテムル以外のサーバーでこれでもダメだった場合は以下のページのことも合わせてやってみてください。

バリューサーバーでMovabletypeのrebuild-pagesを動かす

参考にしたページ

正規表現で記事内の最初にある画像のURLを抜き出す-MovableType

Wed, 23 Apr 2014 12:25:25 +0900

ムーバブルタイプの記事一覧にサムネイルを付けたいけど、MT上の画像登録機能を使わず、直接IMGタグで画像を指定していう記事ばかりなのでいくら****で呼び出しても画像が表示されません。

そこで、記事内のHTMLからIMGタグ内にある画像URLを正規表現で抜き出す方法がないかと探したらブログ記事本文中の最初のimgのURLを取得する | かたつむりくんのWWWにありました。

<img src="<mt:EntryBody regex_replace="/<[^i].*?>|<i[^m]*?>|<iframe.*?>|<input.*?>|<ins.*?>|<isindex.*?>|\s/g","" regex_replace='/(.*?src=")(.*?)(".*)/g','$2' regex_replace="/^[^\.\/].*/g","">" />

正規表現は苦手なので、こういうサンプルがないとわけがわかりません。

MT on qwerty.work

Movable TypeのトラックバックやPing更新通知の送信時に500エラーとなるときに試すこと

送信先のURLが無効と思っていた

HTTPTimeout を設定してみる

以前は PingTimeout という環境変数だった

参考

Mixhostで運用中のMovable Typeの再構築をCronジョブで定期的に自動で行う方法

Cronジョブに登録

登録例

コマンド例

ユーザー名とパスワードを指定したコマンドの例

Cronジョブで再構築が成功した場合のメール

Perlモジュールが足らなくて失敗した場合

パスの指定が間違っていて失敗した場合

大前提としての基本準備

Web::Scraper のインストール

rebuild-pages の基本設定

LWP::UserAgent::Localの設置

Local.pmの基本設定

以前書いた参考記事

その他参考ページ

MovableTypeの管理画面でblank.htmlのダウンロードが開始されるとき

管理画面でblank.htmlのダウンロードが始まる

原因は.htaccessの１行

参考ページ

正規表現でMovableType（MT）の余計な改行と行頭のスペースを消す

テンプレート（ページ）全部を対象にする場合

インクルードさせるモジュール内を対象にする場合

Keywordに含まれた半角スペースを削除する例

上記の正規表現の意味について

正規表現の参考ページ

修飾子（modifier）について

その他参考になるページ

インクルードで読み込んだテンプレートの改行のみ削除なら

MTタグに一言追加で簡単に改行を削除

使用例

regex_replaceと併用した例

参考ページ

MovableTypeのregex_replaceでシングルクォーテーションの置換えをするとエラーが出るとき

正規表現による置換の参考

シングルクォーテーションでエラー

エラーが出たソース

原因は変数の使い方

うまくいったソース

その他参考ページ

MovableTypeのブログにAMP対応のテンプレートを作成してみた

AMP用の記事テンプレートを作成

テンプレートのソース

アーカイブマッピングを設定する

プラグイン「AmpConvert」 を入れる

使い方

AdSenseのコード

～に以下を追加

AMP用のAdSenseコード

Analyticsのコード

～に以下を追加

AMP用のAnalyticsコード

AMPページと通常ページの"canonical"

AMPページ

通常ページ（Non AMPページ）

構造化データについて

AMP用ページのテスト

Googleの検証サイト

AMP Projectの検証ツール

Search ConsoleのAMPレポートでエラーチェック

バリューサーバーでMovabletypeのrebuild-pagesを動かす

SSHでrebuild-pagesを実行したらエラー

Web::Scraperを入れる

cpanmを/virtual/user-dir/binにインストール

Web::ScraperとHTML::TreeBuilder::XPathを/virtual/user-dir/binにインストール

rebuiled-pagesにパスを追加

最後にlocal.pmのパスを修正

できた！

IE9以上でMovableTypeの管理画面が動かないときの対処

その１、ChromeなどIE以外のブラウザを使う。

その２、IEの互換表示設定にURLを登録する

その３、メタタグを管理画面のテンプレートに埋め込む

投稿記事内の最初の画像をアクセスランキングに表示-MovableType

参考ページ

Cronとrebuild-pagesを使って定期的にMovableTypeを自動で再構築する

プラグイン「AmpConvert」を入れる