HTML 검색엔진 최적화(SEO)
검색 엔진 최적화란?
위키에 따르면, 검색 엔진 최적화 (search engine optimization, SEO)는 웹 페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있도록 하는 작업을 말한다. 방문 트래픽을 늘리기 위한 중요한 인터넷 마케팅 방법 중의 하나이다.
<title> 태그
<title> 태그는 검색 엔진의 제목 부분에 표시되기 때문에 굉장히 중요한 정보이다.
참고로 구글의 <title> 태그를 보면 검색 엔진의 제목의 내용과 동일한 것을 알 수 있다.
메타 태그(meta tag)
보통 검색에 잘 노출될 수 있게금 적용할 수 있는 기술은 HTML에서 meta 태그를 사용하는 것이다. meta 태그는 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 나타내는데 사용한다. HTML의 <head></head> 사이에 작성하며 사이트의 디자인에는 영향을 미치지 않고 웹 페이지의 내용과 키워드 등의 웹 페이지 자체의 정보를 담고 있다.
Description
Description 메타 태그는 페이지의 내용 설명 부분이다.
오픈 그래프(open graph) 태그
오픈 그래프(open graph) 태그는 원래는 페이스북에서 시작하였지만 이제는 여러 곳에서 활용되는 매타 데이터이다. 페이스북이나 카카오톡 등의 외부 크롤러가 콘텐츠의 제목, 설명, 미리 보기 이미지 등에 대한 정보를 가져올 수 있게 해주는 태그이다.
아래는 각 태그의 간단한 설명이다.
og:url - 링크될 URLog:type - Web 혹은 App 인지에 대한 타입 지정og:title - 해당 링크의 제목og:description - 설명 표시 (위 description 메타 태그와 비슷한 역할)og:image - 썸네일 이미지
'Web > HTML' 카테고리의 다른 글
| HTML5 시맨틱 웹(Semantic Web) (0) | 2019.08.12 |
|---|