8

多言語サイトをコーディングしていて、次のナビゲーションがあります。

 <nav id="language">
    <ul>
      <li><a href="/en/" hreflang="en">en</a></li>
      <li><a href="/de/" hreflang="de">de</a></li>
      <li>fr</li>
    </ul>
    </nav>

セマンティクスを改善できますか？Microdataまたはタグ属性を使用します。

4

3 に答える 3

10

abbr要素

abbr対応する言語で完全な言語名を付けて、を追加する必要があります。

<nav id="language">
  <ul>
    <li><a href="/en/" hreflang="en"><abbr lang="en" title="English">en</abbr></a></li>
    <li><a href="/de/" hreflang="de"><abbr lang="de" title="Deutsch">de</abbr></a></li>
    <li><abbr lang="fr" title="Français">fr</abbr></li>
  </ul>
</nav>

titleの属性a

title次のようなコンテンツで属性を追加できますa：「このページの英語翻訳に切り替えてください」

向かうnav

このnavセクションに「このページの翻訳」（英語ページの場合）のような見出しを付けることができます。

ページに表示したくない場合は、視覚的に非表示にして、スクリーンリーダーのユーザーに読み上げられるようにします（clipメソッドなどを使用）。

（そのような見出しを指定すると、おそらくそのtitle属性はaもう必要ありません。）

さらに：link要素（in head）

ボットの場合、翻訳をページのlink要素にリンクできます。head

<link rel="alternate" href="/de/" hreflang="de" />
<link rel="alternate" href="/en/" hreflang="en" />
于 2013-01-27T15:06:36.253 に答える
2

enおそらくに変更するChange site language to Englishと、セマンティクスが改善されると思います。現状でenは、コンテキストなしではかなり不可解です。

于 2013-01-26T21:49:12.737 に答える
2

IETF言語タグ（bcp47）をターゲット値として、リンクにalangとhreflang属性を追加する必要があります。たとえば、ウィキペディアの水に関する記事にある他の言語の同じアイテムへのリンクを参照してください。

<a lang="de" hreflang="de" title="Wasser" href="//de.wikipedia.org/wiki/Wasser">Deutsch</a>

注意：lang属性はリンク固有ではありません。タグのコンテンツの言語を指定し（ウィキペディアはそれを<html>-タグと<h1>ヘッダータグにも配置します）、hreflangリンク先のページの言語を指定します。

于 2013-01-27T07:29:58.383 に答える