メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

アンカーリンクを挿入して管理する

更新日時 2024年 3月 26日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

ページ、ブログ投稿、またはナレッジベース記事の特定の部分でアンカーを作成することで、コンテンツのそのセクションへのリンクを追加できるようになります。この同じコンテンツ内にアンカーリンクを挿入すると、訪問者がスクロールしなくても、そのアンカーリンクを使用して該当するセクションに移動できます。別のページにリンクを追加して、訪問者がその別のページから該当するセクションに直接移動できるようにすることもできます。 

注:Eメールでのアンカーリンクの使用は、一部のEメールクライアントでサポートされていないため、お勧めしません。 

アンカーを作成する

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング]>[ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
    • ナレッジベース:HubSpotアカウントにて、[サービス]>[ナレッジベース]の順に進みます。
  • コンテンツの上にカーソルを重ねて[編集]をクリックします。
  • アンカーの挿入先とするリッチ テキスト モジュールをクリックします。 
  • リッチテキストツールバーで、挿入ドロップダウンメニューをクリックし、アンカーを選択します。
insert-anchor-link-beta
  • ポップアップボックスで、アンカーの名前を入力します。名前は文字で始まり、名前には文字、数字、ハイフン、アンダースコア、コロン、ピリオドのみが使用されている必要があります。アンカーには、複数の単語をハイフンで区切って含めることができます。完了したら、[挿入]をクリックします。
  • アンカーは、anchor アンカーマークが付いた青い線で表示されます。位置を変えるには、アンカーをクリックし、コンテンツ内の新しい場所にドラッグします。 

insert-anchor

アンカーリンクを挿入する

アンカーを作成したら、訪問者がページのそのセクションにスクロールせずに移動できるよう、アンカーリンクを挿入できます。別のページにリンクを追加して、訪問者がその別のページから該当するセクションに直接移動できるようにすることもできます。 

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング]>[ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
    • ナレッジベース:HubSpotアカウントにて、[サービス]>[ナレッジベース]の順に進みます。
  • コンテンツの上にカーソルを重ねて[編集]をクリックします。
  • コンテンツエディターで、ハイパーリンクにするテキストを強調表示します。 
  • リッチテキストツールバーで、linkd リンクアイコンをクリックします。
    • リンク先のアンカーがリンク元のページと同じページにある場合は、次のようにします。
      • ポップアップボックスで[リンク]ドロップダウンメニューをクリックし、[このページのアンカー]を選択します。
      • [アンカー]ドロップダウンメニューをクリックし、アンカーを選択します。
      • [挿入]をクリックします。 
    • リンク先となるアンカーがリンク元のページとは別のページにある場合は、次のようにします。
      • ポップアップボックスで[リンク]ドロップダウンメニューをクリックし、[URL]を選択します。
      • ページの完全なURLの後に、#ハッシュタグシンボル、その後にアンカーの名を入力してください。
      • [挿入]をクリックします。insert-an-anchor-link
  • 変更内容を公開するには、右上の[公開]または[更新]をクリックします。

ボタンにアンカーリンクを追加する

アンカーを作成したら、ドラッグ&ドロップエリアでボタンモジュールにアンカーリンクを追加することができます。訪問者がそのボタンをクリックすると、スクロールせずにページのそのセクションに移動できます。別のページのアンカーにリンクすることもできます。 

注: CTAに追加するアンカーリンクは、ブラウザ経由のクリックを追跡するオプションを選択する必要があります。

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング]>[ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
  • コンテンツの上にカーソルを重ねて[編集]をクリックします。
  • コンテンツエディターで、左のサイドバーにあるadd追加アイコンをクリックします。 
  • 「フォームとボタン」セクションをクリックして展開し、Button モジュールをクリックし、ページの所定の位置にドラッグします。
  • [ボタンテキスト]フィールドに、ボタンに表示するテキストを入力します。 
  • [URL]フィールドに、先頭にハッシュタグ記号(#)を付けてアンカーの名前を入力します。外部ページのアンカーにリンクする場合は、フルURLの後に、#ハッシュタグ記号の後に、アンカー名を入力してください。
  • スタイルタブで、ボタンのスタイリングを編集する。
  • 変更を反映させるには、右上の「公開」またはUpdateをクリックします。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。