검색엔진 최적화
Web이나 컴퓨터 시스템에 저장된 정보를 찾아주는 프로그램, 대표적으로 구글, 네이버, 다음 검색엔진이 있다.
웹사이트가 유기적인 검색을 실행할 때, 검색 엔진에서 상위에 노출될 수 있게 하는 과정
https://www.abc.com/depth/depth
<link rel="canonical" href="https://example.com"
<title>
<title>
에는 짧고 간결한 제목을 사용해야 하며 약 60자를 넘지 않는것을 권고한다.<meta>
태그description
페이지가 담고 있는 내용을 축약해 노출시키는 광고 문구이다. 250자 이하로 작성하길 권고한다.
<meta name="description" content="문구 내용">`
표준은 아니지만 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="페이지 설명" />
트위터를 위한 카드 형태의 공유 프로토콜
<meta name="twitter:card" content="카드의 타입">
<meta name="twitter:title" content="카드의 제목">
<meta name="twitter:description" content="카드 설명">
<meta name="twitter:image" content="카드 썸네일 이미지 주소">
<hn>
태그를 사용해 중요한 텍스트 강조<img>
태그에 대체 텍스트사이트의 루트에 위치하는 robot.txt 파일로 크롤러가 액세스 할 수 있는 파일을 제어한다.
웹사이트 내 모든 페이지의 목록을 나열한 파일로 검색엔진에게 사이트 내 모든 페이지 목록을 제공하여 크롤링되고 색인 될 수 있게 도와준다.
<?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>