複数のURLを、まとめてリンクのHTMLタグに変換するツールです。「URL タイトル」の形で並べて入力すると、タイトルをリンクの文字にしたaタグを一括で作れます。
HTMLのaタグのほか、箇条書き（ulタグ）やMarkdown形式でも出力でき、別タブで開く・nofollowなどの設定もまとめて付けられます。
複数のページを一括でリンク化する
1. URLとタイトルを入力する
1行に1つずつ入力してください。URLの後ろ（または前）にスペースかタブで区切ってタイトルを書くと、それがリンクの文字になります。
ツールストック（blogtool.work）のページは、URLだけでタイトルを自動で取得します。他のサイトのタイトルは、ブラウザーの制限で自動取得できないため、下の「タイトル付きでコピー」ボタンを使うと便利です。
2. 出力のしかたを選ぶ
- 出力形式
- リンクの設定
- class
- タイトルがない時
3. コードをコピーする
プレビュー
他のサイトのURLとタイトルを、まとめて集める方法
下のボタンを、ブラウザーのブックマークバーにドラッグして登録してください。リンクにしたいページを開いてブックマークをクリックすると、「URL タイトル」の形でクリップボードにコピーされます。そのままこのツールの入力欄に貼り付けられます。
スマホのブラウザーや、一部のサイトでは使えないことがあります。その場合は、ページのタイトルを手でコピーして入力してください。
入力できる形式
| 入力の例 | リンクの文字 |
|---|---|
| https://example.com/ | URL（またはドメイン名） |
| https://example.com/ サンプルサイト | サンプルサイト |
| サンプルサイト https://example.com/ | サンプルサイト |
| [サンプルサイト](https://example.com/) | サンプルサイト（Markdown形式） |
スプレッドシートの「タイトル」「URL」の2列をそのままコピーして貼り付けることもできます。
リンクの設定について
| 設定 | 付く属性 | 使う場面 |
|---|---|---|
| 別タブで開く | target="_blank" rel="noopener" |
外部サイトへのリンクなど、元のページを残したい時 |
| nofollow | rel="nofollow" |
検索エンジンにリンク先を評価させたくない時 |
| sponsored | rel="sponsored" |
広告やアフィリエイトのリンク |
このツールは役に立ちましたか？
これからの開発の参考にしたいので、いいねボタンで教えてください。
コメント