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

Search Engine Optimization

 

 

검색 엔진이란?

웹이나 컴퓨터 시스템에 저장된 정보를 찾아주는 프로그램을 의미한다.

 

다음은 대표적인 포털 사이트들의 검색 엔진 가이드들이다.

웹마스터 가이드 - 네이버 서치어드바이저

 

Daum 고객센터

SEO 기본 가이드: 기본사항 | Google 검색 센터  |  문서  |  Google Developers

 

검색 엔진 최적화란??

인터넷과 웹기술이 발전하면서 수많은 정보가 웹서버에 저장되고 있다. 그중에는 정확한 정보도 있을 것이고, 틀린 정보도 있을 것이기 때문에, 정확하고 질이 좋은 정보를 얼마나 빨리 찾을 수 있는가가 중요한 시대가 되었다. 이는 광고와 연계되어 금전적인 보상으로 이어질 수 있는 기회가 열렸다고 보면 된다. 이러한 이유로 다양한 검색엔진에 우리가 제작한 사이트가 얼마나 빠르게 상위 카테고리에 노출되는가가 중요한 화두로 떠올랐고, 그 방법을 모아 웹사이트에 적용하는 것을 검색엔진 최적화라고 한다.

사용자의 아이트래킹. 붉은 색일수록 사용자가 먼저 보는 곳이다.

 

 

어떻게 적용할까?

 

SEO를 사이트에 적용하기 위해서, 다양한 방법을 사용할 수 있다.

 

URL

• 언더바(_) 사용 금지. 단어 구분은 대쉬(하이픈 -) 사용
  • 구글 검색 엔진은 하이픈을 단어 구분자로 취급
• 최대한 짧지만 해당 페이지를 유추할 수 있는 단어로 구성
  • url 주소 자체에 키워드를 포함하면 좋다.
• depth는 2-4정도, 6이하

  

    
    
    
    
  
https://example.com/depth1/depth2/depth3/depth4

• 대표 url 설정하기 (canonical)

  

    
    
    
    
  
<link rel="canonical" href="https://example.com/"/>

 

 

<title>

• title 태그는 검색 엔진에 페이지의 주제가 무엇인지 알려주는 역할.
• HTML 문서의 head 요소 내에 만들어서 페이지의 고유한 제목을 달아준다.
• 텍스트만 포함할것.

각 페이지에 사용할 고유한 제목

• 페이지마다 고유한 제목을 작성해 검색 엔진이 각각의 페이지가 서로 어떻게 쓰임이 다른지 파악할 수 있게 함.
• 사용자의 피로도를 낮추기위해 페이지 제목 | 사이트 제목 순으로 작성하는 것이 좋다.

짧고 간결한 제목

• 짧고 적절한 제목을 사용.
• 제목이 너무 길거나 관련성이 낮은 것으로 판단되면 검색엔진은 검색 결과에 제목의 일부만 표시하거나 자동으로 생성된 다른 제목을 표시할 수도 있다.
• 또한 사용자가 사용한 검색어나 사용기기에 따라 서로 다른 제목을 표시하는 경우도 있다.
• 약 60자를 넘지 않아야 한다. 그보다 길어지게 된다면 브라우저에서 노출되는 제목이 축소되어 보일 수 있다.

 

메타 태그

SEO를 적용하기 위해 HTML head 요소 안에 다음과 같이 작성할 수 있다.

  

    
    
    
    
  
<meta name="description" content="">

<meta property="og:title" content="페이지 제목" />
<meta property="og:type" content="컨텐츠 타입" />
<meta property="og:url" content="페이지 주소" />
<meta property="og:image" content="페이지 썸네일 이미지 주소" />
<meta property="og:description" content="페이지 설명" />

<meta name="twitter:card" content="카드의 타입">
<meta name="twitter:title" content="카드의 제목">
<meta name="twitter:description" content="카드 설명">
<meta name="twitter:image" content="카드 썸네일 이미지 주소">

 

description

• 페이지가 담고 있는 내용을 요약하여 서술
• 약 250자 이하로 작성
• 웹페이지를 클릭하도록 유도하는 광고문구이다.
• 중요한 타겟 키워드를 문구에 포함하여 작성하면 좋다.
• 잘못 작성하면 스팸 의심을 받을 수 있다.

 

The Open Graph protocol

구글은 A라는 페이지에서 B라는 페이지로 연결하는 링크가 있으면, 그 링크를 일종의 투표로 생각한다. 많이 투표된 페이지 즉, 많은 링크들이 가르키는 페이지는 중요한 페이지로 판단되며, 페이지 순위가 높아진다.

SNS에서 링크를 공유할 때, 딸랑 링크 한줄만 보내지는 것이 아니라, 일종의 카드 형태로 사용자의 방문을 유도할 수 있는 공유 프로토콜이 바로 The Open Graph protocol 이다. 아래의 카드형태로 나타난다고 보면 된다.

Open Graph protocol

  

    
    
    
    
  
<meta property="og:title" content="페이지 제목" />
<meta property="og:type" content="컨텐츠 타입" />
<meta property="og:url" content="페이지 주소" />
<meta property="og:image" content="페이지 썸네일 이미지 주소" />
<meta property="og:description" content="페이지 설명" />

 

 

Twitter

트위터를 위한 카드 형태의 공유 프로토콜이다.

  

    
    
    
    
  
<meta name="twitter:card" content="카드의 타입">
<meta name="twitter:title" content="카드의 제목">
<meta name="twitter:description" content="카드 설명">
<meta name="twitter:image" content="카드 썸네일 이미지 주소">

 

 

마크업

• 웹표준 규약 준수, 유효성 검사
• h1 ~ h6을 사용하여 중요한 텍스트 강조하기
• img 태그에 대체 텍스트 넣기
• 이미지 검색도 이미지의 파일명과 대체 텍스트가 영향을 미친다.
• strong, em등을 사용하여 키워드 강조
• 의미있는 링크 텍스트 작성하기

  

    
    
    
    
  
<!-- X -->
<p>
	네이버가 궁금하다면
    <a href="https://www.naver.com">여기를 클릭하세요</a>
</p>


<!-- O -->
<p>
	네이버가 궁금하다면
    <a href="https://www.naver.com">네이버</a>
    를 방문하세요.
</p>

 

 

robots.txt , sitemap.xml

 

robots.txt

• robots.txt 파일을 사용하여 사이트에서 크롤러가 액세스할 수 있는 파일을 제어할 수 있다.
• robots.txt 파일은 사이트의 루트에 위치한다.
• 도메인 또는 하위 도메인에서 지정된 파일 경로에 액세스하는 것을 차단하거나 허용한다.
• 파일에서 다르게 지정하지 않는 한 모든 파일은 암시적으로 크롤링에 허용한다.

  

    
    
    
    
  
<!-- robots.txt -->

User-agent: Googlebot
Disallow: /nogooglebot/

User-agent: *
Allow: /

Sitemap: https://www.example.com/sitemap.xml

<!-- 검색로봇의 색인 생성 작업을 막는 메타태그 -->
<meta name="robots" content="noindex,nofollow">

<!--
noindex: 검색결과에 이 페이지, 미디어 또는 리소스를 표시하지 않는다. 
이 지시어를 지정하지 않으면 페이지, 미디어 또는 리소스가 색인 생성되어 검색결과에 표시될 수 있다.

nofollow: 이 페이지의 링크를 따라가지 않는다. 
이 지시어를 지정하지 않으면 Google에서는 페이지의 링크를 사용하여 링크된 페이지를 검색할 수 있다.
-->

sitemap.xml

웹사이트 내 모든 페이지의 목록을 나열한 파일

검색엔진에게 사이트 내 모든 페이지 목록을 제공하여 크롤링되고 색인될 수 있게 도와준다.

  

    
    
    
    
  
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>http://www.example.com/</loc>
    <lastmod>2018-06-04</lastmod>
		<priority>1.00</priority>
  </url>
  <url>
    <loc>http://www.example.com/about.html</loc>
    <lastmod>2018-06-04</lastmod>
		<priority>1.00</priority>
  </url>
</urlset>

 

 

유용한 사이트들

• sitemap 파일 만들기

Create your Google Sitemap Online - XML Sitemaps Generator

 

• 사이트 내 깨진 링크 검사

Free Broken Link Checker - Online Tool

 

• 사이트 속도 측정

PageSpeed Insights

 

• 키워드 밀도 높이기

Keyword Density Analysis Tool