SEO 최적화 하는 방법 (1) - HTML Tag
Introduction
SEO 최적화는 검색 엔진 최적화(Search Engine Optimization)의 약자로, 검색 엔진에서 웹사이트가 상위에 노출될 수 있도록 하는 작업입니다. 이번 블로그에서는 SEO 최적화하는 방법 중 첫 번째로 HTML Tag에 대해 알아보겠습니다.
HTML Tag
HTML Tag는 웹 페이지를 구성하는 요소들로, 검색 엔진에서 웹사이트의 구조와 내용을 이해하기 위해 중요한 역할을 합니다. HTML Tag는 SEO 최적화에서 중요한 역할을 하는데, 특히
태그와 <meta> 태그가 중요합니다.</p>
<h3><title> 태그</h3>
<title> 태그는 웹 페이지의 제목을 나타내는 태그입니다. 검색 엔진은 이 태그를 통해 웹 페이지의 주제와 내용을 파악하게 됩니다. 따라서, <title> 태그는 각각의 웹 페이지마다 고유한 제목을 가지도록 설정해야 합니다. 또한, <title> 태그의 길이는 70자 이내로 유지해야 합니다.
<h3><meta> 태그</h3>
<meta> 태그는 웹 페이지의 정보를 제공하는 태그입니다. 검색 엔진은 이 태그를 통해 웹 페이지의 키워드, 설명, 저자 등의 정보를 파악하게 됩니다. 따라서, <meta> 태그를 이용해 웹 페이지의 정보를 정확하고 명확하게 제공해야 합니다. 또한, <meta> 태그의 길이는 160자 이내로 유지해야 합니다.
<h2>Conclusion</h2>
<p>HTML Tag는 웹 페이지의 구조와 내용을 검색 엔진이 이해할 수 있도록 도와주는 중요한 역할을 합니다. 특히, <title> 태그와 <meta> 태그는 SEO 최적화에서 중요한 역할을 하므로, 이 태그들을 적절하게 구성하는 것이 검색 엔진에서 상위 노출되는 웹 페이지를 만드는 데 큰 도움이 됩니다.</p></div>
<!-- System - START -->
<div class="revenue_unit_wrap">
<div class="revenue_unit_item adsense responsive">
<div class="revenue_unit_info">반응형</div>
<script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async="async"></script>
<ins class="adsbygoogle" style="display: block;" data-ad-host="ca-host-pub-9691043933427338" data-ad-client="ca-pub-9486850272416310" data-ad-format="auto"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
</div>
<!-- System - END -->
<script onerror="changeAdsenseToNaverAd()" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9527582522912841" crossorigin="anonymous"></script>
<!-- inventory -->
<ins class="adsbygoogle" style="margin:50px 0; display:block;" data-ad-client="ca-pub-9527582522912841" data-ad-slot="4947159016" data-ad-format="auto" data-full-width-responsive="true" data-ad-type="inventory" data-ad-adfit-unit="DAN-HCZEy0KQLPMGnGuC"></ins>
<script id="adsense_script">
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script>
if(window.observeAdsenseUnfilledState !== undefined){ observeAdsenseUnfilledState(); }
</script>
<div data-tistory-react-app="NaverAd"></div>
<div class="container_postbtn #post_button_group">
<div class="postbtn_like"><script>window.ReactionButtonType = 'reaction';
window.ReactionApiUrl = '//fredkeem.tistory.com/reaction';
window.ReactionReqBody = {
entryId: 18
}</script>
<div class="wrap_btn" id="reaction-18" data-tistory-react-app="Reaction"></div><div class="wrap_btn wrap_btn_share"><button type="button" class="btn_post sns_btn btn_share" aria-expanded="false" data-thumbnail-url="https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbiTzK6%2Fbtr9V9guG9G%2FAAAAAAAAAAAAAAAAAAAAACH0FKHbfKOx9Nx8bPOBOiEZOW77-qqRHoKKNfK5Bcjw%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1761922799%26allow_ip%3D%26allow_referer%3D%26signature%3DaTtOPJ7PTJW82Ae%252Fexe8nFIpDbY%253D" data-title="SEO 최적화 하는 방법 (1) - HTML Tag" data-description="SEO 최적화 하는 방법 (1) - HTML Tag Introduction SEO 최적화는 검색 엔진 최적화(Search Engine Optimization)의 약자로, 검색 엔진에서 웹사이트가 상위에 노출될 수 있도록 하는 작업입니다. 이번 블로그에서는 SEO 최적화하는 방법 중 첫 번째로 HTML Tag에 대해 알아보겠습니다. HTML Tag HTML Tag는 웹 페이지를 구성하는 요소들로, 검색 엔진에서 웹사이트의 구조와 내용을 이해하기 위해 중요한 역할을 합니다. HTML Tag는 SEO 최적화에서 중요한 역할을 하는데, 특히 태그와 태그가 중요합니다. 태그 태그는 웹 페이지의 제목을 나타내는 태그입니다. 검색 엔진은 이 태그를 통해 웹 페이지의 주제와 내용을 파악하게 됩니다. 따라서, 태그는 각.." data-profile-image="https://t1.daumcdn.net/tistory_admin/static/manage/images/r3/default_L.png" data-profile-name="좌충우돌 프레드" data-pc-url="https://fredkeem.tistory.com/18" data-relative-pc-url="/18" data-blog-title="fredkeemhaus"><span class="ico_postbtn ico_share">공유하기</span></button>
<div class="layer_post" id="tistorySnsLayer"></div>
</div><div class="wrap_btn wrap_btn_etc" data-entry-id="18" data-entry-visibility="public" data-category-visibility="public"><button type="button" class="btn_post btn_etc2" aria-expanded="false"><span class="ico_postbtn ico_etc">게시글 관리</span></button>
<div class="layer_post" id="tistoryEtcLayer"></div>
</div></div>
<button type="button" class="btn_menu_toolbar btn_subscription #subscribe" data-blog-id="6280509" data-url="https://fredkeem.tistory.com/18" data-device="web_pc" data-tiara-action-name="구독 버튼_클릭"><em class="txt_state"></em><strong class="txt_tool_id">fredkeemhaus</strong><span class="img_common_tistory ico_check_type1"></span></button> <div data-tistory-react-app="SupportButton"></div>
</div>
<!-- PostListinCategory - START -->
<!-- PostListinCategory - END -->
</div>
<div class="comments">
<h2>댓글<span class="count"></span></h2>
<div data-tistory-react-app="Namecard"></div>
</div>
</div>
</article>
<aside id="aside" class="sidebar">
<div class="sidebar-1">
<div class="revenue_unit_wrap">
<div class="revenue_unit_item adsense responsive">
<div class="revenue_unit_info">반응형</div>
<script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async="async"></script>
<ins class="adsbygoogle" style="display: block;" data-ad-host="ca-host-pub-9691043933427338" data-ad-client="ca-pub-9486850272416310" data-ad-format="auto"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
</div>
<!-- 카테고리 -->
<nav class="category">
<ul class="tt_category"><li class=""><a href="/category" class="link_tit"> 분류 전체보기 </a>
<ul class="category_list"><li class=""><a href="/category/%EA%B0%9C%EB%B0%9C" class="link_item"> 개발 </a>
<ul class="sub_category_list"><li class=""><a href="/category/%EA%B0%9C%EB%B0%9C/ESLint" class="link_sub_item"> ESLint </a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="sidebar-2">
<!-- 공지사항 -->
<div class="notice">
<h2>공지사항</h2>
<ul>
</ul>
</div>
<!-- 최근글/인기글 -->
<div class="post-list tab-ui">
<div id="recent" class="tab-list">
<h2>최근글</h2>
<ul>
</ul>
</div>
<div id="popular" class="tab-list">
<h2>인기글</h2>
<ul>
</ul>
</div>
</div>
<!-- 최근댓글 -->
<div class="recent-comment">
<h2>최근댓글</h2>
<ul>
</ul>
</div>
<!-- Facebook/Twitter -->
<div class="social-list tab-ui">
</div>
<!-- 태그 -->
<div class="tags">
<h2>태그</h2>
<a href="/tag/react">react</a>
<a href="/tag/Recoil">Recoil</a>
<a href="/tag/meta">meta</a>
<a href="/tag/framework">framework</a>
<a href="/tag/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C">프론트엔드</a>
<a href="/tag/ExpressJS">ExpressJS</a>
<a href="/tag/%EB%A6%AC%EC%95%A1%ED%8A%B8">리액트</a>
<a href="/tag/%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC">프레임워크</a>
<a href="/tag/consistent-return">consistent-return</a>
<a href="/tag/%EB%B0%B1%EC%97%94%EB%93%9C">백엔드</a>
<a href="/tag/eslint">eslint</a>
<a href="/tag/seo">seo</a>
<a href="/tag/nodejs">nodejs</a>
<a href="/tag/typescript">typescript</a>
<a href="/tag/yarn">yarn</a>
<a href="/tag/redux">redux</a>
<a href="/tag/%EA%B0%9C%EB%B0%9C%EC%9E%90">개발자</a>
<a href="/tag/TODO">TODO</a>
<a href="/tag/front-end">front-end</a>
<a href="/tag/airbnb">airbnb</a>
<a href="/tag/html">html</a>
<a href="/tag/no-continue">no-continue</a>
<a href="/tag/%EA%B2%80%EC%83%89%EC%98%B5%EC%85%98%EC%B5%9C%EC%A0%81%ED%99%94">검색옵션최적화</a>
<a href="/tag/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8">자바스크립트</a>
<a href="/tag/AWS">AWS</a>
<a href="/tag/nextjs">nextjs</a>
<a href="/tag/lines-between-class-members">lines-between-class-members</a>
<a href="/tag/amazon%20web%20service">amazon web service</a>
<a href="/tag/javascript">javascript</a>
<a href="/tag/SonarQube">SonarQube</a>
</div>
<!-- 전체 방문자 -->
<div class="count">
<h2>전체 방문자</h2>
<p class="total"></p>
<p>Today : </p>
<p>Yesterday : </p>
</div>
<!-- 소셜 채널 -->
<div class="social-channel">
<ul>
</ul>
</div>
</div>
</aside>
</div>
</section>
<hr>
<footer id="footer">
<div class="inner">
<div class="order-menu">
</div>
<a href="#" class="page-top">TOP</a>
<p class="meta">Designed by 티스토리</p>
<p class="copyright">© Kakao Corp.</p>
</div>
</footer>
</div>
<script src="https://tistory1.daumcdn.net/tistory/6280509/skin/images/script.js?_version_=1681712566"></script>
<div class="#menubar menu_toolbar ">
<h2 class="screen_out">티스토리툴바</h2>
</div>
<div class="#menubar menu_toolbar "></div>
<div class="layer_tooltip">
<div class="inner_layer_tooltip">
<p class="desc_g"></p>
</div>
</div>
<div id="editEntry" style="position:absolute;width:1px;height:1px;left:-100px;top:-100px"></div>
<!-- DragSearchHandler - START -->
<script src="//search1.daumcdn.net/search/statics/common/js/g/search_dragselection.min.js"></script>
<!-- DragSearchHandler - END -->
<!-- SyntaxHighlight - START -->
<link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/styles/atom-one-light.min.css" rel="stylesheet"/><script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/delphi.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/php.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/python.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/r.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/ruby.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/scala.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/shell.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/sql.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/swift.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/typescript.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.3/languages/vbnet.min.js" defer></script>
<script>hljs.initHighlightingOnLoad();</script>
<!-- SyntaxHighlight - END -->
<div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-ef8d8f510e305c9e506fd0279896d34620405520/static/script/common.js"></script>
<script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script>
<script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script>
<script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"6280509-18","customProps":{"userId":"0","blogId":"6280509","entryId":"18","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"18","entryTitle":"SEO 최적화 하는 방법 (1) - HTML Tag","entryType":"POST","categoryName":"카테고리 없음","categoryId":"0","serviceCategoryName":null,"serviceCategoryId":null,"author":"3759216","authorNickname":"좌충우돌 프레드","blogNmae":"fredkeemhaus","image":"kage@biTzK6/btr9V9guG9G/wbEGka0Gbb3BVtv75hKzrk","plink":"/18","tags":["html","meta","meta tag","seo","검색옵션최적화"]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null"}</script>
<script type="module" src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/index.js"></script>
<script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/polyfills-legacy.js" nomodule="true" defer="true"></script>
<script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/index-legacy.js" nomodule="true" defer="true"></script>
</body>
</html>