#TIL37

전혜린·2021년 10월 14일
0

Today I Learned

목록 보기
55/64

SEO(Search Engine Optimization)

  • 검색엔진으로부터 어떤 웹사이트에 도달하는 트래픽의 양과 질을 개선하는 작업을 말한다.
  • 흔히 어떤 사이트가 검색 결과에 빨리 나타날수록, 즉 순위가 더 높을수록 사용자들이 그 사이트를 클릭할 가능성이 커진다.
  • 또한 SEO는 이미지 검색, 지역 검색, 구체적 업종에 대한 검색 등 여러 종류의 검색을 목표로 삼는다.

타이틀

  • 페이지 내용과 관련 없는 제목은 회피하며 페이지의 콘텐츠를 정확하게 설명하는 제목을 사용
  • 페이지마다 고유한 title 태그 작성
  • 간결하면서 내용을 포함한 제목 작성
    • title 태그는 간단명료하면서 페이지 내용에 대한 정보를 제공해야 함
    • 제목이 너무 길면 검색결과에 일부분만 표시

description

  • 페이지의 내용을 정확하게 요약하기
    • 결색결과에서 description 메타 태그 내용이 미리보기로 보여짐
    • 사용자가 정보를 한 눈에 알아볼 수 있도록 제공
    • 단순 키워드 나열 , 일반적 설명 , 문서 전체 내용 복사 등 회피
  • 각 페이지마다 내용에 맞는 고유한 설명 사용
    • 각 페이지마다 다른 description 사용시 도메인에서 여러 페이지를 검색하는 경우 유용
    • 각 페이지의 콘텐츠를 바탕으로 description 메나 태그 자동 생성 가능

URL 구조

  • URL에 내용 및 구조와 관련 있는 단어 사용
  • 방문자가 사이트에서 현재 위치를 잘 알 수 있도록 해주는 구조 사용
  • 디렉토리 구조를 사용하여 해당 URL 내용이 잘 분류되게 함

사이트 내 쉬운 이동

  • 자연스러운 계층 구조 만들기
    • 일반적인 내용에서 구체적인 내용으로 이동하도록 설계
    • 필요한 경우 경로 페이지를 추가
  • 이동 경로를 위한 텍스트 링크 사용
    • 텍스트 링크 사용시 , 검색엔진 크롤링이 더 용이해짐
    • 플래시 , 자바스크립트 등의 링크보다 더 선호 함
  • 사이트맵 페이지 배치
    • 사이트의 모든 페이지 혹은 가장 중요한 페이지에 대한 링크가 포함된 간단한 사이트맵 페이지가 효과적

우수한 품질의 콘텐츠

  • 읽기 편한 내용 및 구성
  • 주제에서 벗어나지 않게 구성
    • 콘텐츠를 논리적 또는 분야별로 구분
  • 새롭고 고유한 콘텐츠 작성
    • 기존 사용자의 지속적인 방문 유지
    • 콘텐츠의 복사 및 재사용 회피
  • 검색 엔진을 위한 것이 아닌 사용자를 위한 콘텐츠 작성
    • 사용자들의 요구를 반영하고 검색엔진의 엑세스를 쉽게 만듦
    • 사용자 편의를 무시하고, 검색엔진만을 위한 사이트는 오히려 웹스팸으로 인정되어 차단될 수 있음

앵커 텍스트

  • 내용을 함축하는 텍스트 선택
    • 링크에 사용되는 앵커 텍스트는 링크되는 페이지에 대한 기본적인 정보를 제공
    • 페이지, 문서, 여기, 더보기 등 모호한 내용 회피
  • 간결한 텍스트 작성
    • 짧고 내용을 정확히 설명하는 텍스트 사용 몇 단어 또는 짧은 구문
  • 링크를 눈에 띄기 쉽게 포맷하기
    • 사용자가 일반 텍스트와 링크의 앵커 텍스트를 쉽게 구분할 수 있게 함(CSS)
    • 사용자가 실수로 놓치거나 실수로 클릭하는 경우 유용하지 못한 링크임
  • 내부 링크에 앵커 텍스트 활용 고려하기
    • 외부 웹사이트 뿐 아니라 내부 링크에 사용되는 앵커 텍스트도 유용함

이미지 사용 최적화

  • 간결하면서도 설명적인 파일 이름과 alt 텍스트의 활용
    • 최적화하고자 하는 페이지의 다른 부분과 마찬가지로 파일 이름과 대체 텍스트는 간단 명료한 것이 가장 좋음
  • 이미지를 링크로 사용할 때 alt 텍스트 제공하기
  • 이미지 사이트맵 제공하기

제목 태그 활용

  • 제목 태그는 내용의 개요를 작성하는 작업
    • 페이지 구조와 연관
    • 페이지 콘텐츠의 중요사항과 부가사항을 파악하고 제목태그 사용여부 결정
    • <em>, <strong> 태그 등과 구분
  • 한 페이지안에 제목 태그를 신중하게 사용
    • 필요한 경우에만 사용
    • 제목 태그가 너무 많으면 사용자가 중요한 콘텐츠를 파악하기 어렵고, 각각 다른 주제를 구분하기 어려울 수 있음
profile
코딩쪼아

0개의 댓글