SEO (Search Engine Optimization)
검색 엔진은 웹 페이지를 검색 결과로 제공하기 위해서, 웹 페이지의 내용을 분석합니다. 검색 엔진은 웹 페이지의 내용을 분석하여, 검색 결과로 제공하기 위한 여러 가지 규칙을 가지고 있습니다. 이러한 규칙을 준수하지 않으면, 검색 엔진이 웹 페이지를 제대로 분석하지 못하고, 검색 결과로 제공하지 않을 수 있습니다. 이러한 규칙을 준수하는 것을 SEO (Search Engine Optimization) 이라고 합니다.
SEO 를 위한 웹 페이지 구성
1. 문법에 맞는 HTML 문서를 작성합니다. (Semantic Markup)
- title 태그에 웹 페이지의 제목을 작성하고, div 태그를 사용해 줄을 바꾸고, strong 태그를 사용해 강조하는 등 적절한 HTML 태그를 사용하여 홈페이지를 구성하는 것은 SEO로 하여금 웹 페이지의 내용을 더 잘 이해하도록 도와줍니다.
2. 구체적인 웹 페이지의 제목을 작성합니다.
- HTML 문서의 title 태그에는 웹 페이지 제목을 작성하되, 구체적이고 간결하게 구성해 검색 결과 화면에서 텍스트가 잘리지 않도록 해야합니다.
- 유인 키워드를 반복적으로 사용하지 않습니다.
- 반복적이고 불필요한 키워드를 사용하지 않습니다.
3. 메타 태그를 작성합니다.
- 메타 태그는 웹 페이지의 내용을 설명하는 태그입니다. 적절한 메타 태그를 작성하면, 검색 엔진이 웹 페이지의 내용을 더 잘 이해하고, 검색 결과로 제공할 수 있습니다.
<meta name="description" content="웹 페이지 설명" />
<meta name="keywords" content="키워드1, 키워드2, 키워드3" />
4. 이미지에 alt 속성을 작성합니다.
- alt 속성이란 alt = "이미지 설명" 의 형태로 작성되며, 이미지가 로드되지 않았을 때, 이미지 설명이 표시됩니다.
- 주로 홈페이지 내부에는 기업명/로고/배너/상품명/카피 등을 이미지로 표현하는데, 이 경우 반드시 태그에 alt 속성을 넣어 적절한 대체 텍스트를 기재해야 합니다. 이미지 속에 그려진 문자는 검색엔진에 의해 인식되지 않기 때문입니다.
- 또 alt 속성을 붙이면 코드 가독성도 높아지고, 시각장애인용 스크린리더가 사용될 때 img 대신 alt 속성의 내용을 읽어주기 때문에 대략적인 이미지의 내용을 알 수 있습니다.
<img src="image.jpg" alt="이미지 설명" />
5. 모든 페이지가 유입 페이지가 되도록 사이트 구성하기
- 사이트 내부의 모든 페이지가 유입 페이지가 되도록 사이트 구성을 해야 합니다. Google 같은 검색 엔진은 사이트 내부의 모든 페이지를 검색 결과로 제공합니다. 따라서 사이트 내부의 모든 페이지가 유입 페이지가 되도록 사이트 구성을 해야 합니다.
6. HTTPS 프로토콜을 사용합니다.
- HTTPS 프로토콜을 사용하면 검색 엔진이 웹 페이지의 보안을 높이고 있다고 판단하여 더 높은 순위를 부여합니다.
- 동일한 내용을 가진 웹 페이지가 HTTPS 로 서비스 할 경우, HTTP 로 서비스하는 웹 페이지보다 더 높은 순위를 부여합니다. ( 전체 점수의 1% )
6. anchor 태그를 활용한 적절한 키워드 배치
- 키워드가 본문에 기술되어 있지 않은 홈페이지는 검색 결과에 랭크되기 어렵습니다.
구글의 경우, ‘앵커 텍스트’ 링크로 해당 페이지에 키워드가 포함되어 있는지 체크하기도 합니다. - 앵커 텍스트란, 홈페이지에 삽입되는 링크 위에 있는 설명 문구(text)를 의미합니다.
앵커 태그란, 서로 다른 페이지 사이를 이동하거나 페이지 내부에서 특정한 위치로 이동할 때 사용합니다.
7. 플래시 전용 페이지를 만들지 않습니다.
- 현재, 대부분의 검색엔진은 Flash 애니메이션의 텍스트를 수집할 수 없으며, 그 링크 또한 사용할 수 없습니다.
- 예를 들어, 홈페이지에 Flash만 놓고 HTML 소스에 태그를 코딩해 작성하지 않는 경우, 검색 로봇은 앞 뒤 페이지로 이동할 수 없어 검색엔진 데이터베이스에 수집되지 않습니다. 결과적으로 해당 홈페이지는 검색 결과에 잘 나타나지 않게 됩니다.
8. 이미지 맵에 중요한 링크를 배치하지 않습니다.
- 이미지 맵은
Reference
'WEB' 카테고리의 다른 글
[ React ] XSS, CSRF 공격이란 (0) | 2023.01.19 |
---|---|
[ Web ] WebPack, Bable, Polyfill (0) | 2023.01.18 |
[ Web ] REST API (0) | 2023.01.18 |