【CSS】リンクの時は外部リンクアイコンのマークを自動で付ける

target=””「別ウィンドウがひらく」ことを明示するアイコンをつける

★【外部リンクのアイコンマーク】CSSコピペでの作り方🤔【必要性とSEO効果も解説します】

https://isamulife.com/seo/external-link

CSSの書き方

a[target="_blank"]:after{content:url(/icon.png);margin:0 3px}

無料アイコンダウンロードサイト★

https://icooon-mono.com/

新しいウィンドウで開くボタン

https://icooon-mono.com/12229-%e6%96%b0%e3%81%97%e3%81%84%e3%82%a6%e3%82%a3%e3%83%b3%e3%83%89%e3%82%a6%e3%81%a7%e9%96%8b%e3%81%8f%e3%83%9c%e3%82%bf%e3%83%b3-1/

マテリアルアイコンの場合

マテリアルアイコンは軽量、アクセシビリティもよしhttps://webtan.impress.co.jp/e/2016/06/28/23209

<i class="material-icons">open_in_new</i>

マテリアルアイコンの導入方法

https://laboradian.com/how-to-use-material-icons/