私はthisをstackoverflowで見つけました。私はこれに関する質問があります。このコードをCodePenで使用してSEOを満足させ、ページの一部をデザインすることはできますか?<img/>対背景画像
<figure>
<img src="https://placehold.it/350x150" alt="something important">
<figcaption>
something important
</figcaption>
</figure>
*{
font-family: helvetica;
}
figure {
margin: 100px auto;
position: relative;
width: 500px;
height: 100px;
background-image: url(https://placehold.it/650x150);
background-size: cover;
background-position: center center;
}
img{
display: none;
}
figcaption{
position: absolute;
bottom: 0;
width: 100%;
background: maroon;
color: WhiteSmoke;
text-align: center;
font:small-caption;
font-style: italic;
}
「satisfo SEO」は、コンテンツがページ上にあるかどうかによって異なります。 imgや背景に何が含まれているのか、どちらを使用しているのか、あるいはその両方を使用しているのか、という文脈は提供していません。 –
アートを販売するギャラリーです。imgは販売している写真のサムネイル用ですが、100px * 100pxで切り取られているわけではありませんが、300px、500pxのものもあります。サイズは同じですが、 PSでそれらを切り取っている...私は背景画像のために人形のインラインスタイルを使用すると思う –
検索スパイダーはあなたのページがどのように見えるか気にしない、彼らはあなたの 'figcaption'タグと' alt'属性。 – Slime