通常バージョンはこちら

今日はAMPのエラーを修正しました

日付2018-02-05T22:01:00
分類
画像0枚
訪問数

今日はAMPのエラーを修正しました。

<amp-img src="hoge.jpg" width="640" height="1022" / layout="responsive"><amp-img>

imgタグ内に『/』がはさまっています。こんな小さいミスでもAMPの適用外となり、AMPページとして検出されません。原因はこちらになります。

pattern = re.compile(r'<img([^>]+)src="https?://([\w/\.\-]+)\.(jpe?g|png|gif)"([^>]*)>')

kiji['body'] = re.sub(pattern, r'<amp-img \1src="https://\2.\3"\4 layout="responsive"></amp-img>', kiji['body'])

通常のページにあるimgタグはAMP用に置換されますが、その時『<img src="aa.jpg" width="200" height="200" />』のようにimgタグの最後尾にスラッシュがついてる場合、その次にスペースを入れてresponsiveエレメントを導入しています。

IMGタグにスラッシュをつけるのはもう古いので最近はしていませんでしたが、昔の記事ではついたままでした。下記を実行してスラッシュを全て取り除き、完了です。

content = re.sub(pattern, r'/', content)
mongo.kiji.update({status: '公開', content: content});
日付2018-02-05T22:01:00
分類
画像0枚
訪問数
最後までお読みいただき有難うございました
Thank you for watching until the end

似たような記事