SEO에 닿아보자

안녕하신가?
근 5개월만에 돌아온 프론트엔드 개발자 하상원이다.
이직하고 새로운 환경에 적응하느라 기술 블로그에 소홀해졌다... 라고 하는 변명

하지만 괜찮다!

난 아직 개발을 좋아하거든

GPT가 생성한 SEO 이미지

 

오늘은 프론트엔드 개발자로서 종종 듣게되는 SEO에 대해 궁금해서 글을 쓰게 되었다.
SEO가 뭔지는 안다.. 문제는 그게 손에 와닿지 않는다는 점.

SEO 개선을 한다고 해서 어떤 효과가 있는지 측정해보지 못했다는 것이다.
그래서 도메인을 구매하고, 할 수 있는 것들을 모두 적용해서 구글 검색에 띄울 수 있도록 해보겠다! 

일단 SEO란 무엇일까?

SEO는 ‘Search Engine Optimization’의 약자이다.
즉 검색엔진(구글, 네이버 등)에 친화적인 사이트를 구축하여,
광고가 아닌 자연 검색 결과를 통해 트래픽의 양과 질을 극대화하는 작업을 의미한다

따라서 SEO가 잘 적용된 사이트는 사용자에게도 유용한 정보를 제공하고,
검색엔진에도 유의미한 콘텐츠를 전달하게 되어 검색 순위가 상승하게 된다.

---

그렇다면 SEO를 증진시키기 위해 프론트엔드 개발자로서 할 수 있는 것들은 뭐가 있을까?

1. 페이지 속도 최적화

• 검색엔진은 사용자 경험을 중시하기 때문에, 로딩 속도가 빠를수록 순위에 유리하다.
• HTML, CSS, JavaScript 파일의 압축, 이미지 최적화, 브라우저 캐싱 등등

2. 메타 태그 최적화

• 검색엔진이 페이지의 주제와 내용을 이해할 수 있도록 메타 태그를 설정한다.
• 제목(title)과 설명(description) 태그, Open Graph 태그, SNS 태그 설정, 뷰포트 태 등등

3. 모바일 최적화

• 반응형 웹 디자인으로 다양한 디바이스에서 잘 보이도록 만들어야 한다.
• Google Mobile-Friendly Test로 확인

4. 키워드 최적화

• 사이트의 콘텐츠와 페이지 요소에 사용자가 많이 검색하는 키워드를 포함하여 검색엔진에 주제를 명확히 알릴 수 있도록 한다.
• alt, 헤딩 태그 등을 사용해서 배치

5. 구조화 데이터 마크업(Schema Markup)

• JSON-LD, Microdata, RDFa와 같은 형식의 구조화 데이터를 페이지에 삽입해 검색엔진이 페이지의 내용을 더 구체적으로 이해할 수 있도록 한다.

6. 기타

• 사이트맵, robot.txt 설정
• 백링크 확보(개인 블로그, SNS등에 작성하기)
• 구글 서치콘솔에 사이트맵 제출(네이버 다음 등에도 제출)
• 404 페이지 생성

 

등의 것들이 있었다!

이것들은 각각 온페이지/오프페이지 SEO로 구분되는 것 같다.

 

나는 우선적으로 내부적으로 적용하는 온페이지 SEO를 적용하고,

경과를 확인하면서 오프페이지 SEO를 적용하게 될 듯 싶다!

 

 

앞으로 프로젝트를 생성하고, SEO를 적용하는 과정을 포스팅 해보겠다!

 

읽어주셔서 감사합니다. 끝.

 

 

 

오늘의 감사

1. 건강한 신체에 감사합니다.

2. 의식주에 문제가 없어 감사합니다.

3. 사랑이 넘치는 삶을 살게 해주셔서 감사합니다.

 

 

 

참고
https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=ko

https://seo.tbwakorea.com/blog/seo-guide-2022/#part1

https://ko.wix.com/blog/post/what-is-seo