메타 태그는 그 어느 때보다 SEO와 관련이 있습니다. 이유는 다음과 같습니다.
게시 됨: 2020-03-24메타 태그는 좋은 웹사이트의 구성 요소인 HTML 코드의 기초입니다.
그들은 수십 년 동안 주변에 있었고 귀하, 검색 엔진 및 사용자 사이의 대화자 역할을 하여 귀하의 콘텐츠 배포 전략에 방해가 되는 것이 없도록 합니다. 또한, SEO 전략의 귀중한 부분입니다. 그렇지 않으면 콘텐츠가 인터넷 튜브 사이에서 손실되어 진정한 청중에게 도달하지 못할 것입니다.
그러나 인터넷이 매일 성장하고 웹 사이트 제작자를 압도하는 웹 구축 도구의 수가 증가함에 따라 어떤 요소가 시간을 투자할 가치가 있는지 모를 수 있습니다. 많은 디자이너가 전용 계획 없이 코딩에 접근하고 페이지에 진정한 가치를 제공하지 않는 요소에 귀중한 시간을 낭비하게 됩니다.
SEO를 향상시키기 위해 메타 태그를 사용해야 하는 이유는 무엇입니까?
모든 산업이 온라인 존재에 더욱 집중함에 따라 메타 태그는 그 어느 때보다 중요합니다. 검색 엔진 결과는 그 어느 때보다 경쟁 사이트로 넘쳐나고 각 사이트는 첫 페이지에서 순위를 매기려고 합니다. 이러한 유형의 태그는 높은 순위를 달성할 수 있는 유일한 것 중 하나입니다.
물론 웹사이트는 메타 태그만으로는 성공할 수 없습니다. 훌륭한 콘텐츠는 사용자를 확보하고 고객 만족을 제공하는 것은 사용자를 유지합니다. 그러나 SEO 메타 태그가 없으면 아무도 귀하의 훌륭한 콘텐츠를 찾고 최적의 고객 서비스를 즐길 수 없습니다.
메타 태그는 간접적인 방식으로 SEO에 기여할 수도 있습니다. Google은 페이지 순위를 매길 때 사용자 행동을 고려한다는 사실을 인정했습니다. 즉, 검색 엔진은 클릭수가 많은 모든 사이트에서 높은 순위를 매깁니다. 즉, 방문자의 관심을 끌 수 있도록 콘텐츠를 디자인하는 것이 전투의 절반이며, 이를 달성하는 데 메타 태그가 중요한 도구입니다.
SEO를 개선하기 위해 사용해야 하는 9가지 유형의 메타 태그
모든 메타 태그가 동일하게 생성되는 것은 아닙니다. 일부는 다른 것보다 최신 애플리케이션에 더 유용하고 일부는 더 이상 SEO에 거의 가치를 부여하지 않습니다. 어떤 경우에는 Google이 순위에서 계산하는 항목과 그렇지 않은 항목에 따라 다릅니다. 중요하지 않은 것은 코딩 시간 낭비입니다. 다음은 검색 순위를 높이고 클릭률을 높이며 웹 존재를 간소화하는 데 도움이 되는 필수 태그에 대한 9가지 상위 항목입니다.
메타 콘텐츠 유형
메타 콘텐츠 유형 태그는 코드에서 미디어 유형을 지정하는 데 사용됩니다. 헤더 섹션의 나머지 부분을 설정하고 모든 브라우저에서 페이지가 표시되도록 하므로 코딩할 때마다 포함하는 것이 중요합니다.
다음은 태그의 예입니다. 표시하려는 내용에 따라 콘텐츠 유형을 편집합니다.
<머리>
<메타 http-equiv="콘텐츠 유형" 콘텐츠="텍스트/html; charset=UTF-8" />
</head>
메타 설명
이 다음 메타 요소는 웹 페이지를 요약하는 데 사용되는 HTML 요소입니다. 헤더 섹션에 자리 잡은 또 다른 요소인 요약은 Google 검색에서 제목 태그 아래에 나타나는 것으로 방문자에게 페이지에서 기대할 수 있는 내용을 알려줍니다.
메타 설명은 Google이 검색에서 순위를 매기는 요소 중 하나가 아니지만 그것이 SEO에 중요하지 않다는 것을 의미하지는 않습니다. 방문자가 클릭하여 사이트를 방문해야 하는 이유에 대한 영업 홍보물입니다.
설명은 150~160자 사이일 수 있지만 일반적으로 모바일 검색에서는 120~130자만 표시됩니다. 설명이 얼마나 길어야 하는지에 대한 마법 같은 숫자는 없지만 타겟 키워드와 클릭 유도문안으로 채워 사용자가 클릭하도록 유도하는 것이 중요합니다. 사용자가 귀하의 페이지가 자신이 묻는 질문에 답하고 있다는 사실을 알기를 원하지만 사이트를 계속 방문할 필요가 없을 정도로 많은 정보를 제공하지 않습니다.
다음은 메타 설명 태그의 예입니다.
<머리>
<meta name=”description” content=”메타 설명의 예입니다. 여기에는 귀하의 페이지에 대한 모든 관련 정보가 포함됩니다. 최대 160자까지 가능합니다.”>
</head>
제목 태그
제목 태그는 웹 페이지를 여는 역할을 하며, 웹 페이지를 사이트 방문자 및 검색 엔진과 구별하는 첫 번째 HTML 요소입니다. 제목이 중요하다는 것은 이미 명확해야 합니다.
검색 엔진 인식 및 클릭률을 높이기 위해 제목 태그에 포함할 수 있는 몇 가지 요소가 있음을 명심하십시오. 키워드 또는 더 나은 롱테일 키워드로 태그를 포함하십시오. 이것은 귀하의 틈새 시장에 특정한 3개 또는 4개의 단어로 된 키워드입니다. 그런 다음 과용하지 않는 것이 중요합니다. 제목 태그의 첫 번째 단어는 주요 키워드여야 하며 너무 많은 단어로 독자를 압도해서는 안 됩니다.
제목 태그는 다음과 같습니다.
<머리>
<title>제목 태그의 예입니다.</title>
</head>
SEO 목적을 위한 최적의 제목 태그 길이는 얼마입니까?
제목 길이에는 제한이 없지만 제목 태그에 가장 적합한 길이는 55~60자입니다. 이것은 대부분 Google의 관행 때문입니다. 나머지는 잘리기 전에 제목의 60자만 표시합니다. 그 임계값 이하로 유지하면 귀하의 타이틀이 완전한 영광으로 표시될 것이라고 거의 확신할 수 있습니다.
Google에 표시되는 문자 수를 최대화하려는 경우 사용할 수 있는 한 가지 트릭이 있습니다. 검색 엔진의 표시 시스템은 엄격하게 문자가 아닌 픽셀에 의존합니다. 즉, i, l, t와 같이 더 적은 수의 픽셀을 차지하는 소문자를 사용하면 더 큰 대문자보다 더 많이 들어갈 수 있습니다(예: M, W ).
제목의 단어 수는 목표에 따라 다릅니다.
“타이틀은 플랫폼에 따라 다르게 참여합니다. 페이스북에서 가장 많이 클릭된 링크의 제목은 12~14단어이고, 트위터에서 가장 인기 있는 링크는 8~12단어입니다.”
테렌스 라티건
기술 작가, Writemyx 및 Britstudent
표준 태그
표준 태그는 동일한 콘텐츠를 가진 여러 URL이 있을 때 검색 엔진을 돕는 데 사용됩니다. 종종 귀하의 페이지는 하나의 원본 사본이 아닌 동일한 장소로 연결되는 여러 URL을 생성할 수 있습니다.
이는 콘텐츠가 유사하지만 정확히 동일하지 않은 페이지에도 적용하여 여러 페이지에 걸쳐 하나의 키워드 세트에 대한 SEO 노력을 분산하지 않도록 할 수 있습니다. 이 태그가 없으면 Google은 "http://your page.com 및 http://yourpage.com/index.php"가 동일한 콘텐츠를 가질 때 다른 페이지로 반환합니다. 이 태그는 자동으로 생성된 세션 ID URL에도 유용하여 새 페이지가 아닌 원본 페이지에 대한 표준으로 표시되도록 합니다.
이 메타 태그가 유용한 또 다른 경우는 모바일 URL을 페이지에 연결할 때입니다. 모바일 페이지는 m으로 지정됩니다. 도메인 이름 앞에 . 모바일 코드에 표준 태그를 포함하면 모바일 페이지가 데스크톱 페이지와 동일하고 형식만 다를 뿐입니다.
표준 태그를 코드에 삽입하는 방법은 다음과 같습니다.
<link rel="canonical" href="http://example.com/" />
대체 텍스트 태그
대체 텍스트 태그는 페이지의 모든 이미지 주위에 포함하는 것이 중요합니다. 검색 엔진은 이미지를 읽을 수 없으므로 페이지에 있는 내용을 알기 위해 대체 텍스트가 필요합니다.
대체 텍스트 태그를 만들 때 게임의 목표는 간결하고 유익한 것입니다. 텍스트가 이미지에 대해 명확하고 정보를 제공하는지 확인하고 관련이 없거나 지나치게 주관적인 언어를 피하십시오(가능한 경우 형용사를 피하십시오). 대체 텍스트 태그는 50~55자 사이의 16단어 이하여야 합니다.
이미지 자체에 관해서는 가능한 한 원본을 사용하고 이미지의 품질을 저하시키지 않도록 하십시오. 이렇게 하면 페이지가 더 빨리 로드되고 검색 엔진이 만족할 수 있습니다.
대체 텍스트 태그를 작성하는 방법은 다음과 같습니다.
<img src=”http://example.com/abc.jpg” alt=”abc” />
로봇 메타 태그
이 메타 태그는 인덱싱을 위해 수천 개의 웹 페이지를 선별하도록 설계된 봇인 웹 크롤러를 대상으로 합니다. 가장 일반적인 유형의 웹 크롤러는 검색 엔진에서 사용하므로 웹 검색에 페이지를 표시하려면 로봇 메타 태그를 포함해야 합니다.
웹 크롤러를 명령하는 로봇 메타 태그에는 두 가지 주요 요소가 있습니다. FOLLOW는 크롤러에게 지정된 페이지의 모든 링크를 따르도록 지시하고 INDEX는 크롤러에게 해당 페이지를 인덱싱하도록 명령합니다.
명령은 다음과 같습니다.
<메타 이름=”로봇” 콘텐츠=”인덱스, 팔로우”>
웹 크롤러가 색인을 생성하거나 팔로우하기를 원하지 않는 페이지가 있는 경우 위의 명령인 NOFOLLOW 및 NOINDEX를 무효화할 수 있습니다. 기능은 같지만 반대입니다. Google은 조작을 피하기 위해 링크 관행을 엄격하게 단속하는 것으로 잘 알려져 있으므로 이러한 기능은 검색 엔진의 순위 페널티를 피하는 데 유용합니다. 예를 들어 NOFOLLOW를 유료 또는 후원 링크, 신뢰할 수 없는 콘텐츠 또는 스팸 위험 콘텐츠로 설정할 수 있습니다.
뷰포트
반응형 디자인 메타 태그라고도 하는 뷰포트 요소는 모바일 장치에서 웹 페이지의 레이아웃을 제어할 수 있습니다. 모바일 웹서핑 이전에는 모든 페이지가 데스크탑이나 노트북의 표준 크기에 맞게 설계되었습니다. 이제 점점 더 많은 사용자가 대부분의 웹 사용에 모바일 장치를 사용하므로 이러한 사용자를 위해 페이지를 설정하는 것이 중요합니다.
요소의 기본 구조는 다음과 같습니다.
<메타 이름=”뷰포트” 콘텐츠=”width=device-width,initial-scale=1.0″>
여기서 가장 중요한 요소는 "width=device-width"입니다. 이렇게 하면 페이지의 화면 너비가 사용자가 어떤 장치에 있든 설정되어 이 태그를 여러 장치에 대한 훌륭한 포괄 솔루션으로 만듭니다.
뷰포트는 SEO 성능과 직접적인 관련이 없지만 UI 경험에 영향을 미치므로 사용자 유지에 중요한 요소입니다. 모바일에서 잘 작동하지 않는 웹사이트는 수백만 명의 사용자가 피하게 될 것이며, 귀하의 브랜드는 구식 관행 및 조잡한 인터페이스와 연관될 수 있습니다. 확실히 원하는 것은 아닙니다.
그래프 열기
Open Graph는 귀하의 페이지를 잠재고객 지원의 또 다른 주요 측면인 소셜 미디어와 통합하도록 설계되었습니다. 이 태그는 소셜 미디어 표시를 위해 Viewport가 장치 표시를 위해 하는 일과 Title 태그가 SEO를 위해 하는 일을 표시합니다. 콘텐츠가 잘 표시되고 소셜 미디어에서 높은 순위를 차지하도록 합니다.
이것은 매우 조밀한 태그입니다. 다음은 몇 가지 예입니다.
<메타 속성=”og:type” 콘텐츠=”기사” />
<meta property=”og:title” content=”페이지 또는 게시물의 제목입니다.” />
<meta property=”og:description” content=”이것은 귀하의 페이지 내용에 대한 설명입니다.” />
<meta property=”og:image” content=”이미지에 대한 링크입니다.” />
<메타 속성=”og:url” 콘텐츠=”PERMALINK” />
<meta property=”og:site_name” content=”웹사이트 이름입니다.” />
"이것은 일반적인 SEO 태그와 약간 다르지만 잠재고객 성장 전략에 많은 가치를 추가합니다. Tumblr는 2012년에 이를 활용하여 클릭률이 250% 증가했습니다."
솔란게 우하라
SEO 전문가, 1Day2Write 및 Nextcoursework
결론
메타 태그는 웹 페이지를 구축하는 데 있어 항상 필수 요소이며, 적어도 현재로서는 좋은 SEO 성능의 핵심입니다. 위의 태그는 인터넷 전체에서 디자이너에 의해 사용자 경험 및 검색 엔진 순위에 가장 중요한 것으로 간주되므로 구현에 시간을 낭비하지 않을 것이라고 말하는 것이 안전합니다.
다른 태그와 관련하여 달성하려는 목표와 시간을 할애할 가치가 있는지 잠시 생각해 보십시오. 웹 사이트 디자인은 단거리 경주가 아니라 마라톤이므로 속도를 조절하고 작업이 항상 사이트의 긍정적인 성장을 위해 구축되고 있는지 확인하십시오.
SEO의 모든 것에 더 능숙해집니다. 필요에 맞는 SEO 소프트웨어를 찾고 적절한 SEO 전략, 메타 태그 등의 필수 구성 요소를 파악하십시오.