내 웹 사이트에 넣어야하는 중요한 메타 태그는 무엇입니까? [닫은]


81

설정할 수있는 메타 태그 가 엄청나게 많은 것 같습니다 . 나는 그들 중 일부가 다른 것보다 더 중요하다고 생각합니다.

제공해야 할 가장 중요한 메타 태그는 무엇이며 그 이유는 무엇입니까?

메타 태그도 필요합니까? (stackoverflow 홈페이지를 보면 아무것도 없습니다)


1
이것은 ServerFault에 가깝지 않습니까?
David Thornley

4
@David Thornley 웹 개발은 왜 그렇게 의문이 들지 않습니까? 확실히 프로그래밍 문제일까요?
Johnno Nolan

답변:


111

이 질문이 오래되었다는 것을 알고 있지만 여전히 최고의 Google 히트작이므로 인기있는 소셜 미디어 사이트를 포함하는 업데이트 된 답변을 제공 할 것이라고 생각했습니다.

일반적으로 4 개의 메타 정보 그룹이 있습니다.


일반 메타 정보 -검색 엔진 및 브라우저에서 사용

<title>{{pageTitle}}</title>
<meta charset="utf-8"><!-- html5 version of http-equiv="Content-Type"... -->
<meta name="description" content="{{description}}">
<meta name="keywords" content="{{keywords}}">
<link rel="author" href="https://plus.google.com/{{googlePlusId}}" />
<link rel="canonical" href="{{pageUrl}}" />


Facebook Meta Info- 누군가가 귀하의 URL을 공유 할 때 Facebook에서 사용

<meta property="og:url" content="{{pageUrl}}">
<meta property="og:image" content="{{imageUrl}}">
<meta property="og:description" content="{{description}}">
<meta property="og:title" content="{{pageTitle}}">
<meta property="og:site_name" content="{{siteTitle}}">
<meta property="og:see_also" content="{{homepageUrl}}">


Google+ 메타 정보 -누군가 내 URL을 공유 할 때 Google+에서 사용

<meta itemprop="name" content="{{pageTitle}}">
<meta itemprop="description" content="{{description}}">
<meta itemprop="image" content="{{imageUrl}}">

참고 : 실제로 필요하지는 않습니다. Google+는 Facebook에서 사용하는 오픈 그래프 태그로 대체됩니다.


Twitter 메타 정보 -누군가가 귀하의 URL을 공유 할 때 Twitter에서 사용

<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="{{pageUrl}}">
<meta name="twitter:title" content="{{pageTitle}}">
<meta name="twitter:description" content="{{description}}">
<meta name="twitter:image" content="{{imageUrl}}">

업데이트 해주셔서 감사합니다!
Ian Walker-Sperber 2013

24

이 질문 에서 동일한 답변을 사용 하겠습니다 .

몇 년 전부터 메타 태그는 검색 엔진 최적화에 중요했습니다. 그러나 그들은 남용되었고 일반적으로 거의 모든 검색 엔진 (구글, 야후 및 라이브 검색 포함. 실례합니다 : Bing)에서 무시됩니다.

(X) HTML에 포함 할 수있는 SEO의 가장 중요한 태그는 <title><meta name="description"...>태그입니다.

  • <title> 일반적으로 검색 엔진이 목록에서 페이지 이름을 지정하기를 원하는 것이어야합니다.
  • <meta name="description"...> 색인을 생성 할 때 페이지를 설명하는 방법에 대한 기본 아이디어를 검색 엔진에 제공 할 수 있습니다.

그러나이 두 태그를 사용한다고해서 검색 엔진 목록에서 사이트의 가시성을 높이는 데 반드시 차이가있는 것은 아닙니다. 그 측면에 대한 자세한 내용은 Google 사이트 에 SEO 에 대한 멋진 섹션 이 있습니다.


12

2015 년 5 월 업데이트 : 여전히 매우 인기있는 답변입니다. @alden의 답변이 제 답변 보다 훨씬 더 업데이트 되었기 때문에 살펴볼 것을 권장합니다 (현재 6 세).

원래 답변은 다음과 같습니다.


<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> 

콘텐츠 유형 및 인코딩이 무엇인지 브라우저에 알리려면

<meta NAME="ROBOTS" CONTENT="NOODP">

이유는 http://www.mattcutts.com/blog/google-supports-meta-noodp-tag/ 참조

<meta name="description"...>

분명한

<meta name="keywords"...>

Google은 이것을 사용하지 않지만 다른 검색 엔진은

<meta HTTP-EQUIV="Expires" CONTENT="Tue, 20 Jun 1995 04:13:09 GMT">

이 페이지가 캐시에서 만료되는시기를 알고있는 경우


1
<meta http-equiv = "X-UA-Compatible"content = "IE = EmulateIE7"/> / 남자는 어떻습니까?
Dan

당신의 IE는 호환성에 관련된 브라우저에 대한 X-UA는 ...
자바 스크립트 코더

1
Nir Levy. 새로운 도착 자들에게 친근감을주기 위해 @alden의 답변을 받아들이 겠지만 여러분의 기여에 감사드립니다. 그것은 여전히 ​​매우 유용했습니다.
Johnno Nolan

7

사용해야하는 가장 중요한 메타 태그는 다음과 같습니다

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

맞게 조정. 이렇게하면 웹 서버가 아닌 다른 것을 통해 HTML 문서를 전송해야하는 경우 (예 : 로컬 작업, 첨부 파일로 전송) 사용자 에이전트가 MIME 유형 및 문자 집합을 인식합니다. 서버 헤더가 일치하는지 확인하십시오.


8
<meta charset="utf-8" />HTML5에 해당합니다.
Druid

3

최고의 SEO는 대상 사용자의 요구를 효과적으로 충족하는 웹 사이트입니다. 이를 위해서는 사람들이 사용하거나 원하거나 필요로 할 수있는 무언가가있는 사이트가 있어야합니다. 이것은 가치이며 가장 중요한 것입니다. 좋은 기사에서 재미있는 비디오 또는 유용한 다운로드에 이르기까지 무엇이든 될 수 있습니다. 태그는 좋은 콘텐츠를 지원하지만 SEO를 대체 할 수 없습니다. 콘텐츠가 충분하면 태그가 필요하지 않습니다. 사이트에 사람들이 원하거나 필요로하는 것이 있거나 원하는 것이 있거나 필요한 것이 있고 어디에서나 얻을 수없는 경우 사이트가 태그 나 태그없이 모든면에서 잘 작동 할 것이라고 말할 때 저를 믿으십시오. 사이트가 지루하고 가치가 없으면 실패하거나 태그가 없거나 태그가 없습니다.


2

설명 메타 태그는 Google에서 사이트 설명으로 사용됩니다. 가장 중요하다고 생각합니다.

verify-v1 메타가 중요하다고 생각합니다. Google 웹 마스터 도구를 사용할 수 있습니다.


1

GoogleBot은 콘텐츠 설명자가 아닌 페이지 콘텐츠 자체 만 신뢰하는 메타 정보를 무시합니다. 따라서 특정 태그의 유용성이 제한 될 수 있습니다.


2
그러나 Google은 목록에 페이지를 표시하는 데 메타 정보를 사용하므로 완전히 쓸모가 없습니다.
Matthew Scharley

1

웹 페이지에 제목, 설명, 키워드 및 재 방문 태그가 있는지 확인하겠습니다. Google은 키워드 태그에 그다지 무게를 두지 않지만 소규모 검색 엔진에서 여전히 사용할 수 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.