본문 바로가기

검색엔진최적화(SEO)/테크니컬 SEO

다국어지원 문자인코딩(Character Set) UTF8 정의 : Character Set은 웹페이지가 작성된 언어, Input Encoding은 웹페이지 자체 파일의 인코딩 방식입니다.다국어 지원을 위해서는 두 방식 모두 UTF8로 지정이 되어 있어야 합니다. Character Set & Input Encoding 이해하기 Character Set의 인코딩 타입과 실제 Input Encoding 타입을 비교하여 같은지 체크합니다.모든 웹 문서에서는 어떤 언어로 보여줄건지 언어형식을 설정해주어야 합니다.Character Set을 정확히 설정하지 않으면 글자가 깨지기 때문에 적절한 언어형식 사용이 중요합니다.HTML문서에서 언어타입을 정했어도, 파일의 인코딩 타입이 다르면 깨져서 노출되기 때문에 Character Set의 인코딩 타입과 실제 Input Encod..
검색엔진 최적화(seo) NO FOLLOW(링크된 웹페이지 참조 금지) 정의 : 웹페이지 내 삽입된 링크에 대해 「이 링크는 연관된 웹페이지가 아니므로 크롤링* 시 참고하지 마세요」라고 검색엔진에게 알려주는 것입니다. No Follow 이해하기 No follow속성은 웹페이지 단위로 사용되기도 하고, 웹페이지 내 링크에 대한 크롤링*을 하지 말라는 역할로 사용됩니다.웹페이지 단위로 사용될 경우 해당 웹페이지를 검색엔진에 노출하지 말라고 지시하는 역할로 사용됩니다. 웹페이지 내 링크에 대해 속성을 사용해야 하는 이유는 링크를 통해 연결된 웹페이지의 분석 결과와 웹페이지 분석 결과가 합산되어 검색엔진 사이트 노출 순위에 영향을 미치기 때문입니다. 웹페이지 내 링크에 대해 No follow 속성을 사용하는 경우는 다음과 같습니다.1. 신뢰 할 수 없는 웹페이지로 연결: 게시판의 ..
검색엔진 최적화(seo) HTML DOCTYPE(웹페이지 선언문) 정의 : HTML 4개, XHTML 4개 중 어떤 버전으로 작성되었는지 선언합니다.HTML DocType 이해하기 doctype은 Document Type의 줄임말입니다.HTML은 버전별로 지원하는 태그의 사용이나 출력에서 미묘한 차이가 발생하기 때문에, 어떤 버전으로 작성되었는지 미리 선언을 하여 “웹브라우저가 내용을 올바르게 표시”할 수 있도록 해줍니다.선언하지 않을 경우 브라우저가 임의로 지정하게 되어 원치 않은 결과가 발생 할 수도 있습니다. SEO Friend의 등급체크 SEO 등급 설명 Good 버전별로 선언문을 바르게 사용 Bad 선언문을 바르게 사용하지 않음 Doctype 버전별 선언 Doctype 선언은 HTML5, HTML4.0, XHTML1.0, XHTML1.1 버전에 따라 선언 방식..
메타태그(meta tags) expires 속성(property) 정의 : 웹페이지의 메타 태그 캐쉬 속성 설정을 통해 페이지 속도를 최적화 합니다. 메타 태그 expires 속성 이해하기 메타태그는 웹페이지(Web page)의 처음으로 읽어들이는 부분으로 상당히 중요함으로 웹페이지나 블로그에 올바른 메타태그 적용이 필요합니다. 메타 태그의 종류는 속성에 따라 다양한 기능을 제공하는 데 그 중 expires 속성은 브라우저 캐쉬를 핸들링 하는 속성입니다. 즉, 캐쉬의 완료 즉 파기 시간을 정의 한다. 캐쉬의 파기를 위한 속성으로는 Expires 외에 아래와 같은 다양한 방법이 있습니다. 보통 개발 시에는 캐쉬가 있으면 수정사항이 반영이 안되기 때문에 캐쉬를 없애는 것을 중요하게 생각을 하는데 서비스가 안정화 된 운영 시에는 캐쉬를 지정하여 페이지 속도를 최적화 하는 것..
Link Favicon Meta Tags(브라우저 URL 아이콘) 정의 : 브라우저(웹사이트)의 URL 앞에 나타나는 아이콘으로, 대표하는 로고(Logo)의 개념입니다. Link Favicon 이해하기 “웹사이트를 대표하는 아이콘”이며, 사용자가 즐겨찾기 목록에서 아이콘으로 쉽게 찾을 수 있습니다.이전에는 즐겨찾기된 URL에만 표시되었는데, 현대에서는 Favicon이 사용자 친화적인 것으로 여겨집니다. SEO(검색엔진최적화)를 위한 파비콘의 용도는 다양합니다. 1. 브랜드 인지도Favicon은 웹사이트의 브랜딩 및 성격을 나타냅니다.사용자가 웹사이트를 인지하고 기억하는데 도움이 될 것입니다. 2. 사이트 신뢰성Favicon이 없으면 웹브라우저는 브라우저 탭에 기본 빈 문서를 표시합니다.만약 Favicon이 있는 경쟁사이트와 비교하였을 경우 사용자는 자연스레 Favico..
구글(Google).네이버(Naver) 애널리틱스(Analytics) 웹사이트 분석 도구 정의 : Google과 Naver의 웹사이트 분석 도구입니다.Google, Naver Analytics 이해하기 웹사이트가 Google Analytics 및 Naver Analytics와 연결되어 있는지 체크합니다.사이트 트래픽 및 통계에 대한 관리를 제공하는 유용한 웹사이트 분석 도구입니다. Google Analytics 및 Naver Analytics와 연결 시 사이트맵, 웹페이지를 등록하면 검색에 잘 수집되도록 합니다. SEO Friend의 등급체크 SEO 등급 설명 Good Google Analytics 및 Naver Analytics 중 1개 이상 연결되어있음 Bad Google Analytics 및 Naver Analytics 둘다 연결되있지 않음 Google Analytics 예시 Googl..
HTML5 미지원 태그 <center>, <color>, <dir>, <font>, <frame> 등 정의 : 가장 최신버전인 HTML5 에서 지원하지 않는 태그를 말합니다.HTML5 미지원 태그 이해하기HTML5는 2014년 10월 28일부터 사용된 현재 최신버전으로, 가장 많이 이용하고 있습니다. 지원하지 않는 태그를 계속 사용할 경우 브라우저가 지원을 하지 않아 “웹페이지가 잘못 표시”될 수 있습니다.그렇다면 방문자가 아무리 많이 접속해도 컨텐츠를 확인할 수 없기 때문에 매우 중요한 체크사항입니다! 다음은 HTML5 미지원 태그 종류입니다., , , , , , ,
, , , , , , , <strike>, ..</span> </a> </div> <div class="post-item"> <a href="/entry/%EA%B2%80%EC%83%89%EC%97%94%EC%A7%84-%EC%B5%9C%EC%A0%81%ED%99%94SEO-%EC%9D%B8%EB%9D%BC%EC%9D%B8Inline-CSS?category=1035782"> <span class="thum"> </span> <span class="title">검색엔진 최적화(SEO) 인라인(Inline) CSS</span> <span class="excerpt">정의 : 웹페이지 내 적용하고 싶은 스타일을 HTML태그 안에 개별로 속성을 적용하여 사용하는 것을 의미합니다.인라인(Inline) CSS 이해하기인라인 CSS는 <p style='background-color:#000000; color:#eeeeee'>안녕하세요!</p> 처럼 태그 내 style 속성으로 css를 사용하는 것을 말합니다. 그러면 인라인 소스의 문제점은 무엇일까요? ① HTML 파일 크기 HTML 코드가 더 커지면 최근 가장 이슈가 되고 있는 페이지속도 최적화에 마이너스가 되고 코드 대 글의 비율이 낮아져서 SEO에 악영향을 끼칠 수 있습니다. ② 크롤링 방해 웹페이지 내 비슷한 Inline CSS의 반복 사용은 검색엔진의 크롤링*에 방해가 됩니다. ③ 어려운 코드 유지 관리 파일 전체에..</span> </a> </div> </div> <div class="pagination"> <a class="prev no-more-prev">이전</a> <a ><span class="selected">1</span></a> <a href='/category/검색엔진최적화%28SEO%29/테크니컬%20SEO?page=2'><span >2</span></a> <a href='/category/검색엔진최적화%28SEO%29/테크니컬%20SEO?page=3'><span >3</span></a> <a href='/category/검색엔진최적화%28SEO%29/테크니컬%20SEO?page=2' class="next ">다음</a> </div> </article> </section> <hr> <footer id="footer"> <p class="copyright">DESIGN BY <a href="#">넥스트티</a> <a href="https://nextt.tistory.com/manage" class="admin">관리자</a></p> </footer> </div> <script src="https://tistory3.daumcdn.net/tistory/3039438/skin/images/script.js"></script> <script type="text/javascript"> document.oncontextmenu = new Function ('return false'); document.ondragstart = new Function ('return false'); document.onselectstart = new Function ('return false'); document.body.style.MozUserSelect = 'none'; </script> <script type="text/javascript" src="https://t1.daumcdn.net/tistory_admin/assets/blog/0ccc8ebc82d8ddff2b5d35df8bbed2d6312aba8f/blogs/plugins/PreventCopyContents/js/functions.js?_version_=0ccc8ebc82d8ddff2b5d35df8bbed2d6312aba8f"></script> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = encodeURI("d49d6afb327c68"); wcs_do(); </script><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-97243949-1', 'auto'); ga('send', 'pageview'); </script><script src="//search1.daumcdn.net/search/statics/common/js/g/search_dragselection.min.js"></script> <script> lightbox.option({ "fadeDuration": 200, "resizeDuration": 200, "wrapAround": false, "albumLabel": "%1 / %2", "fitImagesInViewport":true , "stopEvent": false }) </script><script type="text/javascript"> var _tiq = 'undefined' !== typeof _tiq ? _tiq : []; _tiq.push(['__setConfig', {enableScroll:true, enableClick:true, enableButton:true}]); _tiq.push(["__setParam", "svcdomain", "user.tistory.com"]); (function(d) { var se = d.createElement('script'); se.type = 'text/javascript'; se.async = true; se.src = location.protocol + '//m2.daumcdn.net/tiara/js/td.min.js'; var s = d.getElementsByTagName('head')[0]; s.appendChild(se); })(document); _tiq.push(['__setParam', 'param_ex', JSON.stringify({"userId":"3839361","blogId":"3039438","role":"guest","filterTarget":false})]); _tiq.push(['__trackPageview']); var addEvent = function (evt, fn) { window.addEventListener ? window.addEventListener(evt, fn, false) : window.attachEvent('on' + evt, fn); }; var removeEvent = function(evt, fn) { window.removeEventListener ? window.removeEventListener(evt, fn, false) : window.detachEvent('on' + evt, fn);}; var ua = navigator.userAgent.toLowerCase(); var isIOS = /iP[ao]d|iPhone/i.test(ua); var contentExStat = function() { _tiq.push(['__content', 't_content_ex', { 'data_type':'usage' }]); removeEvent(isIOS ? 'pagehide' : 'beforeunload', contentExStat); }; addEvent(isIOS ? 'pagehide' : 'beforeunload', contentExStat); </script> <script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || []; window.roosevelt_params_queue.push({channel_id: "dk", channel_label: 'tistory'});</script> <script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async></script><script type="text/javascript">if(window.console!=undefined){setTimeout(console.log.bind(console,"%cTISTORY","font:8em Arial;color:#EC6521;font-weight:bold"),0);setTimeout(console.log.bind(console,"%c 나를 표현하는 블로그","font:2em sans-serif;color:#333;"),0);}</script><iframe style="position:absolute;width:1px;height:1px;left:-100px;top:-100px" src="//nextt.tistory.com/api" id="editEntry"></iframe><div class="layer_tooltip"> <div class="inner_layer_tooltip"> <p class="desc_g"></p> </div> </div><div id="tistoryEtcLayer" class="layer_post"></div><div id="tistorySnsLayer" class="layer_post"></div></body> </html>