-1

さて、これは本当に嫌われていることを知っています。これは私が通常はしないことです. 実際、私はこのようなウェブサイトを立ち上げたことはありません。しかし、代替手段はあまりないようです。

私は、基本的にフルページ スライダーであるクライアントを使用して Web デザインを行っています。元のデザインは Flash に移植できたようです。少なくともプラグインに依存しないように jQuery を使用する予定ですが、コンテンツのテキストは複雑に設計されており、スライド イメージに組み込まれています。

私が見たところ、画像に埋め込むことなく実際にページに配置できる唯一のテキストは、ナビゲーションとおそらくサイト ヘッダーの一部です。

<img /> タグに alt="" 属性を追加するには、スライド イメージのコンテンツが多すぎます。longdesc="" 属性が HTML5 から非推奨になり、とにかく十分にサポートされていないことを知っているので、それは終了しました。画像からテキストを複製し、非表示の <div></div> タグまたは <noscript></noscript> タグに配置するか、オフセットして非表示にするか、コンテンツを非表示にする他の方法を考えました。動的な JavaScript ベースのサイト。ただし、Google のような検索エンジンの開発者はそのようなことに眉をひそめ、私の SEO ランキングに悪影響を与える可能性があることも認識しています。

<noscript></noscript> 要素は良い解決策ですが、私の理解では、要素のコンテンツがドキュメントの他の場所に存在し、動的に制御されるコンテンツと重複している場合にのみ、合法的に実装できます。多分私はそれを誤解しましたか？

他に考えられる解決策はありますか？

4

2 に答える 2

1

objectエレメント

objectの代わりに使用できますimg。object要素のコンテンツはフォールバックとして使用されます (スクリーン リーダー ユーザーまたは検索エンジン ボットの代替手段として):

<object data="your-image.png" type="image/png">
  <!-- the alternative/fallback content -->
</object>

longdesc属性

または、別の仕様で定義されている要素のlongdesc属性を使用することもできます: http://www.w3.org/TR/html-longdesc/ (ワーキング ドラフト):img

この仕様は、longdescHTML5 ベースのコンテンツで拡張された説明と画像をリンクするための属性を定義します。

meta-description

descriptionさらに、 -meta要素にテキスト (または最初の要約) を含めることができます。

<meta name="description" content"…">

ただし、これは画像ごとに個別の URL がある場合にのみ機能します (これはHistory APIで実現できます) 。

于 2013-05-16T16:09:19.570 に答える