【HTML】nofollow属性を使ってリンクをたどらせない方法をわかりやすく解説

HTMLで外部リンクを作成する際、「nofollow」属性を使うことで、検索エンジンにそのリンクをたどらせないようにすることができます。

nofollow属性とは？

HTMLでは、外部サイトへリンクを張るときに rel 属性を指定できます。この属性の値として「nofollow」または「dofollow」を設定することで、検索エンジンに対するリンクの扱い方を制御できます。

「nofollow」を指定すると、検索エンジンに対して「このページ上のリンクをたどらないでください」あるいは「この特定のリンクだけをたどらないでください」という指示を伝えることができます。

実際のコード例は以下のとおりです。

<a href="example.com" rel="nofollow">別のウェブサイト</a>

このように rel="nofollow" を追加するだけで、簡単にnofollowリンクを作成できます。

「nofollow」を使用した場合、検索エンジンはそのリンクを通じてアンカーテキストを転送しなくなります。つまり、リンク先ページのSEO評価や関連性のシグナルとして、アンカーテキストが活用されなくなります。

広告リンクや信頼できない外部サイトへのリンクなど、自サイトの評価を渡したくない場合に「nofollow」を活用するとよいでしょう。

HTMLで参考文献（Bibliography）を作成する方法
参考文献（Bibliography）とは、執筆時に参照した書籍や資料の一覧をまとめて記載するセクションのことです。HTMLを使えば、こうした参考文献リストを簡単に作成できます。具体的には、<ol>タグで書籍を番号付きリストとして列挙し、<cite>タグで作品のタイトルをマークアップします。 <cite>タグは、書籍のタイトルだけでなく、楽曲、絵画、映画など、さまざまな作品のタイトルを示す際にも使用できます。このタグは「引用」を意味しており、タグ内に記述した内容はすべて作品のタイトルとして扱われます。サンプルコードそれでは、実際にHTMLで参考文献リスト
HTMLでダウンロードリンクを作成する方法をわかりやすく解説
HTMLでダウンロードリンクを作成するには、<a>タグにdownload属性を追加します。この属性を指定すると、リンク先のファイルがブラウザで開かれる代わりに、クリックした時点でダウンロードされるようになります。コード例以下は、画像をクリックするとその画像ファイルがダウンロードされるサンプルコードです。<!DOCTYPE html> <html> <body> <h1>Download Link example</h1> <a href="https://i.picsum.photos/id/225/800