우리산전 header
SEO에 최적화된 마크업구조를 지향합니다.
- 1. include의 활용
- header.php를 include 시켜 stylesheet를 모든 페이지에 반영할 수 있게 하였습니다.
- 2. version의 활용
- css 작업의 수정이 빈번한 경우 한 번 흐르면 다시 돌아오지 않는 time 값을 통해 css 고유 버전을 부여할 수 있습니다.
- 트래픽에 영향을 줄 수 있는 이미지, 용량이 큰 문서를 다룰 땐 고유 version 값을 부여합니다.
- 3. 별도 디자인을 위한 mobile navigation 마크
- 모바일 반응형 디자인을 위해 모바일 전용 mobile_navi를 마크업했습니다. 웹접근성을 위한 홈페이지의 경우 별도의 모바일 네비게이션을 마크업하지 않습니다.
- 4. SEO에 최적화된 마크업 구조와 디바이스 폰트
- 구글 상단에 검색 될 수 있는 마크업 구조를 지향합니다. 특히 header 영역은 사이트 전체 구조를 파악할 수 있기에 중요합니다.
- 5. robots.txt와 sitemap.xml 활용
- 웹사이트를 상위에 노출하고 검색엔진최적화를 위한 작업을 진행했습니다.