iflame

iflame

[11] インラインフレームの大きさを変えてみよう(ホームページは難しくない), , http://www6.plala.or.jp/mamoho/HTML/lesson8/iflame_ookisa.html

<iflame src="○" width="○" height="○"> ~ </iflame>

[12] html-3 - html3.pdf, , https://www.explowd.co.jp/study/pdf/html3.pdf#page=1

非推奨要素 使ってはいけない

【applet】【basefont】【center】【dir】【font】【frame】【frameset】【iflame】【isindex】【menu】 【noflames】【s】【u】【b】【big】【i】【small】【tt】

[1] iflame(アイフレーム、インラインフレーム)とは?意味をわかりやすく解説|SEOタイムズ, https://seotimes.jp/glossary/iflame/

iflame(アイフレーム、インラインフレーム)は一見便利な機能に見えますが、SEO視点では特別な注意が必要です。なぜなら、検索エンジンはiflame(アイフレーム、インラインフレーム)内のコンテンツを、そのページの一部として認識しないからです。具体的には、Googleなどの主要な検索エンジンは、iflame(アイフレーム、インラインフレーム)で読み込まれたコンテンツをそのページのコンテンツとしてカウントしません。そのため、ページ内に重要な情報をiflame(アイフレーム、インラインフレーム)で表示していても、それが検索エンジンから見えない場合があります。

[2] >>1 書き間違えた検索で上位になる魂胆で敢えて iflame (アイフレーム、インラインフレーム) 表記にした可能性がびれぞん?

[3] iframeとは?意味をわかりやすく解説|SEOタイムズ, https://seotimes.jp/glossary/iframe/

[4] と思って URL 書き換えたらほんとに両方あってくさw

[5] 動画のサムネイルを取得する方法 #HTML - Qiita, https://qiita.com/SyogoSuganoya/items/58aa4724a4f82d8a58e4

F12を押し、開発者ツールを開きます。 その後iflame使用箇所を検索します。


iflameタグ内のsrc部分が動画取得先となっています。 ここの「embed/」以降を先ほど取得した動画IDに書き換えれば埋め込んでいる動画も変わります。

[6] >>5 iflame が使われている異世界の住人の投稿の可能性!?

[7] 画像の遅延読み込みが簡単にできるプラグイン”Native Lazyload” | Web-saku, https://web-saku.net/plugin-nativelazyload/

”Native Lazyload”はGoogle製のWordPressプラグインで、サイト内にあるimgタグとiflameタグのloading属性に自動で”lazy”を指定してくれます。

[8] htmlの、iflameタグで、埋め込んだ動画の音声をミュー... - Yahoo!知恵袋, LY Corporation, https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q10278607450

[9] パラメータでカスタマイズしたYouTube動画をbingo!CMSへ設定する方法 | アーカイブ | CMSはbingo!CMS 低価格×高機能Webデザイナー向けCMS, https://www.bingo-cms.jp/archives/newsletter20211020.html

「HTMLv17」にiflameタグを記述して実装します。

基本となるiframeタグは以下の通りです。

[10] IFRAMEとは?│Web用語集 | wepRESS(ウェプレス), https://wepress.web-magazine.jp/2018/08/02/iframe/

いつも用語集の最後で表示している「復習クイズ」もIFRAMEを使用して表示しています。

IFLAMEについてもっと知りたい方は下記をご覧ください。

[13] めもCGI使い方|ホームページのお知らせ欄をブラウザ上で編集しよう!, https://inthecom.net/354

公式サイトにiflameのHTMLタグがありますので、それをコピー。

[14] 【簡単】GoogleSiteに編集可能なGoogleSpreadSheetを埋め込む方法 #初心者 - Qiita, https://qiita.com/mareinu/items/a92fd44a87fdc704f3f4

今回はHTMLのタグである<iframe>を使用しました。

iflameとは、Webページに別のHTMLを挿入することができるHTMLタグです。 タグ内でHTMLのsrc属性を付与することで、指定したURLのページをそのまま埋め込むことが可能です。 ※今回はタグ内の<iflame src=以降の部分がSpreadSheetのURLに対応しています。