質問: 以下のようなコードを用いてページ制作をしています。 (私自身はjavascriptを初歩程度しか理解できてはいません。以下のjavascriptは別の人が書いてくれたものです) ``` $(function() { setBacknumber($('div#backnumber')[0].accessKey); }); function setBacknumber(param) { $.ajax({ url:'https://hogehoge.com/api/maillog', type:'POST', data: { 'param' : param }, }).done(function(data) { $('div#backnumber').html(data); }).fail(function(XMLHttpRequest, textStatus, errorThrown) { }); return false; } ``` ``` ``` このページにアクセスするとid="backnumber"をターゲットとして、 サーバーにあるデータを元にメルマガのバックナンバーをリスト表示してくれます。 (サーバーサイドでやっていることも全然わかっていません。) 以下のような感じ ``` 2018/10/19 - hogehoge 2018/10/18 - moge- 2018/10/17 - choe-- ``` リンクをクリックすると#backnumberの内容が変更されます。 以下のよう。 ``` hogehoge hogehogeとはなんちゃらかんちゃら・・・(中略) ``` この時、文章の部分がしっかりしたものだったとして、 この部分は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効果が無い。という情報でも大丈夫です。 テスト方法もわからないままウェブの情報を頼りに進めてしまい、違いましたと言うパターンを排除しておきたいので、 詳しい方よろしくお願いいたします。
回答: 対象が正しくレンダリングされているのが条件ですが「ロングテールSEO対策」として効果は、あります。 「SEO対策」は、検索クエリに対するコンテンツ内容が「適切ですよ」と検索エンジンに伝えるためのものです。 「バックナンバーのリスト」であれば、そのページのメインは別に存在し、「適切ですよ」と言えない部分はあります。 しかし、テキストで認識させる部分では効果があると言えますので、間接的にSEO効果は「ある」と言えます。 ※個人的な見解です。