<acronym>
用語や略語をおよびに変更する時間を与える必要があり<abbr>
ますか? 使う価値はありますか?両方のタグを使用する利点は何ですか? SEO やスクリーン リーダーに役立ちますか?
6 に答える
W3C 仕様を参照してください。
たとえば<acronym lang="en" title="Radio Detection And Ranging">Radar</acronym>
、または<abbr lang="en" title="Abbreviation">abbr.</abbr>
。
これらのタグを使用しても、略語がよく知られていないか、自分で作成したものであるか、あいまいな点がある場合を除き、SEO のメリットはまったくないか、ごくわずかしかない可能性があります。たとえば、Linux Loader の LILOに関する記事では、 Last In, Last Out<acronym title="Linux Loader">LILO</acronym>
との混同を避けるために指定したい場合があります。
アクセシビリティの利点は、ターゲット ユーザーにあまり知られていない頭字語や略語に対してのみ存在します。たとえば、持っていてもほとんど意味がありません<abbr lang="en" title="Mister">Mr.</abbr>
( WCAG チェックポイント 4.2は、これについて私に同意しません。私の投稿では WCAG の拡張を提供していないことにも注意してください)。
一方、国際通貨基金を指すのに IMF を使用していない場合は、 を使用するのが理にかなっています<acronym lang="en" title="Impossible Mission Force">IMF</acronym>
。
では、IMF を同じ文書で国際通貨基金を意味するためにも使用したい場合はどうなるでしょうか。
The Accessibility Hat Trick: Getting Abbreviations Rightという記事も役に立つかもしれません。
興味深いナゲット:
abbr
タグのポイントはタイトル属性の内容であるため、構造的な主張は見当違いです。...
[XHTML] バージョン 2 では、この
acronym
要素は廃止されたため、現在はすべての短縮形に abbr 要素を使用しています。
サイトの一部で頭字語または略語を初めて使用する場合は、 でマークする必要がありますabbr
。次に例を示します。
I visit <abbr title="Stack Overflow">SO</abbr>, and so should you.
これは多くの理由で便利です:
- スクリーン リーダーは省略されていない用語を読み上げることができます
- ユーザーがその用語の上にカーソルを置くと、短縮されていない用語が表示されます
- これを CSS スタイルと組み合わせて、その用語が略語であることを示唆することができます (一部のブラウザーはこれを自動的に行います)。
- 検索エンジンは、用語の文脈を理解する可能性が高くなります
使用する必要がありますabbr
か?
abbr
ヘルプ ページなど、長期間有効なドキュメントに使用することをお勧めします。abbr
ここでは、明確さが重要であり、コンテンツにタグを追加するのに数分余分に費やす価値があります.
ブログ投稿などの定期刊行物の場合は、おそらくスキップできますabbr
。あいまいな略語を使用すると、テキスト内で説明する可能性があります。HTML タグを入力することで、クリエイティブ プロセスを停止させても意味がありません。
避けるacronym
acronym
またはを使用する場合はabbr
、 のみを使用することを検討してくださいabbr
。頭字語は略語の一種であり、acronym
タグは HTML 5 で削除されています。
「メリットは何ですか」と尋ねる前に、通常、最初に答える必要があるのは「代替手段は何ですか?」という質問です。
- CSS ツールチップ?
- JavaScript ツールチップ?
- 毎回単語全体をスペルアウトしますか?
- 略語を括弧で囲むのは 1 回だけですか?
最初の 2 つは、さまざまな CSS および JS ブラウザーの非互換性の危険にさらされます。そして 3 つ目は、 「National Technology Transfer and Advancement Act」というフレーズがページで 500 回繰り返されると、あなたと読者の両方にとってかなり苛立たしいものになるでしょう。
<ACRONYM>
そして最後に...まあ、タグを使用するとブラウザがレンダリング方法を決定できることを除いて、または<ABBR>
タグを使用するのとほとんど同じです(通常は素敵なツールチップを使用して)。
SEOとアクセシビリティ...おそらくいくつかの利点がありますが、段落の適切なタグや強調テキストの適切なタグと同様に、これらのタグは適切なタグであるため、これらのタグを使用する必要があると思います. あなたが何を意味するか言ってください!<p>
<em>
シナンの答えに関するコメントを読んで、質問が何を求めているのか理解していると思います...
それはあなたのテキストの状況に完全に依存していると思います。すべて<abbr>
にタグを使用するのはまったくの狂気ですが、理解を深めるために使用できます。
伝統的に、略語を使用するテキストは、それが最初に使用されたときに略語を説明します。記事の残りの部分では、次のように長い名前や単語を短くすることができます。
Agency for Awesomeness(AfA)が発表しました[...] AfAの代表者は...
あるいは、何かがその頭字語ですでに広く知られている場合、通常、最初に使用されるときに次のように簡単に説明されます。
IMF(国際通貨基金)は...
Web の問題は、長いテキストが複数のページに分割されている場合があり、ユーザーは前のページを読まなくても任意のページにジャンプできることです。文体上の理由から、使用されているすべての略語と頭字語の定義をすべての新しいページで繰り返したくない場合があります。一方で、ユーザーに最初からテキストを読ませる必要もありません。ここで<abbr>
と<acronym>
タグが役に立ちます。これらを使用すると、テキストの流れを中断することなく、何かを (再) 定義できます。
<acronym>
アクセシビリティと<abbr>
SEO という、まさにあなたが言及した理由のために、実際には非常に便利です。また、頭字語や略語がすべてのページに現れるのではなく、頭字語や略語が最初に現れる箇所だけをマークアップすれば十分なので、それほど手間もかかりません。実際、それはまさに W3C がそのアクセシビリティ ガイドラインで推奨していることです。
ドキュメント内の各略語または頭字語が最初に出現する展開を指定します。
別の理由を追加します: Style。
読みやすさを向上させるために、abbr 内の文字間隔を広げます。同様に、テキストのバランスを崩さないために、通常の大文字ではなくスモール キャップを使用することが望ましい場合があります。