공학박사 권경안

Trendboard 웹사이트: Google 검색에 노출시키기 위한 과정 본문

Programming

Trendboard 웹사이트: Google 검색에 노출시키기 위한 과정

Karl Kwon 2025. 4. 11. 12:12

몇일전 올린 글을 통해 만든 앱을 배포까지 했었는데, 오늘은 그 이후에 대해서 다뤄 보겠습니다. (소스: https://github.com/data-insider-nyc/trendboard)

웹사이트를 만든 후, 가장 중요한 것 중 하나는 **검색 엔진 최적화(SEO)**를 통해 사람들이 검색했을 때 쉽게 웹사이트를 찾을 수 있도록 하는 것입니다. 오늘은 Trendboard 웹사이트를 Google 검색에 노출시키기 위한 과정을 공유하려고 합니다.

https://data-insider-nyc.github.io/trendboard/

1. Google Search Console에 웹사이트 추가

가장 첫 번째 단계는 Google Search Console에 웹사이트를 추가하는 것입니다. 이를 통해 Google이 웹사이트를 크롤링하고 색인할 수 있게 됩니다.

  • Google Search Console에 로그인하고, 웹사이트 URL을 추가합니다.
  • 이후, 웹사이트의 소유권을 인증해야 합니다. 이는 HTML 메타 태그DNS 확인을 통해 할 수 있습니다. 저는 HTML 메타 태그 방식을 사용하여 인증을 완료했습니다.

2. sitemap.xml 파일 생성

Google은 웹사이트의 구조를 이해하기 위해 sitemap.xml 파일을 필요로 합니다. 이 파일은 웹사이트의 모든 중요한 페이지를 나열하여 Google이 효율적으로 크롤링할 수 있도록 돕습니다. 웹사이트가 업데이트될 때마다 이 파일을 자동으로 업데이트할 수 있게 설정하는 것이 좋습니다.

  • Vite와 같은 최신 프레임워크에서는 쉽게 sitemap.xml 파일을 생성할 수 있는 플러그인들이 존재합니다.
  • 이 파일을 Google Search Console에 제출하면, Google이 웹사이트를 크롤링하는데 도움이 됩니다.

3. 메타 태그 최적화

웹사이트의 HTML 메타 태그를 최적화하여 검색 결과에서 더 잘 노출될 수 있도록 해야 합니다.

  • title: 페이지의 제목을 정의합니다. 사용자가 검색 시 보게 될 제목입니다.
  • description: 페이지 내용에 대한 간단한 설명을 추가합니다. 이 내용은 검색 결과에 요약 설명으로 나타납니다.
  • keywords: 페이지와 관련된 중요한 키워드를 나열합니다.

저는 Trendboard 웹사이트의 각 페이지에 이러한 메타 태그를 추가하여, Google에서 더 잘 인식할 수 있도록 설정했습니다.

4. 웹사이트 속도 최적화

Google은 페이지의 로딩 속도를 중요한 순위 요소로 고려합니다. 페이지가 빨리 로드되면 사용자의 경험이 향상되며, 검색 순위도 높아질 가능성이 커집니다.

  • Vite는 빠른 빌드 속도와 번들링 최적화 기능을 제공하여 웹사이트 속도를 크게 개선할 수 있습니다.
  • 또한, 이미지 최적화JavaScript 비동기 로딩과 같은 기법을 통해 페이지 속도를 최적화했습니다.

5. 지속적인 모니터링

웹사이트가 Google에 의해 색인되고 나면, Google Search Console을 통해 검색 결과에 대한 데이터를 확인할 수 있습니다. 이를 통해 페이지가 얼마나 잘 노출되고 있는지, 어떤 키워드로 사람들이 검색하는지 등을 모니터링할 수 있습니다.


이러한 단계를 거쳐 Trendboard 웹사이트가 Google 검색에 노출될 수 있었습니다. 검색엔진 최적화(SEO)는 지속적으로 진행해야 하는 과정이므로, 웹사이트의 내용이나 구조가 바뀔 때마다 계속해서 Google에 알려주는 것이 중요합니다.

이 과정을 통해 많은 사람들이 Trendboard 웹사이트를 더 쉽게 찾을 수 있게 되기를 바랍니다! 🚀

저는 오늘 등록했으니, 현재 통계자료는 없지만, 예전 제 블로그를 올려놓았기 때문에, 그 기록을 화면으로 한번 공유해드리겠습니다.