会員サイトをリニューアルしました! 新サイトはこちら

別タブで開くアンカーリンクをクリックするとリンク元のページでページ内ジャンプが発生する < 不具合報告

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

別タブで開くアンカーリンクをクリックす...
 
通知
すべてクリア

[解決済] 別タブで開くアンカーリンクをクリックするとリンク元のページでページ内ジャンプが発生する

5 投稿
2 ユーザー
3 Likes
1,504 表示
stsh008
(@stsh008)
New Member
Topic starter
 

有識者のみなさま

アンカーリンクをクリックした際の動作で気になることがございます。
詳細下記に列記しましたので、お時間あるときにご覧いただけると幸いです。

わたしの知識では不具合なのか、WordPress(もしくはSWELL)の仕様なのか分からず、
お門違いの質問でしたら捨て置いてください。

またトピック追加前に類似の問い合わせがないか確認しましたが、
見落としているようでしたら失礼しました。
その際は恐れ入りますが、URLだけご教示いただければ拝読させていただきます。

【事象】
別ページへのアンカーリンク(ex:#index_id2)クリック後、別タブでリンク先のアンカーに遷移すると同時に、リンク元のページ内でも同じアンカーの記述があるソース位置まで遷移(ページ内でスクロール)が発生する。

イメージ図を添付します。
wordpress_anchor-link_trouble.png

SWELLフォーラムおよびGoogle検索結果で類似のFAQが確認できないことから特定サイトのみで起こる事象である可能性あり。

【当該事象が発生しているページ】
https://lifestyle-analytics.com/swell-thor-widget-area/

ページ内のアンカーリンクをクリックすると別タブでアンカーリンク先が開きます。
それと同時にリンク元ページでも(#index_id6)までページ内ジャンプが発生します。

<アンカーリンク設置場所>
目次
┗3まとめ
 ┗3-2ウィジェットエリアの柔軟性はSWELLが優れている

<問題のアンカーリンク>
関連記事ブロック:THE THOR フッターウィジェットの出し分け
https://lifestyle-analytics.com/swell-thor-footer/#index_id6

※アンカーリンク場所、記事のかなり下部です。
 冗長で申し訳ございません。

【当該事象に関する補足】
以下については確認済み
・アンカーリンクが外部ページの場合も当該事象が発生する
 #サイト内リンク、外部サイトリンクは関係ないと思慮
・アンカー名が重複しない場合は、当該事象は発生しない
・PCとスマホ両方で当該事象が発生する

【当該事象の問題点】
サイト訪問者が別タブでアンカーリンク先へ遷移した後、リンク元ページへ戻ってきた場合、知らぬ間にリンク元ページがアンカーリンクをクリックした位置から移動していることになる。
アンカーリンクの続きから読み進めたいサイト訪問者の体験を損ね、読了時間の増加、離脱要因になると思料。

【環境】
・ブラウザ:Chrome
・OS:Windows10
・WordPressバージョン:5.6.2
・テーマ:SWELL 2.3.3.1
・プラグイン:
 #Akismet Anti-Spam (アンチスパム)
 #BackWPup
 #Login rebuilder
 #SEO SIMPLE PACK
 #Wordfence Security
 #WP Multibyte Patch
 #WP Revisions Control

【フォーラムおよび検索エンジンで使用した検索kw】
以下キーワードで検索したが、当該事象に関する情報は得られなかった。
<フォーラム>
・#index
・アンカー
・アンカーリンク
・ページ内ジャンプ
・ページ内スクロール

<検索エンジン>
・ワードプレス アンカーリンク
・ワードプレス アンカーリンク リンク元
・ワードプレス アンカー 重複
・ワードプレス アンカー 別ページ
・swell アンカーリンク
・swell アンカーリンク リンク元
・swell アンカー 重複
・swell アンカー 別ページ

【検索結果の共有】
明確な原因および解決策は見つけられず。
下記記事より、idの重複に関する注意点があることは承知した。
一方で、『a href=”(表示するwebページのアドレス/移動先のid名)”』で
重複しなくなると明記されており、別ページのアンカーリンクは可能と理解した。

「HTMLで複数のアンカーリンクが使えない理由」
https://techacademy.jp/magazine/35688

ご不明点もしくは失礼なところあればご教示ください。

以上

どうぞよろしくお願いします。

 
投稿済 : 28/02/2021 2:39 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

ちょっと後日調べておきます。

取り急ぎの対策方法としては、別タブで開くのではなく普通のリンクにしていただくのが一番かなと思います。

.

もしくは、遷移先の見出しに明示的に何かアンカー(id)を設定していただくと遷移元ページとid文字列が被らないので、回避できる気がします!

 
投稿済 : 01/03/2021 1:13 pm
stsh008
(@stsh008)
New Member
Topic starter
 

了さん

ご回答ありがとうございます。

アドバイス通り、別タブ禁止 or 遷移先に任意のid設定、が現状の最適解だと思います。
※関連記事ブロック使用且つ遷移先が同じSWELテーマの外部サイトの時だけ困るかもしれませんが。
 リンク元ページ内の重複しているアンカーを別名で上書きすれば回避できるはず…

後日調査いただけるというのは有難いですが、
正直当該事象で困る人が多いとは思えないので
(寧ろ少数派の要望汲み取って開発してもらうのも心苦しいので)、
引き続き運用側でカバーという方針でもよろしいかと思います。

無理のない範囲でご対応いただけると幸いです。

どうぞよろしくお願いします。

 
投稿済 : 02/03/2021 3:15 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

こちら、v.2.3.5で修正しました!

 
投稿済 : 08/03/2021 8:04 am
stsh008
(@stsh008)
New Member
Topic starter
 

了さん

先ほど事象の解決確認しました。
(こんな細かい所まで修正いただけるとは…)

ご対応いただきありがとうございました!

 
投稿済 : 28/03/2021 9:03 am
共有: