外部linkを別tabで開くときはnoopenerを付ける前に読者が残る理由を決める
- 外部linkを別tabで開くときは、読者を現在のpageに残す理由を先に決めます。target=_blankとnoopener、noreferrerを混同せず、link先と公開後の確認を分ける方法を解説します。
タグ: a要素
SNS share buttonは記事の末尾へ置く前に共有したいURLと外部scriptの管理を決める
- SNS share buttonは、数を増やす前に共有するURL、表示するtitleと画像、外部scriptの管理、計測の目的を決めます。記事と会社ページで置き方を分ける方法を解説します。
PDFをdownloadさせるlinkはfile名だけで判断させず内容と更新日を本文へ書く
- PDFをdownloadさせるlinkは、file名だけで判断させず、内容、対象者、更新日、HTMLの案内を示します。差し替えと削除の作業を分け、古い資料へ読者を送らない方法を解説します。
電話番号のtel linkは発信させたい番号だけへ付け受付時間と用件を本文へ残す
- 電話番号のtel linkは、発信を受ける番号だけへ付けます。受付時間、受ける用件、formとの役割、休業時の案内を分け、読者が電話する前に判断できる状態を作る方法を解説します。
linkは移動に使いbuttonはpage内の操作に使う
- linkは別のURLへ移動するため、buttonは同じpage内の操作を実行するために使います。見た目で置き換えず、keyboard操作と戻る操作で確認する方法を解説します。
内部リンクのアンカーテキストはリンク先で読める内容を短く示す
- 内部リンクのアンカーテキストは「こちら」だけにせず、リンク先で読める内容を短く示します。リンク構造、a要素、リンク文言を分け、HTML例と確認手順を解説します。
nofollowは外部リンクへ一律に付けず、有料リンクや内容を保証できないリンクに使う
- nofollowは外部リンクへ一律に付けません。有料リンク、内容を保証できないリンク、ログイン画面などのリンクを分け、rel属性の書き方を解説します。
