SEO( 검색 엔진 최적화 )

SOPLAY·2023년 4월 7일
frontendseozerobase개발공부검색 엔진 최적화제로베이스프론트엔드프론트엔드개발자프론트엔드공부프론트엔드스쿨
1

SEO(검색 엔진 최적화)란?

SEO(search engine optimization)는 검색 엔진 최적화로, 검색 엔진의 결과에서 높은 순위(좋은 위치)를 가질 수 있도록 검색 엔진의 매치 순위를 높이는 전략입니다.

검색엔진에서 순위가 높아질 수록 우리가 만든 사이트가 검색을 했을 때 더 좋은 위치에 위치하여 트래픽(방문자)를 증가시킬 수 있습니다.

검색엔진의 처리 순서

  1. 크롤링
    • 웹 페이지를 크롤링 하여 데이터를 추출
  2. 인덱싱
    • 추출한 데이터를 컨텐츠 기반으로 색인하여 보관
  3. 우선순위 부여
    • 검색어별 우선 순위를 부여하여 결과 제공

SEO를 하는 방법

우선 robot.txt를 https://www.test.com/robot.txt처럼 루트에 위치시켜 검색엔진에 대한 접근 권한을 설정해 줘야 합니다
sitemap.xml을 제공해야 합니다. ( 사이트 구조 파악 )

  1. robot.txt작성

  2. 사이트 맵, RSS 제공

    • 사이트의 구조를 검색엔진이 파악 할 수 있게끔 해줍니다.

  3. 고유하고 정확한 페이지 제목(title) 만들기

    • 글의 내용과 일치하지 않는 제목은 사용하지 않습니다.
    • 각 페이지별 고유한 제목을 사용합니다.
    • 너무 긴 제목은 우선순위를 낮춥니다.

  4. 메타 설명(description) 태그 만들기

    • 페이지의 내용의 개요를 작성한다고 생각해야 합니다.

  5. 오픈 그래프 태그, 소셜 미디어 태그 작성
    - 소셜 미디어로 공유될때 우선적으로 활용되는 정보로 사이트의 제목, 설명, 사이트를 대표하는 이미지를 설정 합니다.

    <head>
  ...
  <meta property="og:type" content="website"> 
  <meta property="og:title" content="페이지 제목">
  <meta property="og:description" content="페이지 설명">
  <meta property="og:image" content="http://www.mysite.com/myimage.jpg">
  <meta property="og:url" content="http://www.mysite.com">
  ...
  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="페이지 제목">
  <meta name="twitter:description" content="페이지 설명">
  <meta name="twitter:image" content="http://www.mysite.com/article/article1.html">
  <meta name="twitter:domain" content="사이트 명">
  ...
</head>

  6. 검색 엔진별 구조화된 데이터 마크업

profile
SOPLAY
꾸준히 발전하는 개발자
이전 포스트

크로스 브라우징 하기 !

다음 포스트

HTML/CSS 과제를 진행하며

0개의 댓글