title: Avoid Duplicate Meta Description and Keywords in Next.js
body: <p>I'm developing my website with <strong>Next.js</strong> To upgrade my website's SEO performance, I'm trying to avoid duplicated meta tags.</p>
  <p><strong>My Question</strong></p>
  <p>In Next official docs, they say that I can avoid overlapped meta tag by insert key property in meta tag. But this does not work.</p>
  <pre><code>&lt;meta name=&quot;description&quot; content=&quot;~~&quot; key=&quot;titleDescription&quot;/&gt;
  &lt;meta name=&quot;keywords&quot; content=&quot;~~&quot; key=&quot;titleKeywords&quot;/&gt;
  </code></pre>
  <p>These are default rootDocument meta tags and,</p>
  <pre><code>&lt;meta name=&quot;description&quot; content={item.product_description} key=&quot;titleDescription&quot;&gt;&lt;/meta&gt;
  &lt;meta name=&quot;keywords&quot; content={item.brand_name} key=&quot;titleKeywords&quot;&gt;&lt;/meta&gt;
  </code></pre>
  <p>These are dynamically generated meta tags in item pages.</p>
  <p>In deployed browser, there are still two description and keywords meta tags in website. I want to avoid duplicated meta tag. <em>Thank you for your help!</em></p>