用 div 写导航栏会影响 SEO 吗？

我之前一直用 div 搭页面结构，最近听说语义化标签对 SEO 更友好，有点慌。比如我的顶部导航栏现在是这样写的：

const Header = () => {
  return (
    <div className="header">
      <div className="logo">MySite</div>
      <div className="nav-links">
        <a href="/">首页</a>
        <a href="/about">关于</a>
        <a href="/contact">联系</a>
      </div>
    </div>
  );
};

是不是应该换成 <header> 和 <nav>？换成语义化标签真的能提升搜索引擎排名吗？还是说这只是“最佳实践”但实际影响不大？