web-dev-qa-db-ja.com

ウェブサイトのコンテンツの上のカスタム広告。適切な標準セマンティック形式が必要

最近まで、私のWebサイトは、H2およびH3タグの前にH1タグを使用した適切なセマンティック標準に準拠していました。

今、私のサイトでは、ページコンテンツの前に、ページの上部に所有者向けのフェスティバルの広告を掲載するように求められました。

賢明なコーディング自体の広告にはDIVタグが含まれ、その中にテキストと画像のタイトルと段落のH3タグが含まれますが、広告はサイトとは関係ありません。

広告の大まかな形式のコーディングは次のようになります。

<div><h3>Advertisement title</h3><p>Advertisement detailed text information</p></div>

また、htmlおよびbodyタグのheadセクションを除く大まかな形式のサイトコーディングは次のようになります。

<h1>Title of page</h1><h2>Subtitle</h2><p>Main page content</p>

しかし、所有者の要求に応じてページの上部に広告を追加すると、ページのサンプルコードは次のようになります。

<div><h3>Advertisement title</h3><p>Advertisement detailed text information</p></div>
<h1>Title of page</h1><h2>Subtitle</h2><p>Main page content</p>

これは、H3がH1およびH2に先行するため、基準に違反します。

広告にある程度重点を置いて、標準的な方法でこれをどのように解決したらよいでしょうか？ H3タグをPタグに置き換えてスタイリングすることを考えていましたが、それがgoogle（または他の検索エンジン）のウェブマスター品質ガイドラインなどの基準を満たすのに十分かどうかわかりません。

htmladvertisingheading
2
Mike

1つのオプションは、広告をHTMLの最後（おそらく</body>の直前）に配置し、CSSを使用して上部に配置することです。

の線に沿って何か

#advertisement {
    position: absolute;
    top: 0;
    height: 120px;
}
body {
    padding-top: 120px;
}

おそらくそれ以上のものが必要になるでしょうが、それはあなたにアイデアを与えるはずです。

1
Cai

CSSを使用して、現在H3に適用しているクラスをコピーし、カスタムクラスでそれを再現して、それを広告に適用します

または見出しとは異なる他の要素。

0
Andrés Navarro