SEO

moontag·2022년 7월 8일
0

UI/UX

목록 보기
7/9

SEO(Search Engine Optimization, 검색 엔진 최적화)

SEO를 통해 웹 페이지에서 상위에 노출될 수 있다.

  1. On-Page SEO
    페이지 내부에서의 SEO다.
    제목, 콘텐츠, 핵심 키워드 배치, 적절한 HTML 태그 등

  2. Off-Page SEO
    웹 사이트 외부의 SEO다.
    소셜 미디어 홍보, 백링크(타 사이트에서 연결되는 링크) 등



On-Page SEO

1. <title>

  • <head>의 자식 요소로 작성
  • 제목이 너무 길거나 짧으면 유입률이 떨어짐
  • 핵심 키워드 포함시 상위 노출 가능성 높아짐

2. <meta>

  • <head>의 자식 요소로 작성
  1. SEO를 위한 meta 요소
    웹 사이트가 어떤 데이터를 다루는지 설명하는 메타 데이터
    name 속성 사용
<meta name="속성값" content="내용" />
name 속성값설명
description콘텐츠에 대한 간략한 설명입니다. 검색 결과에서 제목 밑에 뜨는 내용을 생각하시면 됩니다.
keywords웹 페이지의 관련 키워드들을 나열할 때 사용합니다.
author콘텐츠의 제작자를 표시합니다.



  1. 공유하기 위한 오픈 그래프 (open graph)
    링크 공유 시 링크 미리보기에 관련된 정보
    property 속성 사용
<meta property="속성값" content="내용" />
property 속성값설명
og:url페이지의 표준 URL입니다.
og:site_name사이트의 이름입니다.
og:title콘텐츠의 제목입니다.
og:description콘텐츠에 대한 간략할 설명입니다. 검색 결과에서 제목 밑에 뜨는 내용을 생각하시면 됩니다.
og:image미리보기로 표시될 이미지입니다.
og:type콘텐츠 미디어의 유형입니다. 기본 값은 website로, video, music 등의 유형을 표시할 수 있습니다.
og:locale리소스의 언어로, 기본값은 en_US입니다. 한국은 ko_KR입니다.
  • 사용예시



3. <hgroup>

핵심 키워드를 의식하여 hgroup 요소에 넣기

4. 콘텐츠

  • 아이디어나 이름이 안 겹치는 것.
  • 복붙 금지
    먼저 작성된 글이 먼저 뜰 확률이 높고, 인용 시 링크 첨부하여 출처를 표기하는 것이 좋다
  • 간결한 제목, 설명글
    같은 키워드 반복작성하지 말기
  • 최대한 글자로 작성하여 SEO 최적화하기
    ex) 이미지의 alt 속성 사용 <img src="코드스테이츠_로고.png" alt="코드스테이츠 로고" />



구글 검색엔진 최적화(SEO) 기본 가이드
네이버 - 웹마스터 가이드

profile
터벅터벅 나의 개발 일상

0개의 댓글