그동안 Next js를 사용해 오며 SSR을 통한 SEO에 유리하다는 장점을 알고는 있었지만, 실질적으로 SEO라는 개념을 너무 추상적으로 이해하고 있는것 같아 정리하고자 작성하는 글이다.
먼저 SEO는 Serach Engine Optimization의 약자로 검색엔진 최적화라는 뜻의 단어이다.
구글같은 검색엔진에 어떠한 검색어를 입력했을때 상위쪽에 노출되는 게시글을 무의식적으로 눌러본 경험이 있을것이다. 이런식으로, 우리가 무엇인가를 검색했을 때
검색결과에서의 상위노출을 할 수 있도록 하는 것이 바로 검색엔진 최적화 즉, SEO이다.
[https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=ko#googleseeyourpage] 구글 SEO 가이드
위에 링크한 구글 SEO 가이드에 나와있는 고려 요소는 매우 많지만, 그중 몇 가지를 추려 SEO 적용시 유의점에 대하여 말해보고자 한다.
고유하고 정확한 페이지 제목 만들기
<title>
태그를 이용하여 검색엔진에 해당 페이지의 주제가 무엇인지 알려주어야 한다.<title>
태그를 이용하여 검색엔진이 각 페이지 별로 다른 페이지와 어떻게 다른지 알 수 있도록 한다.구조화된 데이터 마크업 사용
단순한 URL 사용
문법에 맞는 정확한 HTML 태그 사용
img
, picture
태그를 사용하고, css를 사용한 이미지 사용은 추천하지 않는다.모바일 친화적으로 제작하기