j1nakayama
フォーラムへの返信
3件の返信を表示中 - 1 - 3件目 (全3件中)
-
フォーラム: 使い方全般
返信が含まれるトピック: WordPress6.5.5サイトにおいてエラーが複数箇所発生munyagu (@munyagu) さん
こんにちは、仰るとおりLazy Load の影響でした。
Cocoon 設定 > 高速化の「Lazy Loadを有効にする」のチェックを外せば Nu Html Checker でエラーにはなりません。
Lazy Load の影響でNu Html Checker で JavaScript が実行されていないだけでした。
ありがとうございました。フォーラム: 使い方全般
返信が含まれるトピック: WordPress6.5.5サイトにおいてエラーが複数箇所発生追伸です。
該当記事( https://xn--ecka7j.biz/security/1242/ )のNu Html Checkerにてエラー判定している部分の1箇所のSource codeを展開して調査をしてみました。
< noscriptの場合は、src=ではあるが、上段では、data-src=となっている。ために、実際のファビコン表示が□ブランク表示(添付画像の イイネ.bizの上部の□部分がファビコンに該当)
展開した、Source codeの内容を貼り付けてみます。<code><pre>
<a href="https://xn--ecka7j.biz/site-operation/908/" title="WordPressあなたにオススメ厳選プラグイン14" class="blogcard-wrap internal-blogcard-wrap a-wrap cf">
<div class="blogcard internal-blogcard ib-left cf">
<div class="blogcard-label internal-blogcard-label">
<span class="fa"></span>
</div>
<figure class="blogcard-thumbnail internal-blogcard-thumbnail">
<img decoding="async" width="320" height="180" src="https://xn--ecka7j.biz/wp-content/uploads/2023/09/wpPlugin-320x180.gif" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://xn--ecka7j.biz/wp-content/uploads/2023/09/wpPlugin-320x180.gif 320w, https://xn--ecka7j.biz/wp-content/uploads/2023/09/wpPlugin-120x68.gif 120w, https://xn--ecka7j.biz/wp-content/uploads/2023/09/wpPlugin-160x90.gif 160w" sizes="(max-width: 320px) 100vw, 320px" />
</figure>
<div class="blogcard-content internal-blogcard-content">
<div class="blogcard-title internal-blogcard-title">WordPressあなたにオススメ厳選プラグイン14</div>
<div class="blogcard-snippet internal-blogcard-snippet">ワードプレスのウェブサイトにセキュリティ対策と運用・運営支援のためのプラグインを厳選!必要なことは、セキュリティを保つこと、そしてサイトの軽量化です。WordPressのために開発されたプラグインは多種多様・玉石混交を極めるが、目的をもって必要最低限の採用(導入)をお薦めします。</div>
</div>
<div class="blogcard-footer internal-blogcard-footer cf">
<div class="blogcard-site internal-blogcard-site">
<div class="blogcard-favicon internal-blogcard-favicon">
<img data-src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image lozad lozad-img" loading="lazy" width="16" height="16" />
<noscript>
<img decoding="async" src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" />
</noscript>
</div>
<div class="blogcard-domain internal-blogcard-domain">イイネ.biz</div>
</div>
<div class="blogcard-date internal-blogcard-date">
<div class="blogcard-post-date internal-blogcard-post-date">2020.07.31</div>
</div>
</div>
</div>
</a>
</pre></code>
- この返信は1年、 8ヶ月前にj1nakayamaが編集しました。
- この返信は1年、 8ヶ月前にj1nakayamaが編集しました。
- この返信は1年、 8ヶ月前にj1nakayamaが編集しました。
- この返信は1年、 8ヶ月前にj1nakayamaが編集しました。
フォーラム: 使い方全般
返信が含まれるトピック: WordPress6.5.5サイトにおいてエラーが複数箇所発生はい、Nu Html Checkerにてエラーが3個所発生しています。
(私のサイトの記事)ですが、内容的に3個所ともgoogleのファビコンの部分の様です。
この部分は特にカスタマイズしている部分では無いはずです。
念の為、1箇所(3個所とも同じ様な内容なので)Error内容を貼り付けます。
<code>- Error: Element
imgis missing required attributesrc.From line 857, column 1640; to line 857, column 1846-favicon"><img data-src="https://www.google.com/s2/favicons?domain=https://xn--ecka7j.biz" alt="" class="blogc…icon-image internal-blogcard-favicon-image lozad lozad-img" loading="lazy" width="16" height="16" /><noscrAttributes for elementimg:Global attributesalt— Replacement text for use when images are not availablesrc— Address of the resourcesrcset— Images to use in different situations, e.g., high-resolution displays, small monitors, etc.sizes— Image sizes for different page layoutscrossorigin— How the element handles crossorigin requestsusemap— Name of image map to useismap— Whether the image is a server-side image mapwidth— Horizontal dimensionheight— Vertical dimensionreferrerpolicy— Referrer policy for fetches initiated by the elementdecoding— Decoding hint to use when processing this image for presentationloading— Used when determining loading deferralfetchpriority— Sets the priority for fetches initiated by the element
</code>
3件の返信を表示中 - 1 - 3件目 (全3件中)