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

ブログ記事またはページにアンカーリンクを追加する

更新日時 2019年 10月 31日

対象製品

Marketing Hub  Professional, Enterprise
Basic

訪問者がスクロールせずにコンテンツの特定のセクションに移動できるようにするには、アンカーリンクを使用します。

注: E メールクライアントではアンカータグが機能しないため、E メールにはアンカーリンクを使用しないことを強くお勧めします。また、アンカーリンクは HubSpot の E メールプレビューでも機能しません。

  • リッチテキストツールバーで、[挿入] > [アンカー] の順にクリックします
リッチテキストエディターで、[挿入] > [パーソナライズトークン] の順にクリックします。
User-added image
  • アンカーに 名前を付けます。この名前はリンク URL に含まれます。アンカーに複数の単語を使用する場合は、各単語をダッシュ (-) で区切ります。以下の例では、アンカーには step-2 という名前が付けられています。次に [OK] をクリックします。
name-your-anchor
  • アンカーがクリックした場所に表示されます。次に、アンカーが挿入されたページのセクションに訪問者を送るリンクを作成します。
  • コンテンツ本文へのハイパーリンクテキストを強調表示します以下の例では、skip to step 2 (ステップ 2 に進む) が強調表示されています。
テキストを強調表示した状態で、[挿入] > [リンク] の順に選択します。
  • リッチテキストツールバーで、リンクアイコン linkd をクリックします。
    • リンクするアンカーがリンクと同じページにリンクされている場合は、[URL] フィールドに# 記号を入力し、その後にアンカーの名前を入力します。次の例では、#step-2 が URL フィールドに入力されます。
    • リンクするアンカーがリンクとは異なるページにリンクされている場合は、そのページの URL#記号、アンカーの名前の順に入力します。たとえば、「http://offers.hubspot.com/product-guide#step-2」のように入力します。
  • [リンクを追加] をクリックします。
add-anchor-link
User-added image
  • 訪問者がこのアンカーリンクをクリックすると、アンカーが配置されたページのセクションまたはブログ記事にリダイレクトされます。