검색엔진최적화 하는법 | SEO META TAG 설정하기 | HTML 메타태그
- 다크애드
- 2019.10.10
구글과 네이버 등 포털사이트에서 검색결과에 보여지는 게시물에 META TAG 속성을 지정합니다. 검색엔진최적화 메타태그(SEO META TAG) 정복!
요즘에는 상위노출에 있어서 소극적인 요소지만 정확한 메타태그 설정은 검색결과에서 분명하게 보여지기 때문에 사용자를 내 웹으로 끌어들이기에 충분합니다. 잘 짜여진 SEO META TAG는 트래픽 향상에 유리하죠.
워드프레스나 구글블로거 등 많은 웹솔루션 서비스에 SEO 설정 서비스를 지원하고 있습니다. 적절한 META 속성을 적용해서 자신의 더 정확한 웹 정보를 포털사이트에게 전달해보세요.
1. 제목 - title
'title 메타태그'에는 기본 HTML 메타태그와 SNS에 활용되는 twitter, og 메타태그가 있습니다. content 값에는 검색결과에 표현될 현재 페이지의 제목을 기재합니다.
-
html
<meta name="title" content="검색결과에 표현될 현재 페이지의 제목">
-
twitter
<meta name="twitter:title" content="검색결과에 표현될 현재 페이지의 제목">
-
og
<meta property="og:title" content="검색결과에 표현될 현재 페이지의 제목">
2. 페이지 내용에 대한 간략한 서술 - description
'description 메타태그'에는 기본 HTML 메타태그와 SNS에 활용되는 twitter, og 태그가 있습니다. content 값에는 검색결과에 표현될 현재 페이지 내용에 대한 간략한 서술을 기재합니다.
-
html
<meta name="description" content="검색결과에 표현될 현재 페이지 내용의 간략한 서술">
-
twitter
<meta name="twitter:description" content="검색결과에 표현될 현재 페이지 내용의 간략한 서술">
-
og
<meta property="og:description" content="검색결과에 표현될 현재 페이지 내용의 간략한 서술">
3. 키워드 - keywords
'keywords 메타태그'에는 기본 HTML 메타태그와 SNS에 활용되는 twitter, og 태그가 있습니다. content 값에는 현재 페이지가 나타내는 키워드를 기재합니다. 각 키워드들은 컴마( , )로 구분합니다.
-
html
<meta name="keywords" content="검색결과에,적용 될,현재 페이지의,키워드">
-
twitter
<meta name="twitter:keywords" content="검색결과에,적용 될,현재 페이지의,키워드">
-
og
<meta property="og:keywords" content="검색결과에,적용 될,현재 페이지의,키워드">
4. 이미지 - image
'image 메타태그'에는 기본 HTML 메타태그와 SNS에 활용되는 twitter, og 태그가 있습니다. content 값에는 검색결과에 표현될 이미지의 경로를 기재합니다.
-
html
<meta name="image" content="https://example.com/assets/img1.jpg"> // 혹은 디렉토리 내에서 직접선택 할 경우 <meta name="image" content="assets/img1.jpg">
-
twitter
<meta name="twitter:image" content="https://example.com/assets/img1.jpg"> // 혹은 디렉토리 내에서 직접선택 할 경우 <meta name="twitter:image" content="assets/img1.jpg">
-
og
<meta property="og:image" content="https://example.com/assets/img1.jpg"> // 혹은 디렉토리 내에서 직접선택 할 경우 <meta property="og:image" content="assets/img1.jpg">
5. 저자(작성자) - author
'author 메타태그'에는 기본 HTML 메타태그와 SNS에 활용되는 twitter, og 태그가 있습니다. content 값에는 검색결과에는 현재 페이지가 나타낼 저자(작성자)를 기재합니다.
-
html
<meta name="author" content="검색결과에 현재 페이지가 나타낼 저자(작성자) - ex)darad">
-
twitter
<meta name="twitter:author" content="검색결과에 현재 페이지가 나타낼 저자(작성자) - ex)darad">
-
og
<meta property="og:author" content="검색결과에 현재 페이지가 나타낼 저자(작성자) - ex)darad">