[Web] 검색 엔진 최적화 SEO

 

검색 엔진 최적화 SEO

SEO - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN

 

SEO는 웹사이트가 검색 결과에 더 잘 보이도록 최적화하는 과정으로 검색 순위 개선이라고도 한다. 검색 엔진은 웹을 크롤링하면서 찾은 컨텐츠의 색인을 생성한다. 검색 결과로 보이는 것이 색인된 컨텐츠이다. 크롤러는 일정한 규칙을 띠르기 때문에 해당 규칙을 따라가면 웹사이트 검색 결과 최상위에 노출될 가능성이 높아지는 것이다.

 

검색 엔진에 대한 SEO 가이드라인을 제공하긴하지만 대형 검색 엔진의 경우 순위가 공개되지 않으므로 공식 지침에 경험, 논문과 특허 등에서 가져온 이론적인 지식을 결합해 나오게 된다.

 

구글, 빙, 야후, 네이버와 같은 검색 엔진은 크롤러를 사용하여 검색 결과에 대한 페이지를 찾는다. 구글과 네이버는 모든 페이지를 찾을 수 있도록 무료로 XML Sitemap 피드를 만들고 제출 할 수 있는 구글 서치 콘솔과 네이버 서치어드바이저를 제공한다. 검색 엔진 크롤러는 크롤링을 진행할 때 다양한 요인을 살피기 때문에 모든 페이지가 인덱싱 되는 것은 아니다.

 

SEO 분류

온 페이지 SEO

웹사이트 내에서 검색 엔진 최적화를 위해 하는 일련의 작업으로 H태그, 메타태ㅐ그, 이미지 최적화, 콘텐츠 최적화, 글자의 수, 내부 링크 등의 요소가 포함된다.

 

오프 페이지 SEO

웹사이트 외부에서 검색 엔진 최적화를 위해 하는 일련의 작업으로 관련성, 신뢰성 및 권한이 포함되고 사이트로 향하는 백링크가 주된 작업이다.

 

 

SEO 개선 방법

기술적, 성능적

웹사이트 로딩 속도를 최적화하며 모바일 반응형 디자인을 구현해 모바일 친화적인 뭽사이트를 구현한다. HTTPS를 적용해 보안 연결을 제공하는 것도 방법이다.

 

이미지 최적화(webp포맷, 적절한 압축, 지연 로딩 등)를 구현하며 불필요한 js와 css코드를 제거한다. 브라우저 캐싱을 사용하거나 코드 스필리팅을 적용하는 것도 방법이다.

 

코드 스필리팅(분할) Code Splitting
코드를 모듈 또는 컴포넌트로 분리하는 것으로 필요에 따라 일부만 로딩하거나 병렬로 로딩할 수 있게되어 초기 로딩에 필요한 코드가 적어진다.

 

 

HTML 구조 최적화 (+렌더링 최적화)

시멘틱 태그를 사용한다. 특히 meta 태그를 활용하면 더욱 효과를 볼 수 있고, 키워드 중심으로 작성한다. 헤더 태그를 논리적 계층 구조로 작성한다.

[리뷰/우아한테크] meta 태그

 

URL 구조 개선

간결하고 의미있는 URL 구조를 설계하고 정규화된 URL을 사용한다. 불필요한 URL 파라미터는 제거한다. 이 과정에서 캐노니털 태그를 사용하면 효과적이다.

 

캐노니컬 태그
한 페이지를 가르키는 여러 개의 주소가 존재할 때 검색 엔진이 어떤 주소가 원본인지 알 수 있도록 하는 태그이다.

 

[HTML] 캐노니컬 태그 (+ HTML 문서가 아닐 때 캐노니컬)

 

 

접근성 및 크롤링 최적화, 모니터링

robots.txt, sitemap.xml, Google Search Console 활용, 정기적인 성능 및 SEO 감사, 검색엔진 알고리즘 변화에 대응해 노출도를 유지할 수 있다.

 

 

캐노니컬 태그 : https://yozm.wishket.com/magazine/detail/1420/

마케팅 관점 SEO 진행 : https://ko.wix.com/blog/post/what-is-seo