검색엔진 최적화(SEO), 가장 효율적인 방법은?

검색엔진 최적화(SEO)란?
검색엔진이 이해하기 쉽도록 홈페이지의 구조와 페이지를 개발해 검색 결과 상위에 노출될 수 있도록 하는 작업을 말합니다.

기본적인 작업 방식은 특정 검색어를 웹 페이지에 적절하게 배치하고 다른 웹 페이지에서 링크가 많이 연결되도록 하는 것입니다.

검색엔진에 알고리즘이?
SEO의 첫 단계는 구글, 네이버 등 타겟팅 하고 있는 검색엔진이 어떻게 동작하는지, 홈페이지 내 콘텐츠를 검색봇이 잘 인식해 수집해갈 수 있게 하려면 어떻게 구성해야 하는지를 알아야 합니다.

네이버의 경우, 블로그/카페/지식인 위주로 콘텐츠가 노출되기 때문에 독립적인 홈페이지에서 제공하는 콘텐츠로는 노출이 쉽지 않습니다. 즉, 동일한 내용의 콘텐츠라도 네이버 서비스 내에 자리잡은 콘텐츠가 네이버 밖 홈페이지에 위치한 콘텐츠보다 검색 결과 상위에 더 잘 노출된다는 것입니다.

반면, 구글은 홈페이지 관리자를 위한 ‘웹마스터’ 도구를 제공합니다. 이 도구를 통해 현재 구글 검색엔진이 자신의 홈페이지 콘텐츠를 어떻게 수집해가고 있는지, 각 페이지에 인덱싱이 잘 되고 있는지 등 다양한 정보를 확인할 수 있습니다.

=> 따라서 네이버와 구글 중 홈페이지를 어디에 더 중요하게 노출할 것인지 결정해, SEO를 최적화하는 것이 중요합니다.

[검색엔진최적화(SEO)로 구글 상위에 랭크되는 10가지 방법]
1. 문법에 맞는 HTML 작성하기
태그에는 사이트 제목을 기재하고, <div> 태그를 사용해 줄을 바꾸고, <strong>과 <em> 태그를 활용해 강조하고 싶은 키워드에 붙이는 등 적절한 HTML 소스로 홈페이지를 구성하는 것은 결과적으로 검색엔진에게도 이해하기 쉬운 웹 문서가 되고, 유사한 내용의 웹 문서가 있을 경우 상대적으로 이러한 문서의 순위가 높아집니다.<br><br>2. 구체적인 페이지 제목 만들기<br>HTML 문서의 헤더에 들어가는 페이지 제목(title)은 구체적이고 간결하게 구성해, 검색 결과 화면에서 텍스트가 잘리지 않도록 합니다.<br><br>– 유인 키워드 반복 삼가 (예) café, ca fe, 카페, 카 페<br>– 반복적이고 틀에 박힌 제목 삼가<br>– 제목의 시작이나 끝에 사이트 이름을 포함하고 나머지 제목은 하이픈( – ), 콜론( : ), 막대(ㅣ)<br><br>(예) 가비아 – 도메인등록, 도메인연장, 도메인이전, 도메인예약, 부가서비스<br><br>3. 메타 태그 활용하기<br>Google 등 메타 태그 <meta> 정보를 검색 알고리즘 평가 대상에서 제외하는 검색엔진이 증가한다지만,<br><br><meta name=”keywords” content = “키워드 1, 키워드 2″><br><meta name = “description” content = “페이지 내용을 정리한 소개 글(검색 결과 프리뷰로 나타나는 영역)”><br><br>의 정보는 검색엔진의 검색 결과에도 표시되고 있기 때문에 포함하는 것이 좋습니다.<br><br>[구글에서 추천하는 디스크립션(description) 작성법]<br>– 웹사이트 내 모든 페이지에 동일한 디스크립션(description)을 적용할 경우 효과적이지 않음<br>– 각 페이지의 내용을 전체적으로 요약해 서술한 내용을 넣는 것이 좋음<br>– 해당 페이지의 제목(title)과 중복되는 정보는 제외하는 것이 좋음<br>– 페이지가 많은 홈페이지의 경우, 최대한 잘 읽히고 스팸으로 구분되지 않게 구성해야 함<br>– 모든 페이지를 작성할 수 없는 상황이라면, 홈페이지 내 각 페이지에 우선순위를 두어 주요 페이지들만 작성하는 것을 추천<br><br>4. 이미지에 alt 속성 기재<br>alt 속성이란, alternative의 의미로 이미지가 로딩되지 못했을 때 대신 표시되는 텍스트입니다.<br><br>주로 홈페이지 내부에는 기업명/로고/배너/상품명/카피 등을 이미지로 표현하는데, 이 경우 반드시 <img> 태그에 alt 속성을 넣어 적절한 대체 텍스트를 기재해야 합니다. 이미지 속에 그려진 문자는 검색엔진에 의해 인식되지 않기 때문입니다.<br><br>alt 속성을 붙이면 HTML 코딩과 유용성 측면에서도 좋고, 시각장애인용 스크린리더가 사용될 때 이미지 대신 alt 속성 값을 읽어 대략 어떤 이미지인지 파악할 수 있도록 도움을 줍니다. 검색엔진 또한 이미지를 발견하면 alt 속성 안의 텍스트를 통해 인덱싱 작업을 하기 때문에 SEO에 좋습니다.<br><br>(예) <img src=그림이름/gif border=0 alt=“그림설명”><br>이미지에 마우스오버 했을 때, 풍선 도움말로도 활용할 수 있습니다.<br><br>5. 이미지 맵에 중요한 링크 사용 피하기<br>이미지 맵은 <map> 태그와 <area> 태그를 이용해 한 장의 사진에 여러 개의 링크를 설치하는 것입니다. 이미지 맵은 검색엔진이 링크를 따라 이동할 때 방해가 될 수 있으므로, 중요한 링크 설치는 피합니다.<br><br>(예) 여러 카테고리나 메뉴를 하나의 큰 이미지에 들어가게 만들어 놓고, 각 부분을 클릭하면 해당 페이지로 이동하도록 만든 사이트<br><br>6. 플래시 전용 페이지 피하기<br>현재, 대부분의 검색엔진은 Flash 애니메이션의 텍스트를 수집할 수 없으며, 그 링크 또한 사용할 수 없습니다.<br><br>예를 들어, 홈페이지에 Flash만 놓고 HTML 소스에 <a> 태그를 코딩해 작성하지 않는 경우, 검색 로봇은 앞 뒤 페이지로 이동할 수 없어 검색엔진 데이터베이스에 수집되지 않습니다.<br>결과적으로 해당 홈페이지는 검색 결과에 잘 나타나지 않게 됩니다.<br><br>7. anchor 태그를 활용한 적절한 키워드 배치<br>키워드가 본문에 기술되어 있지 않은 홈페이지는 검색 결과에 랭크되기 어렵습니다.<br>구글의 경우, ‘앵커 텍스트’ 링크로 해당 페이지에 키워드가 포함되어 있는지 체크하기도 합니다.<br><br>앵커 텍스트란, 홈페이지에 삽입되는 링크 위에 있는 설명 문구(text)를 의미합니다.<br>앵커 태그란, 서로 다른 페이지 사이를 이동하거나 페이지 내부에서 특정한 위치로 이동할 때 사용합니다.<br><br>(예)<br><a href=“https://www.gabia.com”>가비아 바로가기</a><br><a href=“http://library.gabia.com/contents/infrahosting/3864”>가상서버와 물리서버 상세 비교하기</a><br><br>위의 HTML 구성은 Anchor 태그로 구성한 내용입니다.<br>여기서 앵커텍스트는 ‘가비아 바로가기’ 와 ‘가상서버와 물리서버 상세 비교하기’입니다.<br>이렇게 주요한 키워드를 앵커태그 및 앵커텍스트로 삽입하면 SEO에 도움이 됩니다.<br><br>8. 여러 개의 페이지로 나누어진 콘텐츠 검색 최적화 – 시리즈/연재<br>시리즈 및 연재 등과 같이 한 주제로 글이 길어질 경우, 동일 제목을 가진 콘텐츠를 여러 페이지로 나누어 만들게 됩니다. 이때 해당 페이지를 검색엔진에게 잘 알리기 위해 다음과 같은 방법을 사용합니다. 워드프레스와 같은 블로그형 홈페이지나, 그누보드/제로보드와 같은 게시판 형태에서 유용하게 쓰일 수 있습니다.<br><br>1) 전체보기 페이지를 만들어 제공<br>: 각각의 나누어진 페이지에 rel=”canonical” 링크를 삽입해 전체보기 페이지를 표시합니다.<br><br>(예) 3개의 연재 페이지가 있다고 가정 http://library.gabia.com/contents/infrahosting/3864<br>http://library.gabia.com/contents/infrahosting/3915<br>https://event.gabia.com/h_event_160616<br><br>위의 태그를 각각의 연재 페이지에 삽입하면, 사용자 입장에서는 구글 검색 후 어떤 url로 접속하든 전체 페이지인 http://library.gabia.com/infrahosting_3 페이지로 접근하게 됩니다.<br><br>2) rel=”next” 및 rel=”prev” 링크로 연재글 사이의 순서를 알림: Google에서는 해당 페이지를 논리적 순서로 처리하여 <a href="https://louisy2wog.thechapblog.com/7890016/검색엔진-최적화-seo-가장-효율적인-방법은">website</a> 페이지의 링크 속성을 통합하고 검색자에게 주로 첫 번째 페이지를 표시해 줍니다.<br><br>9. 모든 페이지가 유입 페이지가 되도록 사이트 구성<br>사용자가 꼭 홈페이지의 메인 페이지만 방문하는 것은 아닙니다. 가령, Google에서 키워드나 내용으로 검색하면, 검색 결과에는 원하는 정보가 있는 콘텐츠 페이지가 나타나고, 클릭하면 해당 페이지로 유입됩니다.<br><br>홈페이지 내 어떤 페이지로 방문이 유입될지 모르기 때문에 모든 페이지에는 메인 페이지로 이동할 수 있는 링크를 설치해 전체 사이트의 ‘동선’을 개선하는 것이 무엇보다 중요합니다. 이것이 곧 사용자 편의성과도 연결되는 것입니다.<br><br>10. HTTPS 사용 권장<br>동일사이트라면 http로 서비스 하는 것보다, https로 서비스 할 경우 구글 검색엔진에서 전체 점수의 약 1% 정도에 해당하는 랭킹 가산점을 부여합니다. <footer class="entry-meta"> </footer> </div> </article> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title" style="margin-top:50px">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/index.php/2015/10/12/choosing-the-right-television-for-the-home/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="#" method="post" id="commentform" class="comment-form" novalidate> <p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> Required fields are marked <span class="required">*</span></p> <p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" aria-required='true' required='required' /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" aria-describedby="email-notes" aria-required='true' required='required' /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" /></p> <p class="comment-form-comment"><label for="comment">Comment</label> <textarea id="comment" name="comment" cols="45" rows="8" aria-required="true" required></textarea></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='4' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p> </form> </div> </div> </main> </div>  <div id="secondary" class="widget-area col-md-4" role="complementary"> <aside id="search-2" class="widget clearfix widget_search" style="dis"><form role="search" method="get" class="search-form form-inline" action="#"> <div class="form-group"> <label> <span class="screen-reader-text sr-only">Search for:</span> <input type="search" class="search-field form-control" placeholder="Search …" value="" name="s"> </label> <input type="submit" class="search-submit btn btn-primary" value="Search"> </div> </form> </aside> <aside id="recent-posts-2" class="widget clearfix widget_recent_entries"> <h2 class="widget-title">Links</h2> <ul> <li><a href="https://suomiblog.com/signup">Create a free blog</a></li> <li><a href="/">Blog Homepage</a></li> <li><a href="https://suomiblog.com">Homepage</a></li> </ul> </aside> <aside id="recent-comments-2" class="widget clearfix widget_recent_comments"> <h2 class="widget-title">Hits</h2> <ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><b>1,015</b> Visitors at this page</li></ul></aside><aside id="archives-2" class="widget clearfix widget_archive"><h2 class="widget-title">Archives</h2><ul> <li><a href='/'>April 2024</a></li> </ul> </aside> <aside id="categories-2" class="widget clearfix widget_categories"> <h2 class="widget-title">Categories</h2> <ul><li class="cat-item cat-item-1"><a href="#" >Uncategorized</a></li></ul> </aside> <aside id="meta-2" class="widget clearfix widget_meta"> <h2 class="widget-title">Meta</h2> <ul> <li><a href="https://suomiblog.com/login">Log in</a></li> <li><a href="/blog1/rss.php"><abbr title="Really Simple Syndication">RSS</abbr></a></li> <li><a href="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li> </ul> </aside> </div> </div> </div> </div> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="sidebar-footer clearfix" style="padding:2px; "> </div> <div class="after-footer"> <div class="container"> <div class="footer-nav-menu pull-left"> <nav id="footer-navigation" class="secondary-navigation" role="navigation"> <h1 class="menu-toggle sr-only">Footer Menu</h1> <div class="sample-menu-footer-container"> <ul id="sample-menu-footer" class="list-inline dividers"> <li id="menu-item-sample-1" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-sample-1"><a class="smoothscroll" title="Back to top of page" href="#page"><span class="fa fa-angle-up"></span> Top</a></li> <li id="menu-item-sample-2" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-sample-2"><a title="Home" href="/">Home</a></li> </ul> </div> </nav> </div> <div id="site-credits" class="site-credits pull-right"> <span class="credits-copyright">© 2024 <a href="https://suomiblog.com" rel="home">suomiblog.com</a>. <span style="display: none;"><a href="https://suomiblog.com/forum">forum</a></span> </span><span class="credits-theme">Theme by <a href="#" rel="profile" target="_blank">XtremelySocial and Blacktie</a>.</span> </div> </div> </div> <span style="display:none"><a href="https://suomiblog.com/latest?1">1</a><a href="https://suomiblog.com/latest?2">2</a><a href="https://suomiblog.com/latest?3">3</a><a href="https://suomiblog.com/latest?4">4</a><a href="https://suomiblog.com/latest?5">5</a></span> </footer> </div> </body> </html>