SEO 작업

SEO (검색엔진최적화) 프로세스

• 비지니스 현황 분석
• 테크니컬 SEO
  1. 보안 프로토콜 (HTTPS) 적용하기
  2. 사이트맵 (sitemap.xml) 생성 및 주기적으로 업데이트 하기
  3. 로봇 배제 표준 파일 (robots.txt) 생성하기 : 로봇 배제 표준 파일이란 검색엔진의 크롤링을 하는 크롤러(로봇)의 접근을 차단하거나 허용하는 파일을 의미
  4. 모바일 친화성 갖추기
  5. 페이지 로딩 속도 가속화하기
• 키워드리서치
• 콘텐츠 SEO
• 온서프 SEO
• 오프페이지 SEO

이슈

• 시맨틱 태그 오류 → 유지 보수와 검색 엔진 최적화(SEO) 측면에서 수정 필요
• pc와 mobile을 각각 구성하여 불필요한 중복 소스 발생 → 코드량 증가로 버그 발생 위험

⇒ 반응형 작업 필요

개발 내용

1. 시맨틱 태그 오류

   1. header / main / footer 구분이 안되어 있으며, section과 article로만 구성

      ⇒ header, main, footer 로 병합, 불필요한 article 태그 제거

      

2. pc와 mobile을 각각 구성하여 중복된 소스 발생

   1. html

      ⇒ pc_style_wrap / mobile_style_wrap 2개의 class로 구분

      1. header 영역
         • 해당 영역의 article들을 병합⇒ <header id="header" class="pc_style_wrap">
      2. footer 영역
         • 해당 영역의 article들을 병합⇒ <footer id="footer" class="mobile_style_wrap">
         • 고객센터 : 전화, 이메일 a태그, href 값 추가
      3. main 영역 (진행중)
         • main.tpl
           1. 중복된 pc, mobile 소스들을 하나로 통합
           2. 앱 다운 영역은 모바일에서만 보이게 (css- 미디어쿼리)
         • company.tpl (회사 소개)
           1. 공동대표 슬라이드 - slick 제거 및 소스 수정
           2. aos 플러그인 - “data-aos-delay” 값이 너무 커서 스크롤이 내려간 뒤에도 컨텐츠가 안 보이는 이슈 ⇒ 수정 완료

   2. css

      1. 전체 : 기존 pc와 mobile 아이디로 구분, 중복된 선택자 전체 변경

         ⇒ pc_style_wrap / mobile_style_wrap 2개의 class로 구분 및 통합

      2. company

         1. 641px~ (태블릿 사이즈에서) : 하단 텍스트가 배경 이미지를 넘는 이슈 - 미디어 쿼리 수정

   3. js

      1. index
         • index.tpl 상단 js 추가(반응형) : 화면 너비가 resize 될 때, 페이지 준비될 때마다 class 변경
      2. main
         • main.js : slick 슬라이드 소스 1개로 병합
         • main.tpl 상단 js 추가(반응형) : 화면 너비가 resize 될 때, 페이지 준비될 때마다 class 변경