はてなブログのAMP用CSSを試してみました！
まずは、通常ページ（AMP非対応ページ）とAMP用CSSに見出し部分のCSSを適用した場合の見た目から御覧ください。 ※＜h6＞は省略しています。 一緒やん！ と言われそうですが、一緒ですｗ 何故かと言うと同じCSSを適用しているからです。 つまり、AMP用CSSに現在使用しているCSS（デザインCSSに書いている）を適用すれば見出し部分は”ほぼ”同じに出来ると思います。 カエレバリンク部分Amazonや楽天等の商品を紹介する際に、非常に便利な「カエレバ」ですが、今ままでのAMPページでは見るも無残な状態でした。 しかし、こちらもAMP用のCSSを適用する事で見やすいデザインに変更することが出来ました。 個人的には、今回のAMP用CSS対応で一番のメリットは「カエレバ」のデザイン部分だと思っていますｗ AMP用CSSの注意点今回の検証で気になった点をまとめておきます。 ※確証はないのであく
GoogleがAMPに本気のようですが、まずは現実的にサイトの表示速度を見直そう！
GoogleがAMP (Accelerated Mobile Page)と呼ばれるモバイル端末でのページ表示速度を高速化するプロジェクトに本格的に取り組むようで、検索順位にも影響が出るとか、出ないとか・・・。 インターネットを使ってサービスやブログを運営されている人たちには気になるニュースですね。 AMP (Accelerated Mobile Page)AMPについては、HTMLの書き方から違うのではてなブログでの対応は（たぶん）難しく、「WordPress」や「Movable Type」などHTMLやCSSを直接編集できるような仕様でないと対応は難しいでしょうね。何よりも結構な知識が必要そうです^^; ただ、ページの表示速度を上げるという点はサイトを見てくれている人に対しても大事なことで40％近くの方がページの表示速度が原因で離脱するケースがあるという検証結果も出ているようです。 そこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
