blob: c7b7e876239d610653ed91af24be581c249ab08f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
---
title: MDN にリンクするには
slug: MDN/About/Linking_to_MDN
tags:
- Documentation
- Guide
- MDN
translation_of: MDN/About/Linking_to_MDN
---
<div>{{MDNSidebar}}</div><p><span class="seoSummary">MDN にリンクするガイドラインやそもそもリンクして良いのか聞かれることがありますが、もちろん<strong> OK です。MDN にリンクして頂いて構いません。</strong>その際のガイドラインやベストプラクティスが必要であれば続けて読んでください。</span></p>
<h2 id="MDN_にリンクして良いですか？">MDN にリンクして良いですか？</h2>
<p><strong>はい！</strong>是非どうぞ！ハイパーテキストリンクは Web の本質的な機能であるだけでなく、ユーザに価値あるリソースを指し示す方法であると共に、私たちのコミュニティの成果に対する信頼を示すことでもあります。</p>
<p>ですから、MDN のコンテンツへのリンクは是非遠慮なくしてください。<a href="/">MDN のフロントページ</a>、あるいは必要に応じて MDN 内の特定ページにリンクしてください。リンク先ページ選択のベストプラクティスは以下の通りです。</p>
<h2 id="どのページにリンクすべきですか？">どのページにリンクすべきですか？</h2>
<p>リンクすべき特定のページは決まっていません。<strong>あなたの読者に役立つのがどのページか</strong>というのが大事です。</p>
<ul>
<li>MDN 自体について書かれている時はメインページにリンクしていただけます: <a href="/">https://developer.mozilla.org/</a></li>
<li>特定領域や技術について言及される場合は特定のトピックについて目次や索引となる<strong>ランディングページ</strong>と呼ばれるページにリンクするのが良いでしょう。例えばこのようなページです:
<ul>
<li>HTML: <a href="/ja/docs/Web/HTML">https://developer.mozilla.org/ja/docs/Web/HTML</a></li>
<li>HTML5: <a href="/ja/docs/Web/Guide/HTML/HTML5">https://developer.mozilla.org/ja/docs/Web/Guide/HTML/HTML5</a></li>
<li>CSS: <a href="/ja/docs/Web/CSS">https://developer.mozilla.org/ja/docs/Web/CSS</a></li>
<li>CSS3: <a href="/ja/docs/Web/CSS/CSS3">https://developer.mozilla.org/ja/docs/Web/CSS/CSS3</a></li>
<li>DOM: <a href="/ja/docs/Web/API/Document_Object_Model">https://developer.mozilla.org/ja/docs/Web/API/Document_Object_Model</a></li>
<li>JavaScript: <a href="/ja/docs/Web/JavaScript">https://developer.mozilla.org/ja/docs/Web/JavaScript</a></li>
</ul>
</li>
<li>特定のページや技術などについて書かれている場合は個別のページにリンクするのが良いでしょう。例えば:
<ul>
<li>HTML の要素について説明しているなら、HTML 要素リストページ (<a href="/ja/docs/Web/HTML/Element">https://developer.mozilla.org/ja/docs/Web/HTML/Element</a>) や {{HTMLElement("colgroup")}} など個別要素のページ</li>
<li>同様に CSS についても CSS リファレンス (網羅的な目次ページ: <a href="/ja/docs/Web/CSS/Reference">https://developer.mozilla.org/ja/docs/Web/CSS/Reference</a>) や {{cssxref("list-style-type")}} といった特定プロパティのページ</li>
</ul>
</li>
</ul>
<p><strong>いずれにしても、リンク元ページや読者にとって最適なページにリンクしてください。</strong>リンクや私たちではなく、読者こそが大事なのですから。</p>
<h2 id="良いリンクの仕方は？">良いリンクの仕方は？</h2>
<p>リンクの仕方は自明ですが、良いリンクの仕方は少々難しいこともあります。リンクの仕方はいくつかあります:</p>
<h3 id="テキスト内でのリンク">テキスト内でのリンク</h3>
<p>これが最も便利なリンク方法です。特定の話題に対して読者に更なる情報をリンクで提供するのです。多くの場合、このようなリンクはユーザを個別の関連情報ページにリンクするもので、Web サイトのホームページにリンクするものではありません (例外もありますが)。</p>
<blockquote>
<p>… <a href="/ja/docs/IndexedDB">IndexedDB</a> API を使えば、ローカルのデータベースにデータを格納できます…</p>
</blockquote>
<p>このようなリンクはワンクリックでより詳しい情報が得られるユーザにとっても、的確な文脈で紹介してくれたことで気に入ってもらえるだろう MND にとっても、両方にとってとても価値あるものです。私たちのミッションは読者にできる限り速やかに必要な情報を届けることで、これは明らかにステキなやり方です。</p>
<h4 id="テキスト中のリンクで避けるべきこと">テキスト中のリンクで避けるべきこと</h4>
<p>テキスト中のリンクはステキで便利なものですが、留意すべき事がいくつかあります:</p>
<ul>
<li><strong>リンクしすぎないこと。</strong><a href="/en-US/docs/Web/JavaScript/Reference/Statements/do...while" title="do...while">す</a> <a href="/en-US/docs/Web/CSS/:not" title=":not()">べ</a> <a href="/en-US/docs/Web/CSS/:link" title=":link">て</a> の単語、あるいはほぼすべての文字にリンクをつけるのは目障りです。文章の中で大事な部分だけをしっかり選んでそこだけリンクするか、読者が既に知っていそうな事についてまでリンクしないようにすること。</li>
<li><strong>同じ用語について何度も繰り返しリンクしない。</strong> 例えば CSS アニメーションについて各場合、「アニメーション」という単語がでてくるたびに <a href="/en-US/docs/Web/CSS/animation"><code>animation</code> CSS プロパティ</a> にリンクする必要はありません。読者はそれについて知らなければ、最初にでてきたときに関連情報へのリンクをクリックします。それ以降の部分では、以前から知っていたか前出時にリンク先を見て知ったかに関わらず、すでに知っている前提で書き進めることができます。読者がリンク先を参照するためにページをスクロールせずに済むように、同じ用語について何度か (多くとも数段落毎に一度) リンクするのは構いません。</li>
<li><strong>フォーラムやブログコメントでリンクするときにはご注意を。</strong>具体的な質問や問題に対して適切な情報源に関連リンクを示すのはステキだし歓迎されます。Web 上のあちこちに MDN へのリンクを無闇に書きまくるのは不適切です。サイトの管理者や読者は速やかにあなたをスパマーとして認識し、MDN の評価が傷つけられます。私たちは価値あるリソースを作ることに努めておりそのような行為によって私たちの努力の成果が損なわれることは望んでいません。適切な数だけ関連するリンクを紹介してください。</li>
</ul>
<h3 id="バナーや画像をサイトに追加するには">バナーや画像をサイトに追加するには</h3>
<p>本文中からのリンク以外に、例えばサイドバーの画像から MDN にリンクしていただくこともできます。テキスト中のリンクはあなたが読者に情報を保管する目的でリンクするものですが、この場合は意味合いが異なります。サイドバーなどにリンク画像を追加するのは、あなたの MDN プロジェクトへの支援を表明するものであったり、MDN を宣伝するものであったり、総合的な情報源として MDN を紹介するものになります。</p>
<p>支援を表明するのに遠慮しないでください。<a href="/docs/MDN/Promote">MDN を宣伝するには</a> ページであなたのサイトに合わせたボタンを作ってください。ランディングページなど他のページへのリンクにしていただくのも自由です。</p>
<h3 id="WordPress_から_MDN_に自動リンクするには">WordPress から MDN に自動リンクするには</h3>
<p>ブログポストから用語を選んで MDN の適切なページに自動的にリンクする <a href="/docs/MDN/Promote#WordPress_plugin">WordPress plugin</a> を用意しています。このプラグインでは上記のガイドラインに沿ったかたちでリンクしながら Web 技術についてブログを書るよう助けてくれます。試しにインストールしてみて、良ければご利用ください。</p>
<p>ご支援ありがとうございます！</p>
<article>
<h2 id="Cross-Origin_Resource_Sharing">Cross-Origin Resource Sharing</h2>
<p>私達はMDNの公開する全てのデータで <a href="https://developer.mozilla.org/docs/HTTP/Access_control_CORS" title="/docs/HTTP/Access_control_CORS">CORS</a> を有効にしているつもりです。これにはほぼ全てのものが当てはまるはずです。もしあなたがなにか<a href="https://developer.mozilla.org/docs/HTTP/Access_control_CORS" title="/docs/HTTP/Access_control_CORS">cross-origin requests</a>が使えない状態を発見したら、それは<a href="https://bugzilla.mozilla.org/form.mdn">修正すべきバグ</a>です。</p>
</article>
<article>
<header> </header>
</article>
|
