메타 태그(Meta tag)는 웹사이트, 블로그 등 사이트의 검색엔진 최적화(SEO)에 중요한 부분 중의 하나입니다. 웹페이지의 HTML 소스코드 내에 포함되어 웹페이지의 내용과 구조를 설명하고 검색엔진 및 사용자에게 정보를 제공하는 역할을 하는데 특히 메타 태그(Meta tag)는 페이지의 요약을 제공하며 검색 사이트에서 검색결과를 나타낼 때 사용자의 관심을 끄는 역할을 하게 됩니다.
메타 태그란 ?
메타 태크(Meta tag)란 키워드 검색엔진에 특정 웹사이트 페이지에 대한 색인정보 즉 키워드와 약간의 정리된 내용을 포함하는 HTML tag입니다. 즉 웹페이지의 HTML 소스 코드 내에 포함되며, 페이지의 내용을 간략하게 요약하여 제공하는 역할을 합니다.
메타 테그는 HTML 문서의 맨 위쪽에 위치하는 태그로서 Head 태그 사이 또는 뒤에 있어도 되지만, 반드시 body 태그 앞쪽에 위치해야 합니다.
메타 테그는 구글 및 다른 검색엔진에서 웹페이지의 스니펫(snippet)으로 사용되며, 검색결과 페이지(SERP)에서 사용자에게 페이지의 내용을 미리 보여주게 됩니다.
예시)
<html>
<head>
<title>Brandon's Baseball Cards - Buy Cards, Baseball News, Card Prices</title>
<meta name="description" content="Brandon's Baseball Cards provides a large selection of vintage and modern baseball cards for sale. We also offer daily baseball news and events.">
</head>
<body>
...
메타 태그의 생성을 위한 권장사항
1. 고유하고 페이지 내용과 관련된 설명 작성
각 페이지에는 해당 페이지와 관련된 고유한 설명을 작성하세요. 메타 태그에는 페이지의 내용을 간결하게 요약해서 적어야 하며, 페이지와 관련된 주요 키워드를 포함해야 합니다. 그리고 너무 짧거나 모호한 설명대신, 페이지 또는 제품에 대한 구체적인 정보를 포함하고, 제품의 기능, 특징, 색상, 혜택 등을 설명하여 사용자에게 유용한 정보를 제공하여야 합니다.
2. 프로그래매틱 방식으로 설명 생성
대량의 페이지를 가진 사이트의 경우 프로그래매틱 방식으로 메타 태그를 생성하는 것이 효율적일 수 있습니다. 데이터베이스에서 정보를 추출하고 자동으로 설명을 생성하여 일관성 있고 유용한 설명을 생성하는 것이 더 적절하며, 권장됩니다.
3. 페이지의 추가 정보 포함
메타 설명에는 페이지의 추가 정보를 포함할 수 있습니다. 예를 들어, 제품 페이지의 경우 가격, 제조사, 재고 상태 등의 정보를 제공할 수 있습니다. 이러한 정보는 사용자에게 페이지의 관련성을 더 잘 전달할 수 있습니다.
4. 스니펫 길이 고려
메타 설명은 일반적으로 길이에 제한이 없지만, 검색 결과 페이지에서는 스니펫이 일부 잘릴 수 있습니다. 따라서 중요한 정보는 앞부분에 두고, 불필요한 부분은 최소화하여 사용자에게 유용한 정보를 더 잘 전달하도록 설명을 작성하세요.
5. 키워드 과도 사용 지양
키워드를 과도하게 사용하지 마세요. 자연스러운 문장을 만들어 키워드를 자연스럽게 통합하십시오. 과도한 키워드 사용은 사용자에게 불필요하게 반복적인 느낌을 줄 수 있습니다. 키워드 보다는 세부 정보를 제공하여 사용자에게 어떤 내용 또는 제품을 기대할 수 있는지 구체적으로 설명해 주세
6. CMS를 사용하는 경우 설정 활용
웹사이트를 관리하는 CMS(콘텐츠 관리 시스템)를 사용하는 경우, CMS에서 메타 태그 관련 설정 페이지를 활용하여 메타 설명을 간편하게 관리할 수 있습니다. HTML을 직접 수정하지 않고도 메타 태그를 추가하고 편집할 수 있습니다.
7. 검색 엔진 가이드라인 준수
검색 엔진(예: Google)의 가이드라인을 준수하세요. 검색 엔진은 메타 설명 태그를 활용하여 검색 결과를 생성하며, 가이드라인을 따르면 검색 결과에서 더 잘 노출될 수 있습니다.
8. 정확하고 유용한 정보 제공
메타 설명은 사용자에게 페이지 내용을 요약하고 페이지의 관련성을 전달하는 데 사용됩니다. 따라서 정확하고 유용한 정보를 제공하세요. 거짓 정보를 제공하지 마세요.
메타 태그 예시 (좋은 예시▷, 나쁜 예시▶)
▷ 매장에서 판매하는 제품 및 영업시간, 위치 등의 세부정보 설명
재봉틀로 옷을 만들기 위해 필요한 모든 것을 준비하세요. 영업시간: 월요일~금요일, 오후 8~5시, 위치: 패션 디스트릭트">
▶키워드 목록
<meta name="description" content="재봉용품, 털실, 색연필, 재봉틀, 실, 보빈, 바늘">
▷특정 뉴스 기사용 스니펫 사용
<meta name="description" content="작은 마을인 후빌을 뒤흔든 사건이 발생했습니다. 이 지역에 거주하는 한 노인이 중요한 행사가 있기 전날 밤 모든 사람들의 선물을 훔칩니다. 이 사건에 관한 실시간 업데이트를 기대해 주세요.">
▶모든 뉴스 기사에 동일한 설명 사용
<meta name="description" content="WHO빌 지역 뉴스를 집에서 받아 보세요. 오늘 일어난 소식을 알아보세요.">
▷전체 페이지 요약
<meta name="description" content="이 완벽 가이드와 함께 1시간 이내에 달걀을 요리하는 모든 방법을 알아보세요. 오버이지, 서니 사이드업, 삶기, 수란 등 모든 방식을 다룹니다.">
▶페이지를 요약하지 않음
<meta name="description" content="계란은 우리 삶의 즐거움입니다. 제가 어릴 때는 닭장에서 계란을 모아 부엌으로 가져가곤 했습니다. 그런 날들이 있었죠.">
▷구체적인 정보
<meta name="description" content="손글씨를 자동으로 교정해 주는 셀프샤프닝 방식의 샤프펜슬입니다. 2B 자동 충전 리드가 포함됩니다. 빈티지 핑크와 스쿨버스 옐로 색상이 있습니다. 50개 이상 주문하고 무료 배송 혜택을 받으세요.">
▶너무 짧음
<meta name="description" content="샤프펜슬">
메타 태그 작성 시 주의사항
'SEO' 카테고리의 다른 글
| 티스토리 스킨을 바꿀때 꼭 체크하세요 : 애드센스 pub code, 구글 Meta tag, Bing, 네이버 서치어드바이저 (6) | 2024.08.27 |
|---|---|
| 파비콘(Favicon) 생성기 (0) | 2024.05.19 |
| 구글 블로거 사이트맵 추가 업데이트 (1) | 2023.09.07 |
| 사이트맵의 기본 개념, RSS (0) | 2023.09.06 |
| 구글 SEO 기본 가이드 (0) | 2023.09.05 |