comments trackbacks you may also like

Amazonのiframe要素を正規化、W3Cのエラー表示を回避する便利な方法はコレ!

2019年05月05日
#FC2ブログ #ブロガーお役立ち #Amazonアソシエイト #Amazonテキストと画像リンク #Amazonリンク #iframe正規化ツール #ブログ作業効率化 #ブログ便利ツール #Amazonアフィリエイト #ブログカスタマイズ

HTML5のイメージ画像

FC2ブロガーのMです。今回のお話しは、Amazonアソシエイトから発行される「テキストと画像」のリンクについて。ブログAmazonリンクを挿入する際に、W3Cエラー表示がされないようにする方法を書いてみたいと思います。

いろんなブログを見ていると、どのブロガーさんも皆Amazonアソシエイトリンクを貼りつけてますよね。中でも一番多いのが「テキストと画像」のリンク。しかし、W3Chtmlの構文チェックをおこなうと、毎回エラー表示が出てしまうんですよね(汗)

これは、Amazonから発行されるiframe要素の中に廃止された属性が含まれているからなんです。だから「代わりにCSSを使用してください。」とエラー表示がされてしまうわけ。

これってどうにかならないの?!という疑問と、その解決策が今回のテーマです。

スポンサードリンク

Amazonから発行される「テキストと画像のリンク」を一発で正規化コードに変換してくれる便利ツールを発見!

最近のボクは、W3Cのエラーがとても気になってしまいまして…。Amazonアソシエイトのリンクを使用するにしても、「テキストと画像のリンク」はなるべく使わないようにしてきました。

理由としては、あまりペタペタ貼ると、ブログのページ表示が重くなるのがひとつ。もうひとつは、W3Cのエラー表示です。

Amazonアソシエイト「テキストと画像のリンク」コードをブログに挿入した時に表示されるW3Cエラー

ちなみに、ブログ初心者の方で、W3Cのチェックツールを使ったことがなかったり、htmlの構文チェックをしたことがないよ、という人はこちらの記事が参考になります。

W3C validatorのエラーの説明

html構文をチェックすることができる W3C validator
W3Cというのはweb技術の標準化を制定する非営利団体で、日本では慶應義塾大学がホストを担っています。その団体が提供しているのがW3C validatorというツールです。


構文チェックは他にもLintなどがありますが、個人的にLintは信用していませんのでここでは紹介しません(笑)


実際に検証を行ってみると様々な指摘を受けることがあります。
html構文は 英語 ですし、...

ブログ作成に役立つブックマークレット

FC2ブログで記事を書く際に 役立つかもしれない、という条件付きです。
特に 旧投稿画面を利用し、htmlを使うことが多い 方向けです。


他の方が製作したものについてはここでの二次配布は致しません。ご紹介するだけです。
リンクを掲載しますので直接赴き、提供者様の規約・ルールに則ってご利用ください。...

Amazonアソシエイトの「テキストと画像のリンク」は、ブログへ手軽に貼り付けることが可能なところに魅力があるのですから、発行されたコードをいちいち修正していたのでは何ら意味がありませんよね(^_^;)

そこで、Amazonから発行されたコードを一発で正規化してくれるような便利ツールがないかと思って調べてみたんです。

すると、発見してしまいましたよ!ブロガーお役立ち的なサイトを…。

【ブロガーお役立ち】 AmazonアソシエイトリンクHTML5クリーンアップ

Amazonから発行された「テキストと画像のリンク」コードを一発で正規化してくれる便利ツールはこちらのサイトにありました。

>>AmazonアソシエイトリンクHTML5クリーンアップ::お助けツール

コードを正規化する変換手順としては次のとおりです。

  1. Amazonアソシエイトから「テキストと画像のリンク」コードを取得(コピペ)。
  2. 取得したiframe要素のコードを「入力フォーム」に貼り付ける(コピペ)。
  3. 正規化(変換)ボタンを押す。
  4. 発行された正規化コードをブログに貼り付ける(コピペ)。

たったこれだけでW3Cのエラー表示がされなくなります。便利なツールがあるものですね!!

▼試しに貼ってみたのがコレ。

問題なし。開発してくれた作者さんに感謝m(__)m

関連記事
M
この記事を書いた人: M
ブロガー/FC2公式おすすめブログ認定/企業家/投資家/Fashion研究家/不動産コンサルタント/会社経営/将棋六段/おうちごはん男子部/料理を悪戦苦闘修行中/ヘッドスパとスイーツをこよなく愛する47歳/人生なんて気持ち次第‼︎きっと何くるないさ〜(´ー`)
FC2ブログオフィシャルおすすめブログ認定バナー日本ブログ村 プロフィール

この記事が気に入ったら
いいねとシェアしよう!

あわせて読みたい
data-matched-content-ui-type="image_card_stacked" data-matched-content-rows-num="6,2" data-matched-content-columns-num="1,5"
現在の人気記事はコチラ!

コメント(0)

There are no comments yet.
未分類 (0)
今日のエッセイ (177)
ニュース-話題 (1198)
┣  芸能 (446)
┣  ハロプロ系 (109)
┣  日常-雑談系 (41)
┣  海外-地方ネタ系 (10)
┣  政治-経済-事件系 (60)
┣  テレビ-CM-映画系 (55)
┣  スポーツ-格闘系 (26)
┣  SNS系 (21)
┣  仕事-転職-キャリアアップ (33)
┣  漫画-アニメ系 (25)
┣  IT系 (10)
┣  おもしろグッズ (13)
┗  ニュースまとめ (30)
恋愛-人間関係 (33)
Amazon (187)
┣  Amazonセール (4)
┗  Kindleセール (179)
グルメ (146)
┣  低糖質レシピ (31)
┗  お酒の飲み方 (2)
シン・胃がん闘病記 (51)
┣  AVANT:癌の余命宣告~共存 (38)
┗  セントラルドグマ:父親の胃癌 (13)
胃がん闘病記録まとめ (85)
┣  ステージ3B-多発性高度リンパ節転移胃癌 (57)
┗  胃がん再発「転移性肝がん」で余命宣告 (27)
胃がん-Stomach_cancer (5952)
┣  胃がんブログ (288)
┣  よりぬき胃がんブログ (16)
┣  胃がん闘病記-日記 (5586)
┣  酒場放浪記 (10)
┣  胃がん手術後の食事記録 (6)
┣  胃切除後の料理など (36)
┗  がん治療のクラウドファンディング (10)
がんのこと-ガン情報全般-cancer (588)
┣  がんブログ (338)
┗  がんニュース (250)
胃がん障害年金ブログ (71)
┣  障害年金-準備編 (23)
┣  障害年金-審査から年金受給まで (12)
┣  障害年金-審査請求-不服申立 (26)
┗  障害年金-再審査請求 (10)
占い-心理テスト (6)
終活ブログ (12)
胃切除後の食事レシピ (672)
┣  ご飯-おかゆ-和食 (174)
┣  おかず (140)
┣  味噌汁-スープ (75)
┣  カレー関係 (66)
┣  パン-洋食 (63)
┣  麺類 (112)
┗  その他-簡単レシピなど (39)
ブログ (265)
┣  FC2ブログ-便利ワザ-アイテム-HTML-SEO対策など (189)
┣  FC2ブログ日記-カスタマイズの所感など (34)
┣  GoogleAdsense-アドセンス (8)
┗  趣味や将棋のこと (34)
ファッション (11)
┗  美容-コスメ系 (2)
iPhoneの使い方-アプリなど (34)
司法書士 (26)
┣  仕事-実務や登記のこと (1)
┗  事件ファイル (25)
COLLECTION (28)
┣  家電 (11)
┣  ホーム&キッチン (5)
┣  ビューティー&ヘルスケア (5)
┣  QOL改善&ヘルスケア (2)
┗  お酒 (5)
ABOUT (1)