민코딩 연구소 사이트 제작기(4) - SEO 고려하기

민코딩 연구소 사이트 제작기(4) - SEO 고려하기

반응형

https://mincodinglab.com/

해당 글은 위 사이트에 대한 제작기를 바탕으로 작성된 글입니다.

https://loy124.tistory.com/389

https://loy124.tistory.com/390?category=904041

https://loy124.tistory.com/391

마지막으로 고려할 요소는 SEO 였다.

일단 기존에 존재하던 민코딩연구소 사이트가 존재하기도 했고 존재하던 연구소 사이트 (Wordpress 기반) 을 이길 수 있는 SEO작전이 필요했다.

그에 따라 먼저 먼저 각 next page마다 meta tag들을 수정해 주었다.

위 방식 외에도 여러가지 meta tag를 수정해 주었다.

두번째로 한 작업은

구글 서치 콘솔, 네이버 서치 어드바이저에 등록을 진행해줬다.

https://search.google.com/search-console

https://searchadvisor.naver.com/

네이버 서치 어드바이저에서는 이렇게 간단한 주요 태그에 대해 설명해주기도 한다. 이에 따라 부족한 부분들을 모두 채워주었다.

마지막으로 Next.js + SWR을 활용한 서버 사이드 렌더링 또한 구축해 주었다.

https://swr.vercel.app/docs/with-nextjs

Next.js 를 만든 회사가 SWR도 만들어서 그런지 쉽게 SSR 적용이 가능했다.

자바스크립트 사용 중지를 체크하고 새로고침 해도 정상적으로 데이터를 불러오는 모습이다.

위와 같이 진행하고 며칠이 지나니 과거에 존재했던 minresearch 사이트(Wordpress 기반) 의 검색어 순위를

내가 제작한 mincodinglab이 뒤집음으로써 어느정도 SEO 친화적으로 만들었다는게 입증되었다

마치며

기획 + 설계 + 개발 + 배포 + SEO 모두 고려하게 되는 좋은 시간이었다.

평소에 개발자는 SEO까지 신경을 안쓰고 개발만 하는 경우도 많았는데 SEO 친화적 = 사업과 즉결적으로 연관됨을 확인하며 고려하게 되니 개발에 대한 시야가 넓어진 느낌이었다.

또한 새로 도입한 nest.js와 next.js를 활요하며 이에 대한 장점을 더 확인하고 웹 개발자라면 어느정도 트렌드를 따라가는것이 좋다는 생각이 들었다. node로 개발할시에 express만 쓰면서 어느정도 불편한 부분들이 많았는데 nest.js 가려운 부분을 모두 긁어주어 개발하면서도 재미있게 개발했다는 생각이 든다.

반응형

from http://loy124.tistory.com/392 by ccl(A) rewrite - 2021-11-27 22:28:09