アンカーリンクを挿入して管理する
更新日時 2023年 6月 16日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
|
ページ、ブログ投稿、またはナレッジベース記事の特定の部分でアンカーを作成することで、コンテンツのそのセクションへのリンクを追加できるようになります。この同じコンテンツ内にアンカーリンクを挿入すると、訪問者がスクロールしなくても、そのアンカーリンクを使用して該当するセクションに移動できます。別のページにリンクを追加して、訪問者がその別のページから該当するセクションに直接移動できるようにすることもできます。
注:Eメールでのアンカーリンクの使用は、一部のEメールクライアントでサポートされていないため、お勧めしません。
アンカーを作成する
-
コンテンツを開きます。
- ウェブサイトページ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[マーケティング]>[ランディングページ]の順に進みます。
- ブログ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
- ナレッジベース:HubSpotアカウントにて、[サービス]>[ナレッジベース]の順に進みます。
- コンテンツの上にカーソルを重ねて[編集]をクリックします。
- アンカーの挿入先とするリッチ テキスト モジュールをクリックします。
- リッチテキストツールバーで、挿入ドロップダウンメニューをクリックし、アンカーを選択します。

- ポップアップボックスで、アンカーの名前を入力します。名前は文字で始まり、名前には文字、数字、ハイフン、アンダースコア、コロン、ピリオドのみが使用されている必要があります。アンカーには、複数の単語をハイフンで区切って含めることができます。完了したら、[挿入]をクリックします。
- アンカーは、anchor アンカーマークが付いた青い線で表示されます。位置を変えるには、アンカーをクリックし、コンテンツ内の新しい場所にドラッグします。
アンカーリンクを挿入する
アンカーを作成したら、訪問者がページのそのセクションにスクロールせずに移動できるよう、アンカーリンクを挿入できます。別のページにリンクを追加して、訪問者がその別のページから該当するセクションに直接移動できるようにすることもできます。
-
コンテンツを開きます。
- ウェブサイトページ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[マーケティング]>[ランディングページ]の順に進みます。
- ブログ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
- ナレッジベース:HubSpotアカウントにて、[サービス]>[ナレッジベース]の順に進みます。
- コンテンツの上にカーソルを重ねて[編集]をクリックします。
- コンテンツエディターで、ハイパーリンクにするテキストを強調表示します。
- リッチテキストツールバーで、linkd リンクアイコンをクリックします。
- リンク先のアンカーがリンク元のページと同じページにある場合は、次のようにします。
- ポップアップボックスで[リンク]ドロップダウンメニューをクリックし、[このページのアンカー]を選択します。
- [アンカー]ドロップダウンメニューをクリックし、アンカーを選択します。
- [挿入]をクリックします。
- リンク先となるアンカーがリンク元のページとは別のページにある場合は、次のようにします。
- ポップアップボックスで[リンク]ドロップダウンメニューをクリックし、[URL]を選択します。
- ページの完全なURLの後に、#ハッシュタグシンボル、その後にアンカーの名を入力してください。
- [挿入]をクリックします。
- リンク先のアンカーがリンク元のページと同じページにある場合は、次のようにします。
-
右上の「Publish or Update」をクリックし、ダイアログボックスの「Publish or Update」をクリックすると、変更が反映されます。
ボタンにアンカーリンクを追加する
アンカーを作成したら、ドラッグ&ドロップエリアでボタンモジュールにアンカーリンクを追加することができます。訪問者がそのボタンをクリックすると、スクロールせずにページのそのセクションに移動できます。別のページのアンカーにリンクすることもできます。
注:アンカーリンクをCTAに追加することはできません。
-
コンテンツを開きます。
- ウェブサイトページ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[マーケティング]>[ランディングページ]の順に進みます。
- ブログ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
- コンテンツの上にカーソルを重ねて[編集]をクリックします。
- コンテンツエディターで、左サイドバーのadd追加のアイコンをクリックします。
- Buttonモジュールをクリックし、ページ上の所定の位置にドラッグします。
- [ボタンテキスト]フィールドに、ボタンに表示するテキストを入力します。
- [URL]フィールドに、先頭にハッシュタグ記号(#)を付けてアンカーの名前を入力します。外部ページのアンカーにリンクする場合は、フルURLの後に、#ハッシュタグ記号の後に、アンカー名を入力してください。
- スタイルタブで、ボタンのスタイリングを編集します。
- 右上の「Publish or Update」をクリックし、ダイアログボックスの「Publish or Update」をクリックすると、変更が反映されます。