[HTML] head 태그 내에서 SEO를 끌어올릴 수 있는 방법

Seonup·2022년 8월 30일
0

HTML

목록 보기
3/6

SEO란?

웹사이트가 유기적인(무료) 검색 방식을 통해 검색 엔진에서 상위에 노출될 수 있도록 최적화하는 과정


방법


Title 태그

  • 태그 내 해당 페이지를 잘 설명할 수 있는 명확한 주제 작성
  • 이름과 중요 정보를 작성하는 것이 좋음
    • 웹사이트 이름
    • 비즈니스 이름
    • 비즈니스가 위치한 장소
    • 주로 다루는 품목
  • 지양점
    • 의미없는 특수문자나 텍스트 사용
    • 사이트 내 모든, 또는 여러 페이지에 동일한 title 적용
    • 너무 길거나 관련성이 낮은 키워드

Meta 태그

메타 설명문

  • name="description" 를 선언하여 content 에 사이트 정보 기입
  • 지양점
    • 관련 없는 내용
    • 중요 내용이 아닌 일반적인 설명을 사용하는 경우
    • 설명을 키워드로만 채우는 경우
    • 문서 전체 내용을 붙여넣는 경우
    • 사이트 내 모든, 또는 여러 페이지에 동일한 설명 사용
<meta name="description" content="Brandon's Baseball Cards provides a large selection of vintage and modern baseball cards for sale. We also offer daily baseball news and events.">

메타 로봇

  • name="robots" 를 선언하여 content에 웹 페이지 탐색 여부와 방법을 알려줌
  • content 종류
    • index : 페이지를 색인화 하도록 로봇에게 지시
    • noindex : 페이지 색인화 하지 말라고 지시
    • follow : 페이지 링크 탐색하라고 지시 + 사용자가 이 페이지를 신뢰함
    • nofollow : 페이지 링크 탐색하지 말라고 지시 + 사용자는 어떠한 승인도 암시하지 않았음
  • 특정 페이지의 검색엔진 접근을 제한하고 싶은 경우에도 사용할 수 있음
  • robots.txt 파일 내에서 메타 로봇 태그를 차단하지 말 것
<meta name=”robots” content="index, follow">

메타 뷰포트

  • 모바일 친화적인지에 따라 페이지의 순위를 매김
  • 모바일 점유율이 데스크탑 점유율을 넘어서면서 검색엔진이 모바일 친화적인 웹 페이지를 더 높게 평가하고 있음
<meta name="viewport" content="width=device-width, initial-scale=1">

선호 URI 등록

  • 동일 콘텐츠가 여러 개의 URL로 표현될 경우 link 태그를 활용하여 선호되는 대표 URL 지정
  • 사이트의 메인 페이지의 경우 link 태그를 사용하면 방문자에게 혼동을 줄 수 있으므로, 서브 페이지만 사용할 것
  • 상대 경로가 아닌 절대 경로를 사용
<link rel="canonical" href="대표주소">

참고


profile
박선우

0개의 댓글