html

메타 태그와 SEO 최적화

페이지 정보

작성자 DocsArchives
작성일 2025.09.07 20:05
분류 html
900 조회

본문

검색 엔진 친화적 HTML


​웹페이지가 검색 엔진에 잘 노출되려면 메타 태그(Meta Tag) 사용이 필수입니다. 메타 태그는 페이지 정보, 문자셋, 뷰포트 등 브라우저와 검색 엔진에 중요한 데이터를 제공합니다.

기본 메타 태그

<head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="description" content="HTML 기초부터 SEO 최적화까지 배우는 블로그">  <meta name="keywords" content="HTML, CSS, 웹개발, SEO">  <title>웹 개발 블로그</title></head>

  • charset: 문자 인코딩 설정

  • viewport: 모바일 화면 대응

  • description: 검색 결과 설명

  • keywords: 핵심 키워드(현재 SEO에서는 참고용)

실무 활용 사례

  1. 블로그 포스트: descriptiontitle 최적화

  2. e커머스: 상품 페이지 SEO 강화

  3. 반응형 웹: 모바일 뷰포트 최적화

 
메타 태그는 눈에 보이지 않지만, SEO와 사용자 경험에 큰 영향을 줍니다. 모든 페이지에서 필수적으로 설정해야 합니다.
댓글 0
홈으로 전체메뉴
전체 검색
회원가입