웹 사이트 Favicon 등록 및 SEO 최적화

Favicon

Favicon 디자인

favicon을 만들기 위해 canva에서 직접 디자인을 했다.

디자인은 안에서 주는 템플릿을 이용해서 간단하게 만들 수 있다.

캔버스 사이즈는 48x48로 제작했다.

 

Favicon 생성

https://convertico.com/

ConvertICO.com - Convert PNG to ICO and ICO to PNG files

만든 이미지를 위 사이트에 드래그하면 간단하게 favicon을 생성할 수 있다.

이렇게 생성된 favicon을  favicon이라는 이름으로 변경한 뒤 public 폴더에 넣었다. public 폴더에 들어있던 기존의 favicon은 지워버리면 된다.

 

SEO최적화

SEO(검색 엔진 최적화): 웹사이트가 검색 엔진에서 더 높은 순위로 나타날 수 있도록 최적화하는 프로세스

검색 엔진은 사용자의 검색 질문에 가장 적합한 결과를 표시하기 위해 여러 기준을 고려한다. 따라서 SEO를 통해 웹페이지를 최적화하면 더 많은 사용자를 웹사이트에 방문하도록 할 수 있다.

이 부분을 고려해 본 건 처음이라 검색해 보았는데 좋은 포스팅이 많았다.

 

Next.js SEO 최적화 적용하기

Next.js에서 SEO 완벽하게 구축하기

나의 경우 아직 메타 태그 몇 개만 입력해 둔 상태지만, SEO에 대해서는 계속 공부하며 개선해 나가야겠다고 생각했다.

개발할 때는 개발이 다인 줄 알았지만 실제로는 서비스 개발 시 사용자를 늘리기 위한 노력도 매우 중요한 부분 중 하나이다.