エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ブログのアイキャッチ画像を非表示にする方法 - after work lab
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ブログのアイキャッチ画像を非表示にする方法 - after work lab
はじめに Bloggerでは記事1番目の画像(imgタグ)をアイキャッチ画像(og:imege)として取得し、サムネ... はじめに Bloggerでは記事1番目の画像(imgタグ)をアイキャッチ画像(og:imege)として取得し、サムネイル画像で利用されてます。 記事にアイキャッチ画像を表示したくない場合は、display: noneの属性を入れると非表示になります。 但し、この方法はデメリットがあるので、ひと工夫する必要があります。 display: noneのデメリット 1つ目のデメリットはページスピードのパフォーマンス悪化です。 display: noneだけでは要素を非表示にしているだけで、画像の読み込みを止めることは出来ません。 2つ目のデメリットはSEOの観点です。 display: noneだけを使うと評価が下がり検索順位に悪影響が出る恐れがあると言われてます。 では、上記デメリットが発生しない方法を紹介します。 記事内のアイキャッチ画像を非表示にする方法 管理人が提案する方法はnoscrip