less than 1 minute read

시맨틱 웹 Semantic Web 에 맞춰서 글 적기

  • 시맨틱 웹은 HTML를 의미있도록 만들기 위함임
  • 그래서 HTML5에서는 div와 모양이 별반 차이 없는데도 추가된 태그들이 있음(nav,aside,section…)

  • 시맨틱 웹에 맞춰서 적기 위해서는
  • <title> 에 문서 제목 넣기
  • 그냥 사이트 명 하나로만 유지된다면, 다른 곳에서는 URL로 그 페이지를 구분할 수 밖에 없다.

  • <meta> 를 활용
  • name=description , property=”og:description” 등으로 이 페이지의 요약 내용을 추가.
  • 다음 뉴스 보면 잘 되어있다.

  • property=”og:* “ 활용
  • 페이스북에서 만든 규격이지만, 거의 표준처럼 사용된다.

  • <h1>~<h6> 사용
  • <h1>은 이 페이지의 가장 큰 제목이 된다.
  • 보통 <title>과 같게 작성하거나 사이트 명을 넣으면 된다.

  • 그 뒤로는 중요도 순으로 부제목, 부부제목 등을 <h2>, <h3> 넣으면 된다.

  • 위 정도만 맞춰서 페이지 내용을 가져와서 추려내는 것에는 문제가 없을 것이다.

  • 테스트 페이지
  • http://www.mins01.com/web_work/php/php_PickupKeywords/html.PickupKeywords.php
  • 위 규칙에 맞춰서 단어를 추출 하는 테스트 페이지

🔗original-link

Updated: