728x90
SEO는 또 뭐야
🔖 SEO는 Search Engine Optimization의 약자로, 구글과 같은 검색 엔진에 친화적인 사이트를 구축하는 것을 의미
- 광고X! 자연 검색 결과를 통한 트래픽의 양과 질 극대화
- 관련 키워드로 검색과 페이지에 노출을 증가시켜 온라인 가시성을 개선하는 마케팅 작업
SE 알고리즘
🔖 크롤링 : 첫 번째 단계로 구글 봇이 웹 페이지 내의 콘텐츠를 복사하여 수집, 검색엔진으로 가져오는 단계
🔖 인덱싱 : 두 번째 단계로 가져온 정보를 주제별로 인식하고 데이터로 보관
🔖 랭킹 : 콘텐츠를 검색 의도에 맞춰 순위 부여, 사용자가 해당 키워드로 검색 시 순위대로 결과 제공
✅ 이 3가지 단계를 통해 SERP(Search Engine Result Page) 완성!
그럼 어떻게 SEO 개선을 유도해야 할까?
🔖 여러가지 마케팅 전략(풍부한 정보 전달, 명확한 타이틀, 긍정적 웹사이트... 등등)이 있겠지만, 우린 개발자니까!
HTML 구조 최적화
- semantic tag 사용 : 의미 있는 태그는 검색 엔진이 콘텐츠 구조를 더 잘 이해할 수 있도록 한다!
- 제목 태그 사용 : 흔히 말하는 h 태그를 잘 사용한다!
메타 태그 활용
- title 태그 활용
- Meta 설명 : 적절한 설명은 클릭률을 증가시킨다!
- viewport 태그 : 모바일 친화성을 높인다!
콘텐츠 최적화
- 이미지 대체 텍스트(alt) : 검색 엔진이 이미지를 더 잘 이해하고 시각 장애인의 콘텐츠 이해에 기여한다!
웹 성능 개선
- 이미지 최적화 : 이미지 파일 크기 감소 및 최적화로 페이지 로딩 속도를 개선한다!
- CSS, JS 최적화 : 로딩 시간을 단축한다!
- 캐싱 사용 : 재방문 시 로딩 시간을 단축한다! (SSG 등)
👍 구글 봇이 내 친구라고 생각하고 항상 신경쓰자!
'Front-End Study > 코드잇 위클리 페이퍼' 카테고리의 다른 글
리액트 쿼리? 리액트가 이름 막 갖다 쓴다고 뭐라 안하나.. (2) | 2024.07.19 |
---|---|
세션이 만료되면 토큰을 먹도록 해 (0) | 2024.06.17 |
CORS 에러?? 그게 뭔데. (1) | 2024.06.04 |
Next.js : 리액트 말고 나 써라. (0) | 2024.05.31 |
타입스크립트.. 누구냐 너 (0) | 2024.05.24 |