商品無料仕入戦隊『電脳卸』

【はてなブログ×GoogleConsole】AMP ページのエラーを修正してください Accelerated Mobile Pages > 無効な CSS(問題重大性: 致命的)

【はてなブログ×GoogleConsole】AMP ページのエラーを修正してください Accelerated Mobile Pages > 無効な CSS(問題重大性: 致命的)

【はてなブログ×GoogleConsole】AMP ページのエラーを修正してください Accelerated Mobile Pages > 無効な CSS(問題重大性: 致命的)

ある日、Google様からこんなメールを投げてきた。

AMP ページのエラーを修正してください

--------------------------
http://www.amaterasu-takayuki.club/ のウェブマスター様
お客様の一部の AMP ページが Google のガイドラインに準拠していないことが判明しました。そのため、該当するページは Google 検索の AMP 関連機能に表示されません。次のレポートにエラーを含むページの例を示しています。
--------------------------

(´;ω;`)

なんのこっちゃ

正直、すごく焦りました。

だって致命的エラーって・・・


import02.gif

すぐリンクに飛び確認しました。

で、いろいろ確認したらAMP(モバイル専用ページ)では"@import"が使えないそうです。

そんなんあったかな~

( ゚д゚) ・・・
 
(つд⊂)ゴシゴシ
 
(;゚д゚) ・・・
 
(つд⊂)ゴシゴシゴシ
  _, ._
(;゚ Д゚) …!?


CSS
--------------------------
/* */
@import url("http://hatenablog.com/theme/6653586347149180725.css");
/*
*/

/* */
body{ background-image: url('/images/theme/backgrounds/2014/photo-03.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: center top; background-size: cover; }
/*
*/
--------------------------

あった。

まぁPCページで使っていたCSSをモバイルページに流用していたのがいけないんですけど・・・

なんか納得できないのは筆者だけ?

( ^ω^)・・・

だって初期設定ではたしかこのコードが存在するんだもの。

今は知らんが…

注意も出んし。


import01.gif

ちなみに"@import"の取り扱いはこんな感じ一行で書いてあります。

@importは外部読み込みです。

取り合えずモバイルのCSSに存在する"@import"は消しました。

これで様子見ます。

・・・うーん。

それにしても最近Google関連騒がしい・・・

緊急!!!【ユーチューバー終了】 YouTube、視聴回数1万未満のチャンネルは広告収入なしに

【クローム警告】安全でないパスワード収集のため Chrome 56 で警告が発生する ERR_BLOCKED_BY_XSS_AUDITOR


関連記事

| ホーム |
Page Top↑


FC2ブログランキング(blog ranking)

ランキング上昇のためご協力願います。

プロフィール(profile)

天照 貴之〈Takayuki_ama〉

Author:天照 貴之〈Takayuki_ama〉
無駄と思えるようなことに時間を費やす岐阜在中の1986年生まれの残念な人です。性別男。3級ファイナンシャル・プランニング技能士。昔ぱちんこ広告作ってました。Twitterしてます。何かあればメールフォームからどうぞ。

メールフォーム(mail)

名前:
メール:
件名:
本文:

QRコード(QR code)

QR

RSSリンクの表示(RSS link)

リンク(link)

カテゴリ(category)

最新記事(hot news)

タグ一覧(tag)

月別アーカイブ(archive)

ヤフオク(auction)

ヤフーオークションしてます。気になる方は見て行って下さい。

あまてらす

広告(Advertisement)

Google トレンド

Google トレンド