자신의 사이트나 회사의 사이트가 웹에 잘 검색이 되어야 우리가 필요한 정보를 검색했을 때 원하는 정보와 서비스를 이용할 수 있게 됩니다.
SEO(Search Engine Optimization, 검색엔진 최적화)란 검색 엔진이 웹 사이트의 정보를 찾기 쉽도록 사이트를 개선하는 프로세스입니다. 우리가 웹에 정보를 검색하면 검색 사이트는 정보를 크롤링(신규 또는 업데이트된 웹페이지를 찾는 프로세스)하게 됩니다. 이때 SEO에 최적화되어 있는 사이트가 검색엔진 상위에 노출되게 되고 우리는 그 정보를 가장 먼저 얻게 되는 방식입니다.
그럼 SEO 최적화 방법에 대해 알아봅시다.
1. 고유하고 정확한 페이지 제목 만들기
<title> 요소는 사용자는 물론 검색엔진에 특정 페이지의 주제가 무엇인지 알려 줍니다. HTML 문서의 <head> 요소 내에 <title> 요소를 놓고, 사이트의 각 페이지에 고유한 제목 텍스트를 만듭니다. <title> 요소에는 불필요한 키워드는 사용하지 않습니다.
2. 메타 설명 태그 사용하기
<meta name =”keywords” content =“키워드 1, 키워드 2″>
<meta name =“description” content =“페이지 내용을 정리한 소개 글(검색 결과 프리뷰로 나타나는 영역)”>검색 결과에 메타 설명 태그를 본 사용자에게 정보를 전달하고 description 메타 태그에는 사용자가 해당 페이지가 자신에게 유용하며 관련이 있는지 판단하는 데 필요한 모든 관련성 있는 정보를 담고 있는 것이 좋습니다. 또한 해당 페이지의 제목(title)과 중복되는 정보는 제외하는 것이 좋습니다.
메타 설명은 아래와 같은 방법으로 작성하는 방법은 피해야 합니다.
- 페이지 내용과 관련이 없는 메타 설명 태그를 작성하는 경우
- '이것은 웹페이지입니다' 또는 '야구 카드에 관한 페이지'와 같은 일반적인 설명을 사용하는 경우
- 설명을 키워드로만 채우는 경우
- 메타 설명 태그에 문서의 전체 내용을 복사하여 붙여 넣는 경우
3. 이미지에 alt 속성 기재
alt 속성이란, alternative의 의미로 이미지가 로딩되지 못했을 때 대신 표시되는 텍스트입니다.
주로 홈페이지 내부에는 기업명/로고/배너/상품명/카피 등을 이미지로 표현하는데, 이 경우 반드시 <img> 태그에 alt 속성을 넣어 적절한 대체 텍스트를 기재해야 합니다. 이미지 속에 그려진 문자는 검색엔진에 의해 인식되지 않기 때문입니다.
alt 속성을 붙이면 HTML 코딩과 유용성 측면에서도 좋고, 시각장애인용 스크린리더가 사용될 때 이미지 대신 alt 속성 값을 읽어 대략 어떤 이미지인지 파악할 수 있도록 도움을 줍니다. 검색엔진 또한 이미지를 발견하면 alt 속성 안의 텍스트를 통해 인덱싱 작업을 하기 때문에 SEO에 좋습니다.
4. 모든 페이지가 유입 페이지가 되도록 사이트 구성
사용자가 꼭 홈페이지의 메인 페이지만 방문하는 것은 아닙니다. 가령, Google에서 키워드나 내용으로 검색하면, 검색 결과에는 원하는 정보가 있는 콘텐츠 페이지가 나타나고, 클릭하면 해당 페이지로 유입됩니다.
홈페이지 내 어떤 페이지로 방문이 유입될지 모르기 때문에 모든 페이지에는 메인 페이지로 이동할 수 있는 링크를 설치해 전체 사이트의 '동선'을 개선하는 것이 중요하며 이것은 사용자의 편의성과도 연결됩니다.
5. HTTPS 사용 권장
동일 사이트라면 http로 서비스하는 것보다, https로 서비스할 경우 구글 검색엔진에서 전체 점수의 약 1% 정도에 해당하는 랭킹 가산점을 부여합니다.
'IT > Front-End' 카테고리의 다른 글
| 유튜브 동영상 관련동영상 노출 설정 (0) | 2022.04.27 |
|---|---|
| 브라우저는 어떻게 동작하는가? (0) | 2022.01.20 |
| CSR(Client Side Rendering), SSR(Server Side Rendering) (0) | 2021.12.23 |
| 개발자가 가장 분노하는 순간 (0) | 2021.12.23 |
| 회사에서 우리는..(업무자세) (0) | 2021.03.12 |
제 블로그의 모든 글은 제가 직접 작성 하고 다른 글을 참고할 때는 이전 글보다 읽기 편하게 수정해서 작성하고 있습니다. 커피 한잔 사먹고 더 열심히 좋은글로 보답하겠습니다.
오늘도 제 블로그에 와 주셔서 감사합니다. :)
