이 섹션에서는 웹사이트 SEO에서 중요하고 핵심적인 가장 중요한 HTML 태그에 대해 설명합니다.
SEO에서 가장 중요한 조치 중 하나는 내부 사이트 최적화입니다. 이러한 맥락에서 SEO에서 디자인 중 및 이후에 중요한 HTML 태그의 사용은 매우 중요합니다. 이것은 설계 중에 프로그래머가 간과하는 경우가 많지만 숙련된 웹 디자이너는 이러한 기본 SEO 주제에 완전히 익숙해야 합니다.
이 글에서는 SEO와 최적화에 중요한 역할을 하는 가장 중요한 HTML 태그를 소개하려고 합니다. 이러한 모든 메타 태그는 사이트 템플릿의 "HEAD" 섹션에 나열되며 대부분은 사용자를 위한 텍스트 출력이 없습니다.
SEO의 중요한 HTML 메타 태그
1 - 제목 태그
SEO라고도 하는 제목 태그는 Google 결과 및 브라우저 탭에 표시되는 것과 동일한 태그입니다. 이 태그는 모든 페이지에서 사용해야 하는 SEO의 중요한 HTML 태그 중 가장 효과적인 메타 태그입니다. 당신에게 더 중요한 키워드나 웹사이트 이름을 이 태그에 쓰는 것이 좋습니다:
WordPress와 같은 콘텐츠 관리 시스템을 사용하는 경우 이 태그는 SEO와 같은 SEO 플러그인을 통해 생성할 수 있습니다.
이 메타태그의 최대 표준 길이는 70자입니다.
<title>> What is title tag? | Site Admin </title>2 - 문자 암호화 태그
디자인할 때 잊지 말아야 할 중요한 태그 중 하나는 암호화 태그를 사용하여 웹 페이지의 모든 문자를 올바르게 표시하는 것입니다. 이렇게 하려면 Html의 head 섹션에 다음 태그를 넣습니다. 이 메타 태그를 올바르게 사용하지 않으면 웹사이트 텍스트가 손상될 수 있습니다.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">3 - 웹사이트 설명 태그
설명 메타 태그는 사이트 페이지의 SEO에도 큰 영향을 미칩니다. 사이트의 각 페이지에 대해 Google 검색결과에 표시되는 설명을 작성해야 합니다. 과거에 Google은 이 메타 태그를 매우 중요하게 생각했습니다. 오늘날 검색 엔진은 이 태그에 덜 주의를 기울이지만 여전히 클릭률을 높이는 데는 좋은 영향을 미칩니다. 이 태그에 매력적인 텍스트를 작성할 수 있다면 입력 및 클릭률을 높일 수 있습니다. 이 메타 태그는 정확히 Google과 같은 검색 엔진의 사이트 제목 아래에 나타나는 설명입니다.
이 메타태그의 최대 표준 길이는 160자입니다.
<meta name="description" content="Know the best hosting service provider in the world." />4 - 로봇 태그
로봇 메타 태그는 크롤러가 페이지 인덱스에 대한 액세스 상태를 지정하도록 안내합니다. 예를 들어 다음 태그는 크롤러가 이 페이지의 색인을 생성할 수 있음을 나타냅니다.
<meta name="robots" content="index, follow" />일반적으로 모든 페이지가 인덱싱되기 때문에 위의 코드를 작성할 필요는 없으나, 인덱싱을 원하지 않는 페이지는 다음 코드를 사용하면 됩니다.
<meta name="robots" content="noindex" />봇에게 이 페이지의 링크를 따라갈 수 없다고 알리려면 콘텐츠 섹션에 nofollow라는 문구도 추가해야 합니다.
5 - 키워드 태그
사이트 html 문서의 헤드 섹션에 키워드 태그를 넣고 여기에 주요 키워드를 작성할 수 있습니다. 물론 구글은 몇 년 동안 이 태그에 주의를 기울이지 않고 사용하지 않고 있지만 다른 검색 엔진에서는 여전히 주목하고 있다는 점에 유의해야 합니다.
이 태그를 남용하지 않도록 주의하고 중요한 키워드만 포함하십시오.
<meta name="keywords" content="keyword1, keyword2, keyword3">이 태그를 남용하지 않도록 주의하고 중요한 키워드만 포함하십시오. 제안으로 10개의 키워드를 사용하는 것이 적절합니다.
6 - 표준 태그
이 태그는 웹사이트에 중복 콘텐츠가 있을 때 사용됩니다. 중복 콘텐츠는 일반적으로 태그의 부적절한 사용, 콘텐츠 복사, http 및 https로 사이트 동시 열기로 인해 발생합니다! 이 문제를 해결하기 위해 canonical tag는 좋은 기능을 가지고 있습니다.
<link rel="canonical" href="https://adminesite.com/best-hosting-service" />물론, 이 태그를 사용하기 전에 당사 웹사이트의 관련 기사에서 자세한 내용을 읽는 것이 좋습니다.
7 - 뷰포트 태그
이 태그는 전화기 디스플레이에 웹 페이지를 표시하는 데 매우 유용합니다. 이 태그의 도움으로 사이트 페이지의 크기를 화면의 크기와 일치시킬 수 있습니다. 이 태그는 사이트의 정확하고 반응적인 디자인에 필수적입니다.
<meta name="viewport" content="width=device-width, initial-scale=1">8 - Hreflang 태그
이 태그는 사이트 언어를 지정하는 데 사용됩니다. 이 태그의 도움으로 사이트의 기본 언어가 무엇인지 검색 엔진에 알릴 수 있습니다. 다국어 사이트에서 이 태그를 사용하는 것이 좋습니다.
<link rel="alternate" href="http://example.com" hreflang="en-us" />이 기사는 검색 엔진의 중요하고 핵심적인 메타 태그를 이해하기 위한 것이며 다음 기사에서는 보다 전문적인 SEO 개념에 대해 더 자세히 설명할 것입니다. 이 주제에 관심이 있다면 웹사이트의 SEO 섹션에 있는 기사를 읽으십시오.