Seo란?
-> 검색 엔진 최적화.
Robots.txt
- 검색 엔진이 어느 부분을 크롤링할지 안 할지 정함.
- Robots.txt를 읽는데 오류가 나면, 사이트를 크롤링하지 않음.
Sitemap.xml
- 크롤러가 콘텐츠를 검색하고 색인을 생성하는데 사용할 수 있는 사이트 url
일반적인 실수들
- 데스크톱과 모바일이 탐색 결과가 다른 경우.
- js 기반 , html 에 없는 항목
- google은 js 를 크롤링 하지만 아직은 부족.
- 기본 페이지로 연결되는 link
- link는 크롤러가 새 페이지로 가는 경로.
커스텀 404 페이지
- 기본 404페이지가 아닌, 사이트 검색 또는 연락처 정보 추가.
-> 사이트에서 이탈 할 가능성이 줄어듬.
Google SEO 기본 개념
Title 태그
- 사용자와 검색 엔진에게 특정 페이지의 주제를 알려줌.
- 검색 결과에 제목으로 반영.
- 참고 할만한 것
- 페이지의 콘텐츠를 정확하고 명확하게 설명해야 함.
- 페이지마다 고유해야 함.
- 간결 및 내용 포함 제목 작성.
Description 태그
- 각 페이지의 요약 정보를 보여줌.
- 검색 결과에 작은 글씨로 설명이 보여줌.
- 참고할만한 것
- 너무 짧지도 길지도 않게, 1~2개 짧은 단락으로 설명해야 함.
- 같은 문구를 반복적으로 사용하지 않을 것
- 페이지의 내용을 정확하게 설명.
- 각 페이지마다 내용에 맞는 고유한 설명
Url 구조 간결!
- 사용자, 크롤러를 위해 url을 간단하고 명료하게 만들어라.
- 사이트 정리가 쉬움.
- 검색 엔진이 문서를 크롤링하기도 쉬움.
- 검색 결과에 url이 보인다.
- 참고할만한 것
- url에 단어를 사용해라.
- 단순한 디렉터리 구조를 만들어라.
사이트 내에서 이동하기 쉽게 만들어라.
- 사용자, 크롤러에게 사이트 내의 이동은 매우 매우 중요.
- 메인 화면에서 다른 자세한 콘텐츠가 있는 페이지로 이동을 편리하게 해라.
- 메인 페이지 -> 관련 카테고리 목록 -> 특정 주제
- 참고할만한 것
- 자연스러운 계층 구조.
사용자가 url을 실수하는 경우
- 커스텀 404 페이지
- 상위 페이지로 이동.
실제 사용자, 검색 엔진 두 종류의 사이트 맵 준비.
<a> 태그
- 이 텍스트는 어떠한 페이지 설명이다.라고 알려줌.
- 참고 사항
- 이동하는 페이지의 내용을 함축하는 텍스트
- 간결하게 적어라
- 링크는 눈에 띄기 쉽게 만들어라.
<img> 태그
- alt 속성
- 이미지를 표시할 수 없는 경우 대체 텍스트
- 스크린 리더를 사용할 경우 읽어 준다.
- 구글 이미지 검색에 도움을 준다.
- 참고 사항
- 간결한, 설명적인 파일 이름 및 alt 텍스트.
- 이미지를 링크로 사용할 때 alt 텍스트 제공
- 이미지 사이트맵 제공하기.
참고 사이트
'html' 카테고리의 다른 글
[REST/RESTFUL] 개념 간단 정리 (0) | 2019.11.08 |
---|---|
[HTML / CSS] 브라우저 기본값 초기화(reset) 개념 정리 (0) | 2019.10.29 |
[HTML5] 시맨틱태그 정리 (0) | 2019.10.24 |