SEO에 관하여

BeomDev·2023년 3월 20일
0
post-thumbnail
post-custom-banner

※ SEO

검색엔진 최적화

검색엔진이란 ?

Web이나 컴퓨터 시스템에 저장된 정보를 찾아주는 프로그램, 대표적으로 구글, 네이버, 다음 검색엔진이 있다.

검색엔진 최적화란 ?

웹사이트가 유기적인 검색을 실행할 때, 검색 엔진에서 상위에 노출될 수 있게 하는 과정

URL

  • 단어 구분은 대쉬(-)를 사용한다.
  • 짧으면서도 해당 페이지를 유추할 수 있는 단어로 구성한다.
  • url 주소에 키워드를 포함한다.
  • depth는 2-4정도, 6이하로 구성한다.
    https://www.abc.com/depth/depth
  • 캐노니컬 태그를 사용해 대표 url 설정
    <link rel="canonical" href="https://example.com"

<title>

  • <title>에는 짧고 간결한 제목을 사용해야 하며 약 60자를 넘지 않는것을 권고한다.
  • 텍스트만 포함해야 한다.

<meta> 태그

description

페이지가 담고 있는 내용을 축약해 노출시키는 광고 문구이다. 250자 이하로 작성하길 권고한다.

<meta name="description" content="문구 내용">`

The Open Graph protocol

표준은 아니지만 Facebook이나 같은 곳에 url을 입력하면 url과 함께 이미지등이 카드로 함께 볼 수 있는데 그것이 The 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="카드 썸네일 이미지 주소">

Markup

  • 웹 표준을 준수한 마크업
  • <hn> 태그를 사용해 중요한 텍스트 강조
  • <img> 태그에 대체 텍스트
  • 의미있는 링크 텍스트 작성

robot.txt 파일 작성

사이트의 루트에 위치하는 robot.txt 파일로 크롤러가 액세스 할 수 있는 파일을 제어한다.

sitemab.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>
post-custom-banner

0개의 댓글