掲載元とリンク先を先に決める
被リンクは、別のサイトから自分のページへ向かうリンクです。HTMLは移動できる要素を作りますが、掲載者との合意までは作りません。読者に役立つ掲載箇所と、移動先を説明するアンカーテキストを選んでください。この画面への入力だけでは他サイトに何も公開されません。exampleドメインは説明用に予約されたもので、購入できる媒体ではありません。自サイト内に同じコードを置いた場合は、他サイトからの被リンクにはなりません。
実際に解決できるhrefを使う
Googleのクロール可能なリンクの説明は、解決可能なhrefを持つa要素を推奨しています。data-hrefだけの要素やJavaScriptのクリック処理は、同じ証拠にはなりません。相対パスも有効になり得ますが、文書の基準URLに依存します。この作成機能では、コピー先の媒体内へ誤って移動しないよう絶対HTTP(S)アドレスを要求します。ブラウザーの基本的なリンク動作はHTML標準で確認できます。構文が正しいことと、対象ページが存在することは別の確認です。
プレビューとエスケープを比べる
URL、テキスト、掲載の関係、新しいタブの指定を変更します。ソース中の&は、DOMの属性では&になります。引用符や山括弧は文字として保持され、入力したテキストをHTMLとして実行しません。プレビューには実際のアンカーがあるため、例示ドメインへ移動せずに検証できます。不正な入力では以前のプレビューを取り除き、コピーと保存を無効にします。前の正常な出力が現在の入力に対応しているように見えることを防ぎます。ソースのエンティティ表記と、解析後の属性値を区別してください。
予約済みドメインを使う架空例です。最新の検査や測定済みの順位価値ではありません。
| 確認項目 | 作成した例 | 意味 | 見直す内容 |
|---|---|---|---|
| 対象URL | https://shop.example/planner?ref=guide&view=full | href | 認証情報、空白、制御文字を含まない2,048文字以内の絶対HTTP(S) URLを入力してください。 |
| アンカーテキスト | 印刷用予定表とチェックリスト | a | 制御文字を含まない1〜160文字のアンカーを入力してください。 |
| 有料掲載 | rel="sponsored" | 公開の文脈 | 有料掲載 |
| 利用者の投稿 | rel="ugc nofollow" | 公開の文脈 | 利用者の投稿 |
| 新しいタブで開く | target="_blank" rel="noopener" | 新しいタブで開く | 検証は構文のみです。対象の取得、公開許可やページ指示の確認、登録保証は行いません。新しいタブには明示的にnoopenerを付けます。 |
| 表示されたアンカー | 印刷用予定表とチェックリスト | エスケープ済みHTML | ファイルを開き、ブラウザーの開発者ツールでアンカーを調べてください。実際のhref、テキスト、relをソースと比較します。ローカルのDOM編集はサイトに公開されません。 |
実際の掲載関係を表す
通常の編集上の参照にdofollowという値は不要です。Googleは有料掲載にsponsoredを推奨し、ugcは利用者の投稿を表します。nofollowは支持しない参照の修飾に使えます。コミュニティ例ではugcとnofollowを併記します。新しいタブに付けるnoopenerは、元のウィンドウとのブラウザー上の関係であり、支払いを意味しません。コメント用コードはHTMLが許可され、投稿内容が適切な場所だけで使ってください。編集システムやモデレーションが属性を削除する場合もあります。いずれの指定も順位の保証ではありません。
通常の編集上の参照
<a href="https://shop.example/planner?ref=guide&view=full">印刷用予定表とチェックリスト</a>有料掲載
<a href="https://shop.example/planner?ref=guide&view=full" rel="sponsored">印刷用予定表とチェックリスト</a>利用者の投稿
<a href="https://shop.example/planner?ref=guide&view=full" rel="ugc nofollow">印刷用予定表とチェックリスト</a>推奨を表さない参照
<a href="https://shop.example/planner?ref=guide&view=full" rel="nofollow">印刷用予定表とチェックリスト</a>公開された結果を実際に調べる
オフライン教材を開き、DevToolsのElementsでhref、テキスト、rel、targetを確認します。getAttribute("href")の生の値と、解決後のhrefプロパティは相対パスでは異なる場合があります。ソース表示は最初の応答、Elementsは現在のDOMを示し、スクリプトの変更を含むことがあります。開発者ツールでの編集はローカルであり、掲載者のサーバーには保存されません。
許可された公開後は実際の掲載元を開き直し、目的地とHTTPリダイレクトを確認します。編集画面が入力をそのまま保存したとは限りません。掲載元URL、UTC確認日時、実際の属性、アクセス上の制約を表に記録し、元の証拠も保管してください。リンク先を開いた画面だけでは、掲載元のhrefやrelを確認したことにはなりません。
コード作成と掲載サービスを分ける
コピーとダウンロードはブラウザー内で処理します。供給元APIやリンク先への自動リクエスト、購入、投稿はありません。robotsの指定、canonicalの選択、検索インデックスも調べません。無料のコードは無料掲載を意味せず、他サイトの編集権限や順位向上を与えるものでもありません。同じ文字列でも、どこに置かれるかで内部リンクと被リンクは変わります。特定ブランドの分析機能やライブの被リンク発見を求める検索は、別の作業として扱います。公開前の構文確認と公開後の観察を混ぜずに記録することが実務上の目的です。