← Back

So I’ve implemented nextjs on this blog. You shouldn’t feel anything different of course, as its an internal change. I thought nextjs was going to create static HTML files for all, but it turns out it didn’t. (But it can do if we want to). This means that:

SEO friendly doesn’t necessarily mean you have to have HTML files

I think nextjs still uses js and some other things, but somehow they achieve SEO. Maybe I’ll have a look later, or maybe not as i don’t realy need it. It’s good enough to know that these thing exist.

SEO friendly is more than that though :

  1. SEO friendly means search engine optimisation
  2. So it has to do with each search engine, meaning Google-friendly and Yahoo-friendly are not the same, because the two companies have different ranking system.
  3. But it should be roughly the same, except some company puts high focus on something intentionally.
  4. For Google, each page should have good title and URL is also important. Links are also important, and nextjs takes care of it if you use their Link component.
  5. Cross link is important. For example, MIT repeatedly puts a link to my blog, my blog’s rating will go up.
  6. meta tag’s description is good for deliverying information, but does not affect the ranking.
  7. There are special tags to talk to each serach engine providers’ bot. Also a thing called robots.txt to communicate with their bots. If site gets huge, a sitemap.xml is handy.

And recently google announced they’re adding new things in their ranking criteria, which are web vitals. Web vitals is mostly about UX, so if there is a LARGE image, then it’s not good. If page structure changes, not good, as it can lead to unexpected input from user (think of “submit” buttom suddenly moves and there is “like” button where “submit” used to be. You liked!). There are something like a bot that can pretend to be the guest, and collect these metrics to give scores. These scores are used in ranking in Google’s Search Engine.

nextjs is a good react.js framework that can deal with these stuffs for developers. I’m looking forward to using Svelte and see how they deal with SEO.

Oh, and on top of that, there is another service/company called AMP. If I ever create a real commercial website I’ll definitely check AMP out, here. It looks like it is another framework (yeah so many frameworks really), specifically made for UX.