효과적인 태그 사용법 및 검색 최적화와 사용자 편의성 높이기

태그의 역할

블로그에서 태그는 콘텐츠를 분류하고 사용자 및 검색 엔진이 정보를 찾도록 돕습니다. 태그 사용법 과 태그 사용 시 고려해야 할 사항에 대해서 알아봅니다. 태그는 링크 형태로 제공되어야 하며, 태그 사용은 검색 최적화에 직접적인 영향을 미치지 않지만, 검색 엔진이 콘텐츠의 주제를 이해하는 데 도움이 됩니다. 그러나 태그 페이지에 중복 콘텐츠가 있거나 동일 태그가 여러 콘텐츠에 적용될 경우, 검색 결과에서 콘텐츠 간 경쟁이 발생할 수 있습니다. 태그는 일관되게 사용하고, 카테고리와 구분하여 사용하는 것이 좋습니다.

블로그에서 콘텐츠를 제작할 때 태그를 많이 사용합니다. 과거에는 글 첫머리에 태그로 도배를 했던 시절도 있었습니다. 그러나 지금은 검색 엔진의 발전으로 과거의 방식은 오히려 역효과가 발생할수있습니다. 그러면 태그를 어떤 식으로 사용하는 것이 좋을지 자료를 정리합니다.

태그 사용법 및 고려할 사항

1. 태그 형태와 설정 방법
2. 태그의 긍정적 측면
3. 태그의 부정적 측면
4. 태그 사용 방법
5. 태그 사용시 고려 사항

태그 형태와 설정방법

태그는 웹 페이지나 블로그에서 콘텐츠를 분류하고, 사용자와 검색 엔진이 콘텐츠를 쉽게 찾을 수 있도록 도와주는 중요한 요소입니다. 태그는 링크를 포함하고 있고 링크를 통해서 태그 페이지로 이동이 가능합니다.

아래와 같이 링크가 포함되지 않은 "#검색엔진최적화"라는 글자는 태그가 아니고 일반 텍스트로 인식합니다. 반대로 링크가 포함된 태그 형태를 갖춘 문구는 태그로 인식하고 검색 엔진뿐만 아니라 사용자도 관련 태그 페이지로 이동이 가능합니다.

태그는 입력 방식의 차이가 있습니다.

주로 #과 글자를 입력하게 되면 태그를 형성하는 방식과 별도로 태그 입력란을 운영하는 방식입니다. 태그인지 아닌지를 알 수 있는 방법은 간단합니다. 클릭이 가능해서 다른 페이지로 이동이 가능한지 여부입니다. 검색 엔진도 동일한 방식으로 태그 여부를 판단합니다. 링크가 아닌 태그는 그냥 텍스트로 인식합니다.

✔ 참고!

태그는 주로 검색의 효율성과 사용자 편리성을 높이기 위한 도구입니다. 태그를 사용함으로써 사용자는 관련 콘텐츠를 쉽게 찾을 수 있으며, 사이트 내 탐색이 보다 원활해집니다. 그러나 태그 자체가 현재는 검색 최적화(SEO)나 검색 노출에 직접적으로 큰 영향을 미치는 요소는 아닙니다.

태그 설정 방식

태그의 긍정적 측면

1. 적절한 태그 사용은 검색 엔진이 페이지의 주제를 이해하고, 관련 검색어에 대해 노출될 수 있습니다.
2. 태그는 사용자에게 관련 콘텐츠를 제공하여 사이트 내비게이션을 역할을 합니다. 관심 있는 주제에 관련된 콘텐츠를 쉽게 찾을 수 있습니다.
3. 태그를 사용하면 콘텐츠를 효율적으로 분류하고 관리할 수 있습니다. 대량의 콘텐츠가 있는 경우, 더 효과가 있습니다.
4. 태그를 사용하여 관련 콘텐츠를 추천하면 사용자의 사이트 체류 시간이 늘어날 수 있습니다.

태그의 부정적 측면

그러나 이러한 긍정적 측면 뒤에 숨은 부정적인 문제가 있습니다.

1.태그 페이지에 동일 태그 콘텐츠가 1개만 존재할 때

만약 태그 페이지에 동일 태그를 지정한 콘텐츠가 1개만 존재할 때는 문제가 발생합니다. 태그 페이지와 원본 콘텐츠 페이지가 동일한 내용을 포함하고 있을 경우, 검색 엔진은 이를 중복 콘텐츠로 인식할 수 있습니다. 이는 검색 엔진 최적화에 부정적인 영향을 미칠 수 있습니다

2. 태그 페이지에 여러 개의 동일 태그 콘텐츠가 존재할 때

동일한 태그를 가진 여러 콘텐츠가 존재할 경우, 검색 엔진은 이들 콘텐츠 간의 우선순위를 결정하는 데 어려움을 겪을 수 있습니다. 이로 인해 검색 결과에서 콘텐츠 간 경쟁이 발생할 수 있습니다. 즉, 같은 태그가 지정된 콘텐츠 집합으로 우선순위 충돌이 발생하며, 내 콘텐츠가 서로 경쟁하는 상태가 됩니다

태그의 부정적 측면

태그 사용 방법

• HTML에서 #는 주로 앵커 링크의 ID를 지정할 때 사용되며, #검색 최적화와 같이 띄어쓰기가 포함된 ID는 사용되지 않습니다.
• 태그에 공백이 포함되면 웹에서 제대로 인식되지 않거나 잘못된 링크를 생성할 수 있습니다.

태그 사용시 고려 사항

• 태그를 사용하면서 일관성을 유지하는 것이 중요합니다. 같은 주제에 대해 여러 가지 태그를 사용하는 대신, 일관된 태그를 사용하는 것이 좋습니다.그리고 과도하게 사용하는것은 오히려 부정적인 요소가 됩니다.
• 태그와 카테고리를 적절히 구분하여 사용해야 합니다. 카테고리는 일반적으로 콘텐츠의 주요 분류를 나타내며, 태그는 세부 주제나 관련된 내용을 구체적으로 나타냅니다.

태그는 웹사이트나 블로그의 콘텐츠를 조직화하고, 사용자와 검색 엔진 모두에게 유용한 정보를 제공하는 중요한 도구입니다. 긍정적인 효과를 극대화하고 부정적인 효과를 최소화하기 위해 태그를 신중하게 사용한는 것이 중요합니다.

참고!

1. 관련글 코드 삭제

대신 플러그인 카테고리글더보기 사용 합니다.카테고리글 더보기는 글자 색상이 흐려서 최적화 문제 발생합니다. 불필요한 부분 삭제 글자색상 진하게 설정합니다. 카테고리 글 더보기는 깨끗하게 색인 됩니다.
HTML 에서 " related-articles " 검색해서 아래 코드를 삭제합니다.

Book Club 스킨 기준

<div class="related-articles">
<h2>관련글</h2>
<ul>
<s_article_related_rep>
<li>
<a href="">
<figure>
<s_article_related_rep_thumbnail>
<img loading="lazy"
src="//i1.daumcdn.net/thumb/C176x120.fwebp.q85/?fname="
alt="">
</s_article_related_rep_thumbnail>
</figure>
<span class="title"></span>
</a>
</li>
</s_article_related_rep>
</ul>
</div>

2. 카테고리 글 더보기 플로그인 CSS 수정 방법.

아래 코드는 Book Club 스킨 기준입니다.CSS 맨 하단에 넣어주시면 됩니다.

CSS 코드

카테고리글더보기 제목 삭제 h4태그 사용해서 삭제합니다.
#content .another_category h4 {
      display: none;
}

불필요한 댓글은 접근성 문제로 삭제합니다.
.another_category th span {
    display:none;
}

글 제목은 진한 색상으로 변경합니다.
#article-view table td {
    color:#222 !important;
}

3. 태그 사용 안함.

글 페이지의 태그만 간단하게 사용하고 그외 태그를 사용하지 않습니다.