SEO를 향상시키는 상위 5개 메타 태그
게시 됨: 2022-07-26일반적으로 생각하는 것과는 달리 SEO는 링크를 구축하고 콘텐츠에 검색량이 많은 키워드를 추가하는 것만이 아닙니다. 웹사이트를 더 높은 검색 순위로 끌어올리는 데 중요한 역할을 하는 다른 많은 일들이 배후에서 발생합니다. 메타 태그는 SEO의 중요한 측면 중 하나입니다.
메타 태그는 검색 엔진과 웹 사이트 방문자에게 웹 페이지의 내용을 설명하는 HTML 태그입니다. 간단히 말해서, 이 태그는 검색 엔진과 방문자가 웹사이트가 무엇인지 알 수 있도록 합니다.
이제 이러한 메타 태그가 중요합니다. Google의 웹마스터 동향 분석가인 John Mueller에 따르면 방문자가 검색 결과에서 웹사이트를 보는 방식과 클릭하여 사이트로 이동할 위치를 결정하는 데 중요한 역할을 한다고 합니다.
그러나 모든 메타 태그가 똑같이 중요한 것은 아닙니다. 일부 메타 태그는 검색 순위에 미미한 영향을 미치는 반면 다른 메타 태그는 더 중요합니다. 이 기사에서 우리는 5가지 중요한 메타 태그에 대해 이야기할 것입니다. 의 시작하자:
SEO 개선을 위해 웹사이트에 있어야 하는 5가지 중요한 메타 태그
1. 제목 태그
제목은 웹 페이지에서 볼 수 있는 첫 번째 메타 태그입니다. 검색 엔진 결과 페이지에서 클릭 가능한 헤드라인으로 나타나며 웹 페이지가 무엇에 관한 것인지에 대한 포괄적인 아이디어를 제공합니다.
다음은 웹 페이지의 제목 태그의 예입니다.
HTML에서 웹페이지의 제목 태그를 볼 수도 있습니다. 페이지를 마우스 오른쪽 버튼으로 클릭하고 '페이지 소스 보기'(Ctrl + U도 바로 가기)를 선택하면 <head> 섹션 안에 아래 제목이 표시됩니다.
<title>3 Common international SEO issues plus how to identify and fix them</title>
제목 태그가 중요한 이유는 무엇입니까?
제목 메타 태그는 두 가지 작업을 수행합니다.
- 사용자가 페이지를 클릭하기 전에 페이지의 컨텍스트를 이해하는 데 도움이 됩니다. 이렇게 하면 사용자가 유용한 정보를 제공하지 않는 링크를 클릭하지 않도록 할 수 있습니다.
- 웹 페이지를 이해하고 더 나은 검색 결과를 제공할 수 있도록 검색 엔진에 컨텍스트 정보를 제공합니다.
따라서 웹 페이지에 제목 태그가 없으면 사용자는 어떤 링크를 열어야 하는지 알지 못하고 검색 엔진은 표시할 최상의 결과를 알지 못합니다. 그래서 제목 태그가 필수입니다. Moz는 콘텐츠 뒤에서 두 번째로 중요한 SEO 요소로 이러한 콘텐츠를 선정하기도 합니다.
제목 태그를 잘 작성하는 방법
- 제목을 독특하고 눈에 띄게 유지하십시오.
- 제목은 페이지를 정확하게 설명해야 합니다.
- 제목의 길이를 50-60자 사이로 유지하십시오.
- 제목에 롱테일 키워드를 포함해야 합니다.
- 숫자가 있는 제목은 항상 잘 하므로 포함시키십시오.
2. 메타 설명
메타 설명은 페이지의 <head>에 있으며 웹페이지의 제목 및 URL과 함께 SERP 스니펫에 표시되는 것을 볼 수 있습니다. 다음은 SERP 결과에서 메타 설명이 어떻게 보이는지 보여주는 예입니다. 이 사이트를 보고 설명을 위해 소스 코드를 살펴보겠습니다.
메타 설명이 중요한 이유는 무엇입니까?
메타 설명은 순위 요소가 아니지만 더 많은 트래픽을 유치하고 전환을 늘리려면 메타 설명이 절실히 필요한 몇 가지 다른 측면이 있습니다.
- 메타 설명은 SERP 스니펫의 가장 중요한 부분을 다룹니다. 따라서 눈에 띄는 메타 설명을 작성하면 검색자가 귀하의 사이트를 클릭하도록 초대할 수 있는 좋은 기회가 있습니다.
- 잠재 방문자가 검색하는 키워드를 포함하면 SERP에서 굵게 강조 표시됩니다. 이렇게 하면 검색 결과를 눈에 띄게 만들고 방문자에게 페이지를 찾을 위치를 알릴 수 있습니다.
- 잘 작성된 메타 설명은 CTR을 크게 향상시키고 이탈률을 낮출 수 있습니다.
눈에 잘 띄는 메타 설명을 작성하는 방법은 무엇입니까?
- 메타 설명이 페이지의 가치를 반영하는지 확인하세요.
- 키워드 스터핑을 피하십시오. 설명에 유기적으로 통합되어 있는지 확인하십시오.
- 메타 설명을 150-160자 사이로 유지하세요.
- 메타 설명을 눈에 띄게 만들기 위해 고유한 제안이나 클릭 유도문안을 포함할 수도 있습니다.
- 메타 설명을 사용하여 전략적으로 문제에 대한 가능한 솔루션을 제공합니다.
3. 헤더 태그
헤더 태그를 사용하여 글꼴 크기를 변경하고 웹 페이지의 정보 계층 구조를 식별합니다. 이러한 헤더 태그는 H1이 가장 크고 H6이 가장 작은 H1에서 H6으로 이동합니다. 첫 번째 예로 돌아가서:
<h1> 3 Common international SEO issues plus how to identify and fix them</h1>
<h2>Issue #1: Full or near duplicate content across international page variations</h2>
<h3>Symptoms</h3>
<h3>Why did it happen?</h3>
<h3>What to do about it?</h3>
<h2>Issue #2: Low-quality (often automated) translations</h2>
<h3>Symptoms</h3>
<h3>Why did it happen?</h3>
<h3>What to do about it?</h3>
<h3>Important caveats</h3>
<h3>Issue #3: Non-localized page copy (and keyword targeting)</h2>
<h3>Symptoms</h3>
<h3>Why did it happen?</h3>
<h3>What to do about it?</h3>
헤더 태그가 중요한 이유는 무엇입니까?
헤더 태그의 검색 순위 중요성은 여전히 논쟁의 여지가 있지만 헤더 태그는 콘텐츠 구성 및 계층 구조에서 중요한 역할을 합니다. 헤더 태그는 다음을 수행할 수 있습니다.
- 사용자가 콘텐츠를 사용하여 전체 페이지를 탐색할 때 쉽게 사용할 수 있도록 합니다.
- 많은 양의 정보가 아닌 제목으로 잘 구성된 콘텐츠라면 검색 엔진이 콘텐츠를 더 잘 이해할 수 있도록 합니다.
따라서 인터넷 검색에서 높은 순위를 얻으려면 웹 페이지에 헤더 태그를 포함하는 것이 필수적입니다.
헤더 태그를 작성할 때 주의할 점
- 콘텐츠와 관련된 헤더 태그를 유지하세요.
- 제목에 태그와 키워드를 사용하지 마십시오. 대신 가독성에 중점을 둡니다.
- 진부한 헤드라인을 쓰지 마세요. 대신 콘텐츠를 반영해야 합니다.
4. 대체 텍스트 메타 태그
대체 텍스트 메타 태그는 이미지의 내용을 설명하는 것을 목표로 합니다. 검색 엔진은 이미지를 볼 수 없고 대체 텍스트는 이미지가 무엇인지 알 수 있는 유일한 방법이기 때문에 중요합니다. 이 외에도 대체 텍스트 태그는 어떤 이유로든 이미지가 로드되지 않는 경우 방문자에게 이미지에 대한 단서를 제공합니다.
대체 메타 태그가 중요한 이유는 무엇입니까?
Google은 alt 메타 태그가 검색 엔진이 이미지에 대한 내용과 이미지가 콘텐츠 컨텍스트에 어떻게 맞는지 이해하는 데 도움이 된다고 설명했습니다. 따라서 태그는 가장 관련성이 높은 검색 결과를 제공하는 데 도움이 될 수 있습니다.
또한 alt 태그를 사용하면 웹 접근성 지침을 위반하지 않는지 확인할 수 있습니다. 특정 장애가 이미지를 보지 못할 수 있기 때문에 놓칠 수 있는 잠재적인 방문자가 많기 때문에 필수적입니다.
대체 텍스트 메타 태그를 작성할 때 알아야 할 필수 사항
- 대체 텍스트를 명확하고 설명적으로 유지하십시오.
- 키워드를 현명하게 사용하십시오. 과하지 않게 자연스럽게 맞아야 합니다.
[사례 연구] Google의 봇 크롤링 관리
사례 연구 읽기5. 로봇 메타 태그
로봇 메타 태그는 웹 페이지의 색인을 생성할지 아니면 색인을 생성하지 않을지 검색 엔진에 지시하는 데 사용됩니다. 이 태그를 웹 페이지의 <head> 섹션에도 배치합니다.
robots 태그는 검색 엔진 크롤러에 대해 네 가지 값을 지정합니다.
- 팔로우: 이 값은 검색 엔진이 웹 페이지의 모든 링크를 따르도록 합니다.
- Nofollow: 이 값에서 검색 엔진은 페이지와 링크를 따르지 않습니다.
- 색인: 이 값은 검색 엔진이 전체 웹 페이지의 색인을 생성하도록 합니다.
- NOINDEX: 검색 엔진이 이 값으로 웹 페이지를 색인화하지 않습니다.
로봇 메타 태그의 구문은 다음과 같습니다.
-
<meta name=" robots" content=" index, follow">– 이 코드는 검색 엔진이 웹 페이지를 인덱싱하고 팔로우하도록 요청합니다. -
<meta name=" robots" content=" noindex, nofollow">– 이 코드는 검색 엔진이 웹 페이지를 인덱싱하지 않고 팔로우하지 않도록 합니다.
로봇 메타 태그가 중요한 이유는 무엇입니까?
검색 엔진은 얇은 콘텐츠를 싫어하며 때로는 무의식적으로 일부 콘텐츠를 만들 수 있습니다. 콘텐츠가 많은 가치를 제공하지 않을 수 있지만 여전히 사이트에 있어야 하는 경우가 있습니다. 또한 뉴스레터와 같은 직접 링크는 직접 링크를 통해서만 액세스할 수 있습니다. 이러한 모든 경우에 robots 태그는 검색을 적절하게 지시하기 위해 noindex 및 nofollow 값을 사용하여 도움을 줄 수 있습니다.
로봇 메타 태그를 사용할 때 염두에 두어야 할 사항
- 콘텐츠가 적고 크롤링 예산을 부당하게 낭비하는 Nofollow 및 인덱스가 없는 페이지.
- Robot 태그를 사용할 때 주의하십시오. 그렇지 않으면 중요한 페이지가 인덱싱되지 않도록 제한할 수 있습니다.
보너스: 사이트의 SEO에 중요한 몇 가지 기타 메타 태그
1. rel="표준" 링크 태그
코드에서 표준 태그를 사용하여 검색 엔진에 기본 페이지만 색인화하고 중복 URL을 피하도록 지시합니다. 동일한 URL의 중복 페이지가 여러 개 있을 때 이 태그를 사용합니다.
다음은 rel=" canonical" 링크 태그의 구문입니다.
<link rel="canonical" href="http://example.com/" />
2. 그래프 태그 열기
Facebook, LinkedIn 및 이러한 플랫폼에서 공유하는 웹사이트 URL 간의 통합을 촉진하기 위해 개방형 그래프 메타 태그를 사용합니다.
다음은 열린 그래프 태그의 예입니다.
<meta property="og:type" content="article" />
<meta property="og:title" content="TITLE OF YOUR POST OR PAGE" />
<meta property="og:description" content="DESCRIPTION OF PAGE CONTENT" />
<meta property="og:image" content="LINK TO THE IMAGE FILE" />
<meta property="og:url" content="PERMALINK" />
<meta property="og:site_name" content="SITE NAME" />
3. 트위터 카드
이들은 플랫폼에서 페이지를 공유할 때 페이지 표시를 향상시키는 데 사용되는 Twitter에서만 사용되는 특정 유형의 메타 태그입니다.
다음은 Twitter 카드 메타 태그의 예입니다.
<meta name="twitter:title" content="TITLE OF POST OR PAGE">
<meta name="twitter:description" content="DESCRIPTION OF PAGE CONTENT">
<meta name="twitter:image" content="LINK TO IMAGE">
<meta name="twitter:site" content="@USERNAME">
<meta name="twitter:creator" content="@USERNAME">
4. 뷰포트 메타 태그
뷰포트 메타 태그는 모바일 브라우저에서 웹 페이지의 레이아웃을 제어하는 데 사용됩니다. 웹 페이지의 <head> 섹션에 포함합니다.
뷰포트 메타 태그의 구문은 다음과 같습니다.
<meta name="viewport" content="width=device-width,initial-scale=1">
무시할 수 있는 메타 태그
SEO에는 좋은 태그가 있지만 나쁜 태그도 있으므로 검색 결과에서 더 높은 순위를 얻으려면 해당 태그를 무시해야 합니다. 그들에 대해 이야기합시다.
- 키워드 태그: 이 출처에 따르면 Google은 더 이상 웹 순위에 키워드 메타 태그를 고려하지 않습니다.
- Revisit After: 이 메타 태그를 사용하여 로봇이 특정 기간 후에 페이지로 돌아가도록 명령합니다. 그러나 이 태그 뒤에는 주요 검색 엔진이 없으므로 가치가 없습니다.
- 만료/날짜 : 이 메타 태그는 페이지의 만료 날짜를 정의합니다.
- 구문:
<meta http-equiv=”Expires” content=”Fri, 28 January 2022 23:59:59 GMT”> - 사이트 확인: Google Search Console 또는 Bing 웹마스터 도구로 사이트를 확인할 수 있으므로 이 메타 태그를 무시하는 것이 좋습니다.
- 저작권: 모든 사이트는 바닥글에 저작권을 표시하므로 이 태그가 필요하지 않습니다.
- 배포: 이 메타 태그는 문서에 액세스할 수 있는 사람을 제어하며 일반적으로 "전역"으로 설정됩니다. 그러나 페이지가 열려 있으면(암호로 보호되지 않음) 모든 사람이 액세스할 수 있다는 것은 본질적으로 내포되어 있습니다.
- Cache-Control : 이 메타 태그는 페이지가 캐시되는 빈도를 정의합니다. 그러나 대신 HTTP 헤더를 사용할 수 있습니다.
- ODP 로봇 메타 태그: Google은 더 이상 이 태그를 사용하지 않습니다.
- 지리 메타 태그 : Google이 페이지 순위를 지정하는 데 사용하지 않는 또 다른 태그입니다.
위에서 다룬 모든 내용을 통해 웹사이트에서 사용해야 하는 메타 태그와 사용하지 말아야 하는 메타 태그를 쉽게 결정할 수 있습니다.
항상 메타 태그를 기억하면 독자와 검색 엔진에 귀하의 웹사이트가 무엇인지 더 잘 알 수 있습니다. 그들은 또한 그것들이 없는 경쟁자들보다 우위를 점할 것입니다. 더 많은 메타 태그를 사용할수록 더 많은 가치를 제공하고 검색 순위가 높아집니다. 따라서 항상 사용하면 장기적으로 결과를 볼 수 있습니다.
웹사이트의 검색 순위를 높이는 데 도움이 될 수 있는 메타 태그가 더 있습니까? 댓글로 공유해주세요!