今回はライオンメディア(対応編)を紹介していきます。これで完結出来ると思いますが、ほぼ、完結出来たと思ったらGoogleさんの返答無しでもAMP(対応編)として投稿しますのでご了承ください。重要:記事下部に書いていますが、AMP対応としては不十分なのでそれを踏まえた上で閲覧ください。※解決に希望が持てましたので記事下部に記載しました。半分は期待していましたが、そう甘くはなかったみたいです。id=”3561′′]そこで暫し考えた結果、同じライオンメディアでAMP対応している方を参考にしようという結論に至りました。そこで検索上位に表示されている方を参考にし、子テーマのfunctions.phpの編集に踏み切りまして、編集したところ画面がほぼ真っ白になってしまいました。スペースを1行開けたのが駄目だったのではないかと推測しましたが、真相はわかりませんがとにかくWordPress編集画面にも行けない状態になってしまいました。これは自己責任なのでしょうがないなと思いましたが、前にもログイン出来なくなったりと経験済みでしたので、ショックは大きかったですがなんとかしないといけないので、エラー修復どころかサイトの修復に乗り出す運びになりました。子テーマを編集する場合バックアップを取るなどの対策が必要だと思います。ちなみにやまとしはエクスポートファイルのみでしたが、サイトのバックアップのプラグインの存在も知っていますが、プラグインを増やしたくないのと、バックアップはサイト自体が重くなるようなので、導入していませんでしたが、プラグインを検討するかもしれません。ロリポップレンタルサーバーで別途¥300でバックアップがありますが、それならエックスサーバーの方がお得な気がするのでオンラインストレージに保存できるプラグインを検討します。UpdraftPlusを導入しましたが、となりに表示のBackWpupでもいいと思いますので、導入してみたはどうでしょうか?手動バックアップの方法も検討しましたが、調べるのが時間かかるのでしばらくUpdraftPlusを使用していこうかと思います。UpdraftPlusはこちらですBackWpupはこちらです。頼りになるのはロリポップレンタルサーバーとサイトの情報ですが、サイトの情報には今まで酷い目にあっているのでなるべく更新日が新しい記事を参考にしましょう。ロリポップレンタルサーバーにログインして、サイトの修復方法を検索しながらの作業になります。自己責任で修正してください。ライオンメディアAMPエラーの修復作業に復帰ようやくサイトが復帰したことでAMPエラーの修復作業に無事復帰することが出来ましたので、AMPエラーの修復作業を再開していきます。次の日になり、会社で考えていたことを実行することにしました。存在そのものを知っていましたが、これしかないというものがあったので、言いますともちろんプラグインです(笑)WordPressでAMP対応させるプラグインの存在を知っていましたので最終手段として最後に残していました。WordPress初心者にはやはりプラグインで対応が簡単でしょう。WordPress関連:https://ja.wordpress.org/plugins/amp/ライオンメディアを使用しているということは、WordPressを使用しているということですから、WordPressがAMP用のプラグインを出していますから、これを使うのは必然だと思いますが、アップデートで問題があったことがあったようで、心配でしたがちゃんと機能してくれているようです。プラグイン名と作成者が変更されたようですが、これで大丈夫ですからインストールしちゃいましょう。点数が低いのはバージョンアップ時の不具合の影響でしょうか?このプラグインのとなりに表示されるプラグインもAMP用でしょうから気になれば調べてそちらをインストールでもいいかもしれませんが、WordPressのプラグインという安心感はこちらが上でしょう。管理画面にAMPの表示がされてGeneralとAnalyticsの設定がこちらから出来ます。Settings)こちらでAMP対応させたいページにチェックをいれます。やまとしは投稿ページのみにしましたが、固定ページも対応させたい場合は固定ページもチェックを、マイテンプレートはわかりませんAnalysticsこちらはアナリティクスのコードを入力ですが、できればAMPと普通のページは分けた方がいいようですが、やまとしは同じにしてますので重複して直帰率が下がる可能性もありますので、特にAMPのページは気にしていませんけど、AMPページの閲覧者がカウントされないようなので、設定していたほうがいいと思います。やまとしはライオンメディア(対応編)が終わって落ち着いたら設定することにします。AMP(カスタマイズ)カスタマイズ画面にAMPのデザインを変更できる画面が追加されます。AMP(カスタマイズ)デザインヘッダーテキスト色ヘッダーのテキストの色が変更出来ます。ヘッダーの背景&リンク色ヘッダーの背景とリンク色の変更が出来ます。背景がライトとダークから選べます。配色(ダーク)配色(ライト)カスタマイズ画面カスタマイズ画面の左下にもAMPのマークが表示されてます。ここは特に触っていませんが、気になる方は押してみてください。公開ボックス公開ボックスの画面でAMPに対応させるか選択できます。Editを押して選択Enabled(AMP対応)Disabled(AMP非対応)デフォルトではAMP対応です。プレビュー下のAMPアイコンでAMPページを確認できます。AMPにページを対応させるか選択出来るのは便利だとおもいます。全部のページを対応させる必要もないので、どうしてもエラーが直せない場合などは対応できるまで、待つのも手だと思います。やまとしもエラーが直せるかも知れないですが、微妙なページは対応させずに先送りにすることにしました。WordPressのプラグインを後から導入したため、エラーがたくさんでましたが、Googleのクロール前までに導入しておけばエラーは少ないかと思います。方法も確認済みですが、安全策でプラグインを選択しました。ライオンメディアのテーマなどで対応されたらプラグインを外してもいいでしょう。有効41エラー3個になりました。プラグインを導入したことで一気に3個まで減らせました。初回25ページだったのが増えていることに気付くと思います。Consol(新・旧)にAMPという項目が追加されますのでそこから確認できるようになります。エラーが出るとヘッダーが赤くなり、警告してるようでプレッシャーがかかりますが、はやく普通の画面に戻せるよう頑張りましょう。最新の状態が確認できて、エラーページの状態が確認出来ますので、メールからエラー確認ページを確認した方が良いでしょう。Googleさんのメールの通知音は、普通の通知音とは違うので、Googleからのメールだとすぐわかりますので、メールの通知音を覚えましょう(笑)2018年6月16日時点でAMPページは49ページで、5~6ページはAMP非対応という状態なので、まだAMPページが増える可能性もあります。AMPエラーの修正方法これがやまとしのブログのAMPエラーの一覧ですが、ほとんどがプラグインで修正出来ましたが、何個かは自力で直しました。エラーの修正点は?エラーのコードを確認すると大体の予想はつきますので、やまとしは勘で直していきました。広告のリンクが切れていたようなので外したアプリーチにエラーがあったのでAMP対応なしに変更(後で対応)アプリーチの方は対応方法は確認済みですが、後で対応することにしました。画像のAndroidとIOSで画像のサイズが違うのでアプリ画像のサイズを固定などする必要がありそうです。アプリーチのエラーを確認過程で、やまとしのページが出てきてたのでウケました(笑)こちらのページでした。関連記事スマートフォンアプリPhotoGridでサイトのプロモーションを作成しようスマートフォンアプリで人気の高いアプリPhotoGridでサイトのプロモーションを作成しようという記事になります。このPhotoGridはスマートフォンアプリの画像編集などで人気が高くなん[...]検索ワード次第で検索2ページに表示されてました。動画のプロモーションの紹介記事でネタでしたが、動画を貼り付けたページでしたので、検索画面に動画のサムネイルが表示されていたため非常に目立つなと思いましたが、あまり閲覧はされていません(泣)でも、動画のサムネイルで目立つので、動画も貼り付けるのも結構、効果的な気もするので、動画もたまには貼り付けて閲覧されるか確かめるのもいいでしょう。測定ページはこちらです。https://developers.google.com/speed/pagespeed/insights/サイトで重い処理をさせてるのが原因かもしれませんが、PCでは速いですが、スマホでは遅すぎるので改善の余地がありそうですが、他の方は速いかもしれませんので...念の為、他のサイトで確認してみました。測定サイトはこちらです。https://gtmetrix.com/なんと97%の表示がでもPC表示なんですよねそれでも凄いです。う~んスマホから測定したからスマホのスピードなのかよくわかりませんが、調べてみる必要がありますので、わかったら追記すると思います。AMPページのカスタムこれはまだ先になりますが、普通だとTwitterなどのSNSのアイコンなども表示されないのでカスタムする必要がありますが、まだエラーを消すことに集中しましたので、対応出来たら紹介すると思います。Googleアドセンスの対応などやる事もありますが、しばらくはAMPは様子をみて、よく調べてから対応したいと思います。投稿ページを選ぶかと思いますので、個人の判断で決めた方が良いでしょうし、AMPに対応させたことで、どのような結果が待っているかも様子をみたいと思います。検索ランキングに変化があったかなど報告できたらいいかと思います。ページのアドレスに?amp=1がついたのがライオンメディアのAMPページです。THOR(ザ・トール)にテーマ変更したので?type=AMPに変更されてます。ライオンメディアAMP重要なこと他のライオンメディアの方のAMPページを確認しましたが、どうやらちゃんとしたライオンメディアのAMPページにはなっていないので、画像の関係なのか調べてみますのでわかったら追記しますが、時間がかかるかもしれませんのでご了承ください。ライオンメディアでも全部ではないですが、AMPの記述に置き換え出来るようなので、一度ライオンメディアでAMPを有効にしてエラーがたくさん出てやまとしのような境遇になったらプラグインを導入してエラーを消した方がいいかと思います。サイドバーが表示されない以外は大体同じに表示されるようです。今回はAMPのエラーは消せて、AMPに対応は出来たけど不十分のようですので、わかったら追記します。ライオンメディアのAMP機能が有効になっていない気がします。AMPロゴがPNGになっていたので、JPGに変更も変わりなし。赤枠のプラグインの方をインストールして有効にすることで見た目がかなり改善されました。後、デザインなどのカスタマイズも出来るようでこちらをカスタムしていこうかと思います。WordPressは停止?になりAMPforWPの方が有効化されるようです。後日、紹介予定のプラグインを調べている過程でこちらにたどり着きました。WPとは雲泥の差です。エラーなどがどうなるかは様子見になりますので、自己判断でインストールと有効化をお願いします。後日、紹介予定のプラグインも対応していたはずです。いままで、AMPエラーで見送っていましたカエレバに変わるプラグインを紹介予定です。これでエラーが出ないことを願います。(汗)ページの速度を計測したところモバイルとPCでALL94のスコアが出たのでどうやらこちらが本命の気がします。設定を変更し、保存しても保存されない問題とAMPのアドレスが?amp=1からamp/に変更されているのと保存出来ないのでロゴが登録出来ないので、エラーがでるかもしれません?基本的にどこかがおかしくなっている気がしますので、このままAMPのことに関わると記事が書けなくなるので、しばらくAMP関連は放置するかもしれませんが、スピード自体は速いので様子見ます。怪しいのはJetpackでサイトが重くなる報告やAMPforWPの保存ができない不具合も外国のサイトで報告があったため、停止したいのですがいろいろ便利なので、悩む所です。やまり一番いいのはまずプラグイン全停止してAMPページが表示されたら一つずつプラグインを有効化させて原因を特定かブラウザのキャッシュの削除辺りを試すのが一番最初にやることでしょうね。前の方はグダグダになってますが、とりあえずエラーが多かったアプリーチのエラーを直すことにしました。前からエラーを直せるサイトは特定出来ていましたが、後回しにしましたがこちらで解決できました。寝ログアプリ紹介ブログパーツ「アプリーチ」のタグをWordPressでAMP化する処理のヒント先日、アプリーチのアプリ紹介タグをWordpressでAMP化する処理を書いてみました。基本的に、Wordp......さすがの寝ログのわいひらさんです。前から対応させてますのでさすがです。ところでパーマリンク長い(笑)ブログカードがパーマリンク長すぎて機能しなかったのでAMPページにリンクを貼ってありますので、そこがアプリーチのエラー修正のページですから、正規のPCページを見たい方は寝ログか検索でお探しください。Cocoonでお世話になるかも知れないので頼りにしてます。テーマを修正する必要があるためバックアップを取ってからテーマの編集をして下さい。ライオンメディアのAMPページではないので保証は出来ませんので自己責任でお願いします。WPの保存できないエラー解決方法このサイトはロリポップレンタルサーバーを使用していますがどうやらWAFを無効にすることで保存できるようです。今までも試していたはずなのですが、最近アップデートもありましたし試してみたらあっさり直りました。WPで頑張りたいと思います。AMPの自動広告も表示されてるようですし、色々やる事は増えてきましたので頑張ろうかと思います。ライオンメディアのAMPではサイドバーが表示されないなどの問題などもあるので、上手くカスタマイズできればこちらの方でも良いかも知れません。投稿画面で画像の編集が出来る物は広告の画像や普通の画像でも編集→更新でエラーが直ることを確認しました。上記画像は楽天アフィリエイトの画像でしたが画像に問題が出てましたが、まず鉛筆マークの編集を押して下記画像の更新を押すことでエラーが修正出来ました。編集→更新のみでOKです。右下にある更新を押す。試しに上にある普通の画像を編集→更新を押したところエラーが直りました。日付に問題があるとエラーに書いてありましたが、全然関係ない所でした。画像に問題がある場合などは編集→更新で高さなどが高さなどが記述されるようなので、あやしい画像を編集→更新しまくれば意外とエラーが直るかもしれません。ライオンメディアのテーマのAMPに成功したけど2018年7月11日18:30分ぐらいにライオンメディアのテーマのAMP化に成功しました。見た目がやはり酷かったのでテーマのAMP化に踏み切りました。大体、途中から改善方法はこうすれば改善出来るとういうのは予感してましたが、AMPエラーの問題があったので、ライオンメディアのテーマのAMP化は見送っていましたが今回、ついにテーマのAMP化に踏み切りました、そしてやはりエラーが出てるので、Googleさんには迷惑をかけたかも知れませんが、無事にテーマのAMP化成功です。初回、失敗した理由はおそらくChromeのキャッシュをクリアーしてなかったからでしょう。無事ライオンメディアのAMP化に成功でほっとしましたが、エラー表示が赤で11個の表示を確認しました。エラーが最近まで4個に減っていましたが、大きなコンテンツの不一致というエラーに手こずっていたのとAMP化の意味がない気がしたので、テーマのAMP化に踏み切りました。AMPのエラーの修正で記事が書けないかも知れませんがなるべく早くなおせるように頑張りたいと思います。AMPforWPではWPアソシエイトポストR2のエラーは出なかったんですが、ライオンメディアのテーマのAMP化では直せないようです。画像が表示されてないですし、楽天のリンクも表示されてないですから確実にWPアソシエイトポストR2のエラー修正が必要でしょう。皆さんもライオンメディアのAMP化を考えているかと思いますが、エラーの修正方法が分かったら記事にしていきますので、参考になればいいかと思います。コメントをキャンセルメールアドレスが公開されることはありません。※サイト上に表示された文字を入力してください。コメントデータの処理方法の詳細はこちらをご覧ください。(20)サイト運営者やまとし2018年1月からブログをはじめて、無料ブログから本格的にやってみたいと思い有料ブログに2月から挑戦しました。このサイトではおすすめ商品のレビューや紹介、雑記などを書いていこうと思います。初心者なのでコンテンツの充実に時間がかかるかもしれませんが何回か足を運んでもらえたら管理人のやる気がアップしますのでよろしくお願いします。フォロー&チャンネル登録よろしく!ブログランキング参加中!はてブもよろしく!ブログサークルブログにフォーカスしたコミュニティーサービス(SNS)。初心者ブログから成功へ当サイト上で使用している画像の著作権および商標権、その他知的財産権は、当該コンテンツの提供元に帰属します。当メディアはAmazonアソシエイトを使用し適格販売により収入を得ています。ホームシェアメニューYouTubeTOPへ。