AMPファイルに対応するために変更する内容一覧

実際にAMP変換をしてみると色々と問題点が発生しました。このページでは変更しないといけない内容をまとめて掲載します。

Homeに戻る > AMP変換ソフト作成メニューへ

AMPファイルに変更する内容のまとめ

文字コードはShift_JISからUTF-8にする。
AMPフォルダを作成し、その下にAMPファイルをおく。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">　を　<!doctype html>　に変更
<HTML>　を　<html amp lang="ja">　に変更
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">　を　<meta charset="utf-8">　に変更
<meta name=viewport content="width=device-width, initial-scale=1">　を　<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">　に変更
<link rel="canonical" href="AMP元ファイルのURL">　を追加
<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><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;_
-ms-animation:none;animation:none}</style></noscript>　を追加
<script async src="https://cdn.ampproject.org/v0.js"></script>　を追加
アドセンスのコードを<amp-ad ～ </amp-ad>に変更
カスタム検索は今のところ使えない
<td style= や <ul style= などのようにStyleは使用できない
画像が連続すると
が効かない。
に置き換える
モバイルサイズより小さい画像（300ピクセル画像が連続すると
が効かない。
に置き換える

AMP元ファイルの変更

Homeに戻る > AMP変換ソフト作成メニューへ

■■■
このサイトの内容を利用して発生した、いかなる問題にも一切責任は負いませんのでご了承下さい
■■■
当ホームページに掲載されているあらゆる内容の無許可転載・転用を禁止します