【最新機種】GoPro hero11 Black
最新機種でVlogの思い出を撮影しよう！
[ノースフェイス] THE NORTH FACE メンズ アウター マウンテンライトジャケット
防水暴風で耐久性抜群なので旅行で大活躍です！
ペヤング ソースやきそば 120g×18個
とりあえず保存食として買っておけば間違いなし！
レッドブル エナジードリンク 250ml×24本
翼を授けよう！
モンスターエナジー 355ml×24本 [エナジードリンク]
脳を活性化させるにはこれ！
Bauhutte ( バウヒュッテ ) 昇降式 L字デスク ブラック BHD-670H-BK
メインデスクの横に置くのにぴったりなおしゃれな可動式ラック！
BANDAI SPIRITS ULTIMAGEAR 遊戯王 千年パズル 1/1スケール
もう一人の僕を呼び覚ませ！！
スポンサーリンク
目次
SearchConsolsでAMPエラー
StaticPressが出力したAMPページのHTML構造がダメらしい
先日、WordPressの「AMP for WordPress」プラグインを利用して、サイトをAMP対応する方法についてご紹介しました。
AMPページもしっかり転送されていましたが、HTMLの内容に不備があるらしく、GoogleSearchConsolsにてエラーが出るようになりました。
全部エラー。。。orz
原因はStaticPressの更新日時追加処理
エラーの内容を見てみると、以下のようになっています。
なにやら、<meta http-equiv="Last-Modified" content="...">のタグにAMPでは使えない属性であるhttp-equivを含んでしまっているようですね。
このタグは、Wordpressで表示している際のHTMLには存在していません。
これは、StaticPressがHTMLファイルを生成する際に自動で追加されるタグなのです！！
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
// 461行目付近 public function add_last_modified($content, $http_code = 200) { if (intval($http_code) === 200) { $type = preg_match('#<!DOCTYPE html>#i', $content) ? 'html' : 'xhtml'; switch ( $type ) { case 'html': $last_modified = sprintf('<meta http-equiv="Last-Modified" content="%s GMT">', gmdate("D, d M Y H:i:s")); break; case 'xhtml': default: $last_modified = sprintf('<meta http-equiv="Last-Modified" content="%s GMT" />', gmdate("D, d M Y H:i:s")); break; } // ここで追加されている $content = preg_replace('#(<head>|<head [^>]+>)#ism', '$1'."\n".$last_modified, $content); } return $content; } |
なるほど。。。
原因が分かりましたので、AMPページの場合はこの処理を行わないように修正してみましょう。
手順
class-static_press.phpの修正
まずは、AMPページの場合にエラーの原因のタグを追加しないようにclass-static_press.phpの373行目辺りと465行目あたりに処理を修正します。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
// 373行目辺り switch ($file_type) { case 'front_page': case 'single': case 'term_archive': case 'author_archive': case 'seo_files': case 'other_page': // AMP判定 $haystack = $url; // 追加 $needle = "amp/";// 追加 $amp_page = (strrpos($haystack, $needle) === strlen($haystack) - strlen($needle))? 1 :0;// 追加 // get remote file if (($content = $this->remote_get($url)) && isset($content['body'])) { if ($blog_charset === 'UTF-8') { $content['body'] = $this->clean_utf8($content['body']); } $http_code = intval($content['code']); switch ($http_code) { case 200: if ($crawling) $this->other_url($content['body'], $url, $http_code, $amp_page);// 第三引数に$amp_pageを追加 case 404: if ($create_404 || $http_code == 200) { $content = apply_filters('StaticPress::put_content', $content['body'], $http_code, $amp_page);// 第三引数に$amp_pageを追加 $this->make_subdirectories($file_dest); file_put_contents($file_dest, $content); $file_date = date('Y-m-d h:i:s', filemtime($file_dest)); } } } break; ................... // 465行目あたり public function add_last_modified($content, $http_code = 200, $amp_page) { // 第三引数に$amp_pageを追加 if (intval($amp_page) === 1) { // APMページの場合の早期リターンを追加 return $content; } if (intval($http_code) === 200) { $type = preg_match('#<!DOCTYPE html>#i', $content) ? 'html' : 'xhtml'; switch ( $type ) { case 'html': $last_modified = sprintf('<meta http-equiv="Last-Modified" content="%s GMT">', gmdate("D, d M Y H:i:s")); break; case 'xhtml': default: $last_modified = sprintf('<meta http-equiv="Last-Modified" content="%s GMT" />', gmdate("D, d M Y H:i:s")); break; } $content = preg_replace('#(<head>|<head [^>]+>)#ism', '$1'."\n".$last_modified, $content); } return $content; } |
class-static_press.phpへの修正はこれで完了です。
plugin.phpの修正
次に、plugin.phpの49行目あたりを修正します。
|
1 2 3 4 5 6 7 |
add_filter('StaticPress::get_url', array($staticpress, 'replace_url')); add_filter('StaticPress::static_url', array($staticpress, 'static_url')); add_filter('StaticPress::put_content', array($staticpress, 'rewrite_generator_tag'), 10, 2); add_filter('StaticPress::put_content', array($staticpress, 'add_last_modified'), 10, 3); // 第四引数を2から3に変更 add_filter('StaticPress::put_content', array($staticpress, 'remove_link_tag'), 10, 2); add_filter('StaticPress::put_content', array($staticpress, 'replace_relative_URI'), 10, 2); add_filter('https_local_ssl_verify', '__return_false'); |
これで完了です！！
この修正は許容する引数を2個から3個に変更する、という修正になります。
この修正を行わないと、$amp_pageに引数が渡ってこなくなってしまいます。
確認
あとは、いつも通りに転送を始めれば適用されます。
通常ページ
今まで通り、変わらずに<meta http-equiv="Last-Modified" content="...">が追加されています。
AMPページ
こちらは、<meta http-equiv="Last-Modified" content="...">が削除されているのが確認出来ました。
終わりに
以上のように、ちょっと一手間加えないとStaticPressのAMP対応は完璧にはなりません￥。
とはいえ、そんなに難しい作業ではないので早めにサクッと対応してみてください。
CATEGORIES & TAGS
関連記事
YouTubeも見てね♪
Travenist
Otakenist
