Javascriptで動的に生成されるユニークなURLではないページのSEO効果を知るには

以下のようなコードを用いてページ制作をしています。
（私自身はjavascriptを初歩程度しか理解できてはいません。以下のjavascriptは別の人が書いてくれたものです）

javascript
1$(function() {
2	setBacknumber($('div#backnumber')[0].accessKey);
3});
4
5function setBacknumber(param) {
6	$.ajax({
7		url:'https://hogehoge.com/api/maillog',
8		type:'POST',
9		data: { 'param' : param },
10		}).done(function(data) {
11			$('div#backnumber').html(data);
12		}).fail(function(XMLHttpRequest, textStatus, errorThrown) {
13	});
14	return false;
15}

html5
1<body>
2<div id="backnumber" accesskey="********" class="center"></div>
3</body>

このページにアクセスするとid="backnumber"をターゲットとして、
サーバーにあるデータを元にメルマガのバックナンバーをリスト表示してくれます。
（サーバーサイドでやっていることも全然わかっていません。）

以下のような感じ

html5
1<body>
2<div id="backnumber" accesskey="********" class="center">
3　<ul>
4<li><a href="#" onclick="setBacknumber('abcdef');">2018/10/19 - hogehoge</a></li>
5<li><a href="#" onclick="setBacknumber('ghijkl');">2018/10/18 - moge-</a></li>
6<li><a href="#" onclick="setBacknumber('mnopqr');">2018/10/17 - choe--</a></li>
7</ul>
8</div>
9</body>

リンクをクリックすると#backnumberの内容が変更されます。
以下のよう。

html5
1<body>
2<div id="backnumber" accesskey="********" class="center">
3<h2>hogehoge</h2>
4<p>hogehogeとはなんちゃらかんちゃら・・・（中略）</p>
5</div>
6</body>

この時、文章の部分がしっかりしたものだったとして、
この部分はSEOの効果が期待できるのでしょうか？
setBacknumber('abcdef')と('ghijkl')、('mnopqr')では違う文章が表示されます。
URLはどの場合でも「https://hogehoge.com/backnumber.html#]で、ユニークなURLにはなりません。

こちらのページを参考に
javascriptでも大丈夫と考えて進めています。
https://www.suzukikenichi.com/blog/content-generated-with-js-is-treated-the-same-as-html/

しかしながら、どうにも不安なので
実際にそれを自分で体感できるGoogleのツールなどはないのでしょうか？
最終的にSEO効果が無い。という情報でも大丈夫です。

テスト方法もわからないままウェブの情報を頼りに進めてしまい、違いましたと言うパターンを排除しておきたいので、
詳しい方よろしくお願いいたします。

行動規範の内容に同意します

回答2件

ベストアンサー

Google Help

ターゲットとなる検索エンジンを決めて、その検索エンジンのヘルプを読みます。

アクセシビリティに対応した AJAX サイトの設計 - Search Console ヘルプ

Googlebot は、HTML リンクの構造を理解することには長けていますが、ナビゲーションに JavaScript を使用しているサイトの検出は苦手です。Google では JavaScript の読解能力の強化に取り組んでいますが、Google や他の検索エンジンによるクロールが可能な、コンテンツへの HTML リンクを記載したサイトを作成することをおすすめします。