Bootstrap : rowをたくさん利用することでの注意点

Question

Bootstrapを独学で学習しているものです。
BootStrapでウェブサイトを作成するにあたり、rowクラスを多用することで、何か悪影響等はありますでしょうか。（SEOに不利やスマフォ版になると実装がややこしくなるなど）
例えば、下記のソースコード１を実装しても、ソースコード２を実装しても結果としては同じですが、何か違いはありますでしょうか。

完成イメージ
タイトル
文章文章
説明文章

ソースコード１　＊PタグをCSSで下に移動させる。

<div class="row">
  <div class="col d-flex justify-content-center">
    <h1>タイトル</h1>
    <p>文章文章</p>
    <p>説明文章</p>
  </div>
</div>
</div>
コード

ソースコード２

  <div class="col d-flex justify-content-center">
    <h1>タイトル</h1>
  </div>
  </div>

<div class="row">
  <div class="col d-flex justify-content-center">
    <p>文章文章</p>
  </div>
  </div>

<div class="row">
  <div class="col d-flex justify-content-center">
    <p>説明文章</p>
  </div>
  </div>

Answer 1

googleはseoにおいてhtml構造を重要視しなくなっていますので、seoに不利といったことはないでしょう。(htmlタグが多くなる事でスピードが下がりseoに悪影響といった可能性はありますが大差ないと思います。)
参考: https://www.cyberbrain.co.jp/news/detail/88/

スマフォ版に限らず、htmlタグが多くなると確実にややこしくなります。htmlタグは少なくシンプルに書くほうがいいです。
が、あまり少なくする事にこだわるのも良くないです。htmlタグ本来の、意味のある構造にするように心がけることが大事です。

サンプルのソースコードは、「タイトル」「文章文章」「説明文章」で1セットに見えますので、1の方がシンプルで美しいです。
見た目的にpタグの間に余白を入れたいだけの場合は、pタグにclass="mb-3"などを追加する方法が一般的だと思います。

Answer 2

見た目が同じでも構造が違えばまたクローラーの見方も変わってくるのではないでしょうか。
人間の目からしてもグループ化はされておいたほうが良いのは間違いないですね。
タイトルと文章がちゃんと紐づけられるような構成が望ましいのはクローラーも同じかと。

ただ、そこはどのようなことを主眼に、目的でレイアウトを組まれているかにもよるので、
「絶対的な正解」は存在しません。

※見た目が同じように見えても実はちょっとずつ違うはずなので「全く同じだ」と思ってたら思わぬ落とし穴にハマります。
※ただ、コンテンツの充実が最優先なので、個人的にはHTML構成を気にするのは画面描画速度を気にするようになってからくらいかなと