Title: Jump Links Block (SEO 44)
Author: Seth Smigelski
Published: <strong>2025年11月20日</strong>
Last modified: 2026年8月21日

---

プラグインを検索

![](https://ps.w.org/jump-links-block-seo-44/assets/banner-772x250.png?rev=3400036)

![](https://ps.w.org/jump-links-block-seo-44/assets/icon-256x256.png?rev=3400036)

# Jump Links Block (SEO 44)

 作者: [Seth Smigelski](https://profiles.wordpress.org/sethsm/)

[ダウンロード](https://downloads.wordpress.org/plugin/jump-links-block-seo-44.2.2.0.zip)

 * [詳細](https://ja.wordpress.org/plugins/jump-links-block-seo-44/#description)
 * [レビュー](https://ja.wordpress.org/plugins/jump-links-block-seo-44/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/jump-links-block-seo-44/#installation)
 * [開発](https://ja.wordpress.org/plugins/jump-links-block-seo-44/#developers)

 [サポート](https://wordpress.org/support/plugin/jump-links-block-seo-44/)

## 説明

A WordPress block that automatically generates a customizable Jump To “On this Page“
table of contents to improve user navigation and engagement on your posts and pages.

**[Jump Links Block (SEO 44)](https://seo44plugin.com/jump-links-block-seo-44/)**
intelligently scans your content for headings and creates a dynamic, interactive
list of links. With a complete collection of controls in the editor sidebar, you
have command over the block’s functionality and appearance, from reordering links
to fine-tuning the design for your theme.

### The SEO & User Engagement Benefits

**Boost Your SEO & User Engagement**
 Adding a well-structured table of contents
is one of the most effective ways to improve both your website’s user experience
and its visibility in search engine rankings. The Jump Links Block is more than 
just a navigation tool; it’s a powerful feature for enhancing your SEO.

**Stand Out in Search Results**
 Google and other search engines can detect the 
anchor links created by this block and may feature them directly in the search results.
This adds valuable “Jump to” links below your page description (also known as fragment
links or in-page links), allowing users to go directly to the section that answers
their question.

**Improve Click-Through Rate (CTR)**
 By occupying more space in the search results
and presenting a clear outline of your content, you make your listing more appealing
and informative. This encourages more users to click on your link over your competitors,
directly boosting your CTR—a key metric that can lead to better search engine rankings.

**Enhance User Experience**
 For long articles, a table of contents is essential.
It allows readers to easily navigate to the sections they care about most, and see
exactly where they are in the article at a glance, which reduces bounce rates and
increases the time they spend on your page. Search engines place value on these 
positive user engagement signals.

**Provide Clear Context for Search Engines**
 A list of jump links acts as a clear,
semantic outline of your page’s structure. This helps search engines better understand
the topics and sub-topics you cover, which can improve your chances of ranking for
a broader range of related search queries.

### Key Features

#### Automatic & Intelligent

 * **Auto-Generates Links:** Scans your document in real-time and creates a list
   of links from your H2, H3, and H4 heading blocks.
 * **Smart Anchor ID Handling:** Automatically adds unique, semantic ID attributes
   to heading blocks that don’t have one.
 * **Respects Your Content:** Never overwrites a custom ID you’ve already added 
   to a heading, giving you complete control.
 * **Live Syncing:** The list automatically updates in real-time as you add, remove,
   or edit headings in the editor.

#### Full Customization

 * **Viewing & Editing Modes:** Switch between a clean preview (Viewing Mode) and
   a detailed interface (Editing Mode) directly in the sidebar’s “Presentation” 
   panel.
 * **Custom Link Text:** Change the text of any link. For example, turn a long heading
   like “Frequently Asked Questions about Our Product” into a short and simple “
   FAQ.”
 * **Custom Ordering:** Easily reorder links with simple up and down arrow buttons
   to create the perfect flow for your readers.
 * **Toggle Visibility:** You can exclude any heading from the list with a simple“
   Include/Exclude” toggle. This allows you to leave a section out of your Jump 
   Links List, if desired.
 * **Customizable Heading:** Add an optional title (like “On This Page”) above your
   list of links.

#### Advanced Styling

 * **Organized Sidebar:** All styling controls are neatly organized in a dedicated“
   Appearance” panel.
 * **Layout Options:** Display your links in a standard vertical list or a horizontal
   layout. For horizontal lists, choose between the classic **Button** style or 
   the minimalist **Plain Text** style.
 * **Visual Separators:** When using the Plain Text layout, choose from elegant 
   separators like Spaces, Middle Dots, Pipes, or Slashes to organize your links.
 * **List Styles:** Choose between a bulleted list (`<ul>`), a numbered list (`<
   ol>`), or no list styling at all.
 * **Typography:** Control the **font size** with a simple picker, including a reset
   button.
 * **Block Background:** Set a background color for the entire block container to
   make your table of contents pop or match your theme’s card style. This setting
   extends upon the block margin, padding, and border options within the block styling
   tab.
 * **Full Color Control:** Use integrated color pickers to customize: **Link Color**,**
   Other Text Color** (for bullets, numbers, and the main heading).
 * **Conditional Horizontal Link Styles:** When in the horizontal layout, you can
   fine-tune the design with controls for **Link Background Color**, **Link Background
   Color on hover**, **Link Border Color**, and **border radius**.
 * **Visual Hierarchy:** Optional **“Smart Indentation”** creates a nested outline
   look, making it easier for readers to scan your document structure in a larger
   Table of Contents (e.g., indenting H3s under H2s).

#### Front-End Experience

 * **Smooth Scrolling:** Clicking a link smoothly scrolls the user to the relevant
   section of the page, providing a modern and pleasant user experience.
 * **Collapsible List:** Optional feature to collapse long lists with an elegant“
   Show More” / “Show Less” SVG icon button to expand and contract the list horizontally
   or vertically.
 * **Sticky Navigation:** Optionally, keep the table of contents pinned to the viewport
   as users scroll, ensuring navigation is always accessible for long articles.
 * **Scroll-Up-To-Reveal:** Enable optional “Smart Sticky” behavior to save screen
   space. The sticky navigation hides automatically when users scroll down and instantly
   reappears when they scroll up—perfect for mobile reading.
 * **Smart Sticky Controls:** Includes a **Top Offset** setting to prevent the block
   from hiding behind your site’s sticky header, a **Jump Offset** setting to ensure
   that the sticky header does not cover the heading text, and a **Disable on Mobile**
   strategy to prevent it from blocking content on small screens.
 * **Auto-Hide Title:** When using Sticky Positioning, the block title (e.g., “On
   This Page”) automatically fades out and collapses once the block sticks to the
   top of the screen. This maximizes reading space while keeping the navigation 
   links accessible.
 * **Active Link Indicator (ScrollSpy):** As your readers scroll through the content,
   the table of contents automatically highlights the link for the section they 
   are currently reading, giving them instant context on their progress.

### How to Use

 1. Create or edit a post or page.
 2. Click the + icon to add a new block and search for **Jump Links Block.**
 3. Add the block to your page. It will automatically find your headings.
 4. Use the settings in the editor sidebar to customize the block.
     A. In the **Presentation**
    panel, switch to **Editing Mode** to see all the controls for customizing individual
    links (reordering, renaming, and hiding). B. In the “Appearance” panel, control
    the layout, styling, and colors. C. In the “Heading Settings” panel, toggle the
    optional title and select which heading levels to include.

### You Might Also Like

If you like this plugin, you might also enjoy these WordPress tools:

 * **[Search Appearance Toolkit (SEO 44)](https://wordpress.org/plugins/search-appearance-toolkit-seo-44/)**–
   A lightweight, feature-packed SEO plugin for WordPress that offers a comprehensive
   suite of site optimization tools, all easy to control.
 * **[Microdata to JSON-LD Converter](https://wordpress.org/plugins/microdata-to-json-ld-converter/)**–
   A handy tool to convert your existing Schema.org Microdata into the preferred
   JSON-LD format, clean up your HTML, and maintain structured data.
 * **[Under The Weather](https://wordpress.org/plugins/under-the-weather/)** – A
   lightweight and customizable weather widget, powered by the OpenWeather API, 
   that caches and presents weather data with multiple style options.

## スクリーンショット

[⌊The Jump Links Block in Viewing Mode.⌉⌊The Jump Links Block in Viewing Mode.⌉[

The Jump Links Block in Viewing Mode.

[⌊The Jump Links Block in Editing Mode.⌉⌊The Jump Links Block in Editing Mode.⌉[

The Jump Links Block in Editing Mode.

[⌊The Sidebar controls for the Jump Links Block.⌉⌊The Sidebar controls for the Jump
Links Block.⌉[

The Sidebar controls for the Jump Links Block.

[⌊Published Vertical Jump Links, expanded and collapsed.⌉⌊Published Vertical Jump
Links, expanded and collapsed.⌉[

Published Vertical Jump Links, expanded and collapsed.

[⌊Published Horizontal Jump Links, expanded and collapsed.⌉⌊Published Horizontal
Jump Links, expanded and collapsed.⌉[

Published Horizontal Jump Links, expanded and collapsed.

[⌊Published Horizontal Jump Links with sticky navigation showing the Active Link
Indicator.⌉⌊Published Horizontal Jump Links with sticky navigation showing the Active
Link Indicator.⌉[

Published Horizontal Jump Links with sticky navigation showing the Active Link Indicator.

## ブロック

このプラグインは1個のブロックを提供します。

 *   SEO 44 Jump Links Automatically generates a table of contents with links to
   headings on your page.

## インストール

#### From the WordPress Plugin Directory File

 1. Log in to your WordPress Admin Dashboard.
 2. Navigate to **Plugins > Add Plugin** in the left-hand menu.
 3. Search for the plugin: **Jump Links Block (SEO 44)**.
 4. Install the plugin: Once you locate the [correct plugin](https://wordpress.org/plugins/jump-links-block-seo-44),
    click the **“Install Now”** button next to it.
 5. Activate the plugin: After the installation is complete, click the **“Activate 
    Plugin”** button that appears.

#### From a Zip File

 1. Download a copy of the plugin, available in the WordPress Plugin Directory [Jump Links Block (SEO 44)](https://wordpress.org/plugins/jump-links-block-seo-44)
    webpage.
 2. Upload the **jump-links-block-seo-44** folder to the `/wp-content/plugins/` directory
 3. Activate the plugin through the **Plugins** menu in WordPress.

## FAQ

### How is the standalone “SEO 44 Jump Links Block (SEO 44)” plugin different from the “SEO 44” plugin?

The main **[Search Appearance Toolkit (SEO 44)](https://wordpress.org/plugins/search-appearance-toolkit-seo-44/)**
plugin is a complete suite of tools that includes meta tag optimization, schema 
generation, XML sitemaps, and the Jump Links Block. This standalone **[Jump Links Block (SEO 44)](https://wordpress.org/plugins/jump-links-block-seo-44)**
plugin offers _only_ the Jump Links Block functionality for users who don’t need
a full SEO suite. If you are using the Search Appearance Toolkit (SEO 44) plugin,
you _already_ have access to the Jump Links Block and do not need to install this
standalone block plugin.

### Are Jump To Links the same as Site Links?

While they look similar, **sitelinks** and **jump to links** are two distinct features
in Google’s search results. The main difference is where the links take the user.

 * **Sitelinks:** Links to **separate pages** on the same website (site-level navigation).
   They most often appear for branded searches when Google is confident the user
   wants to navigate the main sections of a specific site. Their purpose is to navigate
   a website’s main sections and help users get to the most popular or important
   pages on a website more quickly.
 * **“Jump to” links:** Links to **different sections within the same page** (page-
   level navigation). Jump To Links are also called “fragment links” or “in-page
   links.” They typically appear for long articles, tutorials, or FAQs where a table
   of contents with anchor links is used. Their purpose is to navigate a long piece
   of content and take search users directly to the specific part of the page that
   answers their question.

**Jump To Links** are the search result feature that the Jump Links Block is designed
to create.

### Which heading levels will appear in the list?

That’s your choice. By default, the block will create a list of the H2 headings,
but you can add H3 and H4 headings (or remove H2 headings) by simply checking a 
box (H1 and H5 headings are not included as they are less commonly used for in-page
content structure). Control which levels are included in the **Heading Settings**
panel in the sidebar by checking or unchecking the boxes. You can also use the **
Editing Mode** screen to exclude individual headings from your list.

### How do I edit the text, reorder, or hide a specific link?

In the block’s sidebar, go to the **Presentation** panel and click the **Editing
Mode** button. This will reveal all the controls inside the block editor for customizing
each link. When you’re done, you can switch back to **Viewing Mode** to see a clean
preview.

### Will this block overwrite custom anchor IDs I’ve already added to my headings?

No. The block is designed to be smart about this. If a heading block already has
a custom anchor ID, the Jump Links Block will use that existing ID and will not 
overwrite it. It only adds an ID if one is missing. The anchor ID is required to
create semantic jump links.

**Note:** If one of the headings on your page is “Office Directions,” the ID created
will be “office-directions.” This could create a potential conflict if you have 
another ID on your webpage named “office-directions.” In this case, assign a different
ID to the block heading to resolve the conflict.

### How do I style the links in the horizontal layout?

The special styling options for the horizontal layout (like link background and 
border color) will automatically appear in the **Appearance** panel in the sidebar
_after_ you select the “Horizontal” layout option.

### How do I make the Table of Contents stay visible while scrolling?

In the block settings sidebar, look for the **Position Settings** panel. Toggle 
on **“Sticky Position”**.
 You can then use the **“Top Offset”** slider to adjust
how far from the top of the screen the block sits (useful if you have a sticky site
header). Optionally, you can also change the **Scroll Behavior** to “Scroll-Up-To-
Reveal” if you want the navigation to hide while the user reads and reappear only
when they scroll up.

### Why isn’t the block “sticky” on my phone?

The sticky feature includes a **“Disable on Mobile”** setting that is enabled by
default.
 Sticky elements on mobile devices often cover up too much reading space
and lead to a poor user experience. If you want it sticky on mobile, you can uncheck
this box in the **Position Settings** panel.

### Can I include more than one Jump Links Block per page?

Yes. In fact, you can customize the second jump links block to appear different 
than the first. For example, you might have a horizontal jump links block at the
top of your page containing jump links to each H2 heading. Lower on your webpage,
you could add a second jump links block formatted as a numbered vertical list of
links for each H3 heading in the biggest section of your page.

### Why does the “Show More” button not work in the editor?

The collapsible functionality and the **Show More** button, which features a down
arrow icon, are front-end features that function using a JavaScript file. They are
designed to work only on the live, published page. To give you an accurate preview,
the editor displays a non-functional replica of the “Show More” button when the 
feature is enabled. You can hover over it to see a helpful tooltip, and clicking
it will show an informational notice confirming that it’s interactive on the front
end.

### How can I save and reuse my custom styles for the Jump Links Block?

You can save a fully customized Jump Links block as a **Block Pattern** to easily
reuse it across your site. This is a handy WordPress feature. With Block Patterns,
you don’t have to repeat the process of manually setting the same style settings
for Jump Links blocks on multiple pages. That work is done for you.

Follow these instructions to [create a Block Pattern of a Jump Links Block](https://seo44plugin.com/jump-links-block-seo-44/creating-block-patterns/).

## 評価

![](https://secure.gravatar.com/avatar/d8dee14098d75e1efb46c8a558e197989375b0c0c458a6144b4c4af3d19c5ff2?
s=60&d=retro&r=g)

### 󠀁[Major Time Saver](https://wordpress.org/support/topic/major-time-saver-9/)󠁿

 [Rasquache](https://profiles.wordpress.org/rasquache/) 2026年1月12日

Great solution for making a Table of Contents. Automatically puts together a list
of all the headings on a posts AND updates when I add or remove headings. Super 
easy to use. Lots of styling and layout options. The Jump Links Block is a major
time saver.

 [ 1件のレビューをすべて表示 ](https://wordpress.org/support/plugin/jump-links-block-seo-44/reviews/)

## 貢献者と開発者

Jump Links Block (SEO 44) はオープンソースソフトウェアです。以下の人々がこのプラグ
インに貢献しています。

貢献者

 *   [ Seth Smigelski ](https://profiles.wordpress.org/sethsm/)

[“Jump Links Block (SEO 44)” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/jump-links-block-seo-44)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/jump-links-block-seo-44/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/jump-links-block-seo-44/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/jump-links-block-seo-44/)
を [RSS](https://plugins.trac.wordpress.org/log/jump-links-block-seo-44/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 2.2.0

 * **PERFORMANCE:** Block styles are now conditionally loaded only when the Jump
   Links block is present.
 * **IMPROVEMENT:** Implemented late-enqueue logic for block assets. Global inline
   CSS has been replaced with a conditionally loaded external stylesheet, improving
   browser caching and reducing page weight on pages not using the Jump Links Block.
 * **DEV:** Tested Up To WordPress 7.1.

#### 2.1.3

 * **IMPROVEMENT:** Implemented recursive block scanning. The plugin now identifies
   headings nested inside layout blocks (Groups, Columns, Kadence Rows) to generate
   your jump links list.

#### 2.1.2

 * **DEV:** Tested Up To WordPress 7.0.

#### 2.1.1

 * **FIX:** The sticky navigation now remains visible when the list is expanded,
   preventing it from disappearing unexpectedly during use.

#### 2.1.0

 * **NEW:** Introduced optional “Smart Sticky” (Scroll-Up-To-Reveal) behavior. The
   sticky table of contents can now hide automatically when scrolling down to save
   screen space and reappear when scrolling up.
 * **NEW:** Added a “Plain Text” style option for horizontal layouts, offering a
   minimalist alternative to the default button style.
 * **NEW:** Added visual separators (Middle Dot, Pipe, and Slash) for text-based
   link lists.
 * **ENHANCEMENT:** Introduced CSS transitions for sticky elements for a smooth 
   visual experience for Scroll-Up-To-Reveal jump links.
 * **ENHANCEMENT:** Optimized editor controls to conditionally display relevant 
   settings, keeping the sidebar clean.
 * **FIX:** Added dynamic border calculation to resolve an issue where thick borders
   could prevent the navigation bar from sticking or hiding correctly.

For a complete list of changes, please see the [full changelog](https://seo44plugin.com/jump-links-block-seo-44/changelog/)
or the changelog.txt file included with the plugin.

## メタ

 *  バージョン **2.2.0**
 *  最終更新日 **2か月前**
 *  有効インストール数 **10+**
 *  WordPress バージョン ** 6.3またはそれ以降 **
 *  検証済み最新バージョン: **7.1.3**
 *  PHP バージョン ** 7.4またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/jump-links-block-seo-44/)
 * タグ
 * [block](https://ja.wordpress.org/plugins/tags/block/)[jump links](https://ja.wordpress.org/plugins/tags/jump-links/)
   [on this page](https://ja.wordpress.org/plugins/tags/on-this-page/)[table of contents](https://ja.wordpress.org/plugins/tags/table-of-contents/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/jump-links-block-seo-44/advanced/)

## 評価

 5つ星中5つ星

 *  [  1 5-星レビュー     ](https://wordpress.org/support/plugin/jump-links-block-seo-44/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/jump-links-block-seo-44/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/jump-links-block-seo-44/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/jump-links-block-seo-44/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/jump-links-block-seo-44/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/jump-links-block-seo-44/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/jump-links-block-seo-44/reviews/)

## 貢献者

 *   [ Seth Smigelski ](https://profiles.wordpress.org/sethsm/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/jump-links-block-seo-44/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://www.paypal.com/donate/?hosted_button_id=M3B2Q94PGVVWL)