Optimizing SPA (Single Page Application) Page SEO with React Helmet

Recently, when I was building the Ocean Freight page that shows a list of Spot freight rates,

I used React Helmet to manage the page's meta tags (title, description, keywords), and I also paid attention to the page URL while developing it.

1
2
3
4
5
6
7
8
9const SEO = ({ title, description, keywords }: HelmetProps) => {
  return (
    <Helmet>
      <title>{title}</title>
      {description && <meta name="description" content={description} />}
      {keywords && <meta name="keywords" content={keywords} />}
    </Helmet>
  );
};

1<Route path="contents/oceanFreight/*" element={<OceanFreightList />} />

I can't show the detailed code, but after I deployed with the optimizations above, I could see a few days later that SEO had taken effect, even though the page was newly created.

I also did not put winiLogis in the alt attribute of the img tags, so I wondered how the images below are getting SEO. I think I need to look into SEO further.

Lastly, after I changed the meta tags on my blog and added tags to each post, its SEO seems to be getting optimized little by little.

Companies treat SEO optimization as a must, and many recent job postings also seem to look for people who have experience with SEO optimization.

So I want to keep researching SEO optimization and studying how to optimize efficiently.