SEO는 검색 엔진으로부터 웹 사이트에 대한 트래픽의 품질과 양을 개선하는 과정이다. 즉, 사용자가 어떤 단어를 검색 했을 때 웹 페이지가 검색 결과 상위에 더 잘 노출될 수 있도록 최적화 하는 과정이다.
웹페이지 검색 엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 노출될 수 있게 한다. 웹 페이지와 관련된 검색어로 검색한 검색 결과 상위에 나오게 된다면 방문 트래픽이 늘어나기 때문에 효과적인 마케팅 방법 중의 하나이며 비용처리 없는 마케팅이라고 할 수 있다.
기본적인 방식은 특정한 검색어를 웹 페이지에 적절하게 배치하고, 다른 웹페이지에서 링크가 많이 연결되도록 하는 것이다.
사용자에게 도움이 되는 웹사이트를 빌드하고 사용자 환경을 개선하는 것을 목표로 최적화 할 것! 다른 사용자가 내 콘텐츠를 발견하도록 도와주는 검색엔진도 이러한 사용자에 해당한다.
검색 엔진은 웹을 크롤링 하면서 페이지에서 페이지로 링크를 따라가고, 찾은 콘텐츠의 색인을 생성한다.검색 결과에 보이는 것은 바로 그 콘텐츠 색인이다. 크롤러는 일정 규칙을 따르므로, SEO를 진행하며 해당 규칙을 밀접하게 따라가면 웹사이트 검색 결과의 보다 높은 곳에 노출 돼 수익으로 연결될 수 있다.
용어 정리 및 검색 엔진의 검색 결과 프로세스
SEO
- 검색엔진 최적화. 검색엔진에서 찾기 쉽도록 웹 사이트를 개선하는 과정이다.
크롤링
- 웹 크롤러가 웹 페이지의 콘텐츠를 복사하여 검색 엔진으로 가져온다.
- 신규 또는 업데이트 된 웹페이지를 찾는 과정이다.
- 구글은 링크를 따라가거나, 사이트 맵을 읽거나, 다른 여러 방법으로 URL을 찾아낸다.
크롤러
- 웹에서 페이지를 크롤링한 다음 색인을 생성하는 자동 소프트웨어이다.
색인
- 구글에서는 알고 있는 모든 웹 페이지를 색인에 저장한다. 각 페이지의 색인 항목은 해당 페이지의 콘텐츠 및 위치(URL)를 명시한다. 구글에서 페이지를 가져와서 읽고 색인에 추가하면 색인이 생성된다.
인덱싱
- 가져온 컨텐츠를 주제별로 색인하여 보관,저장한다.
랭킹
- 검색 의도에 맞춰 색인된 컨텐츠에 순위를 부여한 후 결과를 제공한다.
🤝 SEO의 세 가지 방향
기술적
콘텐츠 마크업을 작성할 때 시맨틱 HTML을 사용한다. 색인하길 원했던 콘텐츠만 크롤러가 긁어간다.
콘텐츠 작성
방문자 층에 맞는 언어로 콘텐츠를 작성한다. 이미지와 더불어 텍스트를 사용해, 크롤러가 주제를 이해할 수 있도록 작성한다.
인기도
다른 유명한 사이트에서 내가 운영하는 사이트를 링크한다면 더 많은 트래픽을 받는다.
🤝 검색 엔진 최적화의 분류
On-Page SEO
웹 사이트 내에서 검색 엔진 최적화를 위해 하는 일련의 작업
- Heading 태그, Meta 태그, 이미지 최적화, 콘텐츠 최적화, 글자의 수, 내부링크 등의 요소들이 포함된다.
Off-Page-SEO
웹 사이트 외부에서 검색 엔진 최적화를 위해 하는 일련의 작업
- 관련성, 신뢰성 및 권한이 포함되고, 사이트로 향하는 백링크가 주된 작업이다.
🤝 최적 SEO을 위한 방법
고유하고 정확한 페이지 제목 만들기
<title> 요소는 사용자는 물론 검색 엔진에 특정 페이지의 주제가 무엇인지 알려준다. <head> 요소 내에 <title> 요소를 놓고, 사이트의 각 페이지에 고유한 제목 텍스트를 만든다.
텍스트로만 구성되어야 하고, JS를 통해 동적으로 생성된 타이틀도 크롤링이 된다.
화면 낭독기(스크린 리더) 사용 시 해당 웹 페이지에 대한 정보를 제공하므로 간결하게 작성되어야하고, 각 세부 페이지마다 적절한 타이틀이 필요하다.
- 본문 콘텐츠를 가장 잘 표현하는 키워드를 고른다.
- 각 페이지마다 구체적이고 적절한 단어를 사용하여 타이틀을 정한다.
- 반복적인 내용은 피한다.
- 화면낭독기(스크린리더) 사용자를 고려하고, 브라우저 탭에 표시되는 부분임을 감안하여 간결하게 작성한다.
- 구분자는 하이픈(-), 파이프(|), 콜론(:)이 사용될 수 있다.
올바른 Meta 태그 사용
<meta/> 요소는 html 문서 내 <head> 요소에 포함된다.
검색 엔진을 위해 들어가는 태그로 트위터, 페이스북 등 sns에 들어가는 메타 태그가 있다.
name, content 등의 속성을 사용해서 메타데이터를 제공한다.
캐노니컬 태그 (canonical tag)
한 화면 내에서 여러개의 URL이 중복되어 사용될 때, 검색 엔진에 대표 URL을 알려주는 태그이다.
website라는 사이트의 main 페이지 내에서 아래의 URL들이 사용될 경우 html 의 head내에 캐노니컬 태그로 대표되는 URL을 지정해주는 것이다.
https://www.website.com/main?id=1
https://www.website.com/main?id=as200-21d5-1e401ad123
...
<link rel="canonical" href="https://www.website.com/main">모바일 친화적인 웹
meta name=”viewport” 태그를 통해 검색엔진에 해당 사이트가 모바일 친화적이라는 것을 알려주는 것이 최적화 점수를 많이 받을 수 있는 방법이다.
반응형 웹을 구축할 때 모바일 > 태블릿 > PC(Web) 순서로 구축하는게 좋다.
- 반응형 웹은 특성상 모바일 디자인이 대체적으로 단조롭다. CSS 스타일을 적용할 때 PC에서 모든 화려한 스타일을 적용 후 모바일 기기로 옮겨가면서 스타일을 초기화 하는 것보다, 모바일부터 PC로 편쳐 나가는 것이 작업의 효율 면 & 웹의 성능 면에서 좋다고 한다.
의미있는 문서 작성과 요소의 올바른 사용
Sementic 태그의 규칙을 알고 올바르게 작성해야 한다. 올바르게 작성된 문서가 접근성과 성능 향상에 기여한다. 특히 Heading 태그의 적절한 사용과 ima태그 a태그의 정확한 사용은 접근성 측면에서도 중요하다.
title과 alt 속성을 사용해서 어떤 링크인지, 어떻게 이동하는지, 어떤 이미지인지 설명되어야 한다. 설명이 부족할 시 screen-out 텍스트를 활용한 ir 기법도 적절히 사용하는 것이 필요하다. 단, 지나친 반복과 장황함은 피해야 한다.
SSL(https) 사용 여부
https 는 HTTP Secure의 약자로 HTTP Protocol의 암호화된 버전이다. http에 SSL을 적용하여 데이터 전송 기능의 보완을 강화한 전송 기능(Hypertext Transfer Protocol Over Secure Socket Layer)으로 각종 바이러스 침투에 대비하는 기술들이 추가되어 있으며, 구글에서 사용을 권장한다.
핵심적인 지표 (LCP,FID, CLS)와 로딩 속도
핵심적인 웹 지표(Core Web Vitals)란 실제 사용 데이터에 따른 페이지의 성능을 보여주는 지표이다. 페이지의 성능이 중요한 이유는 사용자의 이탈률 때문이다. 당연하게도 로드 시간이 길수록 이탈률이 높아진다.
LCP
- 사용자가 URL을 요청한 시점부터 페이지 내에서 시각적으로 가장 큰 콘텐츠를 그리는데에 걸리는 시간. 사용자는 콘텐츠가 보여지면서 URL이 실제로 로드되고 있구나를 알기 때문에 빨리 그려지는 것이 중요하다.
FID
- 웹 페이지가 사용자의 동작(링크 클릭, 버튼 탭)에 반응할 때 까지 걸리는 시간이다.
CLS
- 누적 레이아웃 변경. 페이지가 덜컥거리면서 로딩되면 사용자는 원하는 곳에 빠르게 접근할 수 없다.
백링크, 양질의 콘텐츠, 노출 대비 클릭률
백링크
- 웹 페이지 내에서 다른 사이트로 연결해주는 링크이다. 검색엔진이 인식 가능한 백링크는 a태그와 같은 태그로 구성된 ‘클릭 및 이동’이 가능한 하이퍼링크이다.
양질의 콘텐츠
- 양질의 콘텐츠를 주기적으로 제공하는 것은 중요하다. 높은 성능과 접근성으로 좋은 사용자 경험을 제공하여 웹페이지 클릭률과 체류 시간을 높히고, 이탈률을 낮춘 콘텐츠!
클릭률
- 검색 결과 페이지 (Search Engine Results Pages, SERP) 노출 대비 클릭률은 검색엔진최적화에 영향을 미친다.
- 클릭률이 가장 큰 영향을 미치는 요소는 검색 리스트에서 보여지는 순위이다.
Reference
