본문 바로가기

구글(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"> <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 class="post-item"> <a href="/entry/imgimage%EC%9D%B4%EB%AF%B8%EC%A7%80-tag-%EC%A4%91-alt-%EC%86%8D%EC%84%B1"> <span class="thum"> <img src="//i1.daumcdn.net/thumb/C264x200/?fname=https://t1.daumcdn.net/cfile/tistory/9916C93E5C626FC005" alt=""> </span> <span class="title">img(image,이미지) tag 중 alt 속성</span> <span class="excerpt">정의 : 페이지 내 이미지를 삽입할 경우 해당 이미지의 정보를 글로 나타내는 이미지태그의 속성입니다. Image Alt Tag 이해하기 img 요소의 Alt 속성은 Alternate(대체하다)의 줄임 말입니다. 다시 말해 이미지를 설명해주는 글입니다. 이미지가 제대로 나올 경우에는 이 속성값이 브라우저에서 보이지 않아 무시하는 경향이 있는데요~ 이미지를 보지 못하여 스크린리더를 이용하는 시각장애인과 이미지를 불러오지 못하여 엑스박스가 뜰 때의 경우를 고려한다면 Alt태그는 반드시 필요한 속성입니다. 그래서 장애인차별금지법에 필수 항목이죠. 즉, Alt 속성을 사용하면 이미지 정보가 노출되기 때문에 사용자가 이해하기 쉬우며, 검색엔진이 페이지에 대한 주제를 잘 해석할 수 있게 하여 검색 노출에도 도움을 줍..</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-%EB%A7%81%ED%81%AC%EB%B9%8C%EB%94%A9%EB%B0%B1%EB%A7%81%ED%81%AC%EA%B3%BC-%EA%B5%AC%EA%B8%80-%EC%83%81%EC%9C%84%EB%85%B8%EC%B6%9C"> <span class="thum"> </span> <span class="title">검색엔진 최적화(seo) 링크빌딩(백링크)과 구글 상위노출</span> <span class="excerpt">최근 구글의 강진에 맞춰 검색엔진최적화(seo)가 점점 중요해지고 있습니다. 백링크를 판매한다는 사이트를 보면 백링크 숫자를 1,000개 , 2,000개씩 제시하고 낮은 가격에 판매를 하고 있는 것을 종종 볼수 있습니다. 구글 검색엔진에 백링크 구매 시 벌점을 주는 펭귄알고리즘(2012년도)이 적용된지도 꽤 되었는데요. 백링크만 열심히 해준다고 구글상위노출이 될까요?백링크만 판매하시는 분께는 죄송한 말씀이지만 구글상위노출을 위한 전체적인 흐름을 고객분께 정확히 제공해야 합니다. 실제로 링크빌딩 작업을 해보면 백링크도 중요하지만 키워드가 매우 중요하다는 것을 알수 있습니다. 키워드도 의뢰인이 생각하는 키워드가 기본이겠지만 생각지도 못한 키워드에서 높은 랭킹을 받는 경우를 많이 볼 수 있습니다. 즉, 의뢰인..</span> </a> </div> <div class="post-item"> <a href="/entry/2019-%EB%94%94%EC%A7%80%ED%84%B8-%ED%8A%B8%EB%A0%8C%EB%93%9C%EC%99%80-%EA%B2%80%EC%83%89%EC%97%94%EC%A7%84-%EC%B5%9C%EC%A0%81%ED%99%941"> <span class="thum"> <img src="//i1.daumcdn.net/thumb/C264x200/?fname=https://t1.daumcdn.net/cfile/tistory/9950484A5C610A7C0C" alt=""> </span> <span class="title">2019 디지털 트렌드와 검색엔진 최적화#1</span> <span class="excerpt">1. 모바일 친화도 구글은 방문자가 휴대기기에서 페이지를 얼마나 쉽게 사용할 수 있는지 테스트하고 페이지 URL을 입력하면 페이지 점수를 확인 할 수 있도록 하고 있습니다. [구글 모바일 친화성 테스트] 웹사이트에 액세스할 때 휴대기기를 이용하는 사용자가 늘어나고 있고 웹사이트를 모바일 친화적으로 디자인하면 접근성을 향상시켜야 하며 모바일에서 빠른 결과를 전달하기 위해서 페이지 속도도 요구 하고 있습니다. 그럼으로 이미지를 최적화 해서 사이즈를 줄이는 것도 매우 중요합니다. 구글에서 검색엔진최적화(SEO) 측정 시 모바일 친화도를 넣기로 한 것은 위와 같은 트렌드를 의식해서 입니다. 앞으로는 반응형 웹사이트 구축이 더욱 더 중요할 것 같습니다. 다만, 지금까지 반응형웹은 이미지 위주로 쉬운 UI가 주를 ..</span> </a> </div> <div class="post-item"> <a href="/entry/Nodejs-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EA%B0%9C%EB%B0%9C-%ED%8F%B4%EB%8D%94-%EC%84%B8%ED%8C%85"> <span class="thum"> </span> <span class="title">Nodejs 프로젝트 개발 폴더 세팅</span> <span class="excerpt">Nodejs 로컬 개발 폴더를 세팅합니다.다음은 개발 소스를 관리할 폴더를 생성합니다. 저의 경우, MS의 One Drive를 사용해서 어떤 곳에서도 개발을 할 수 있도록 Onedrive 기본 폴더에 프로젝트 폴더를 하나 만들어서 소스를 관리합니다. 이렇게 관리하면 집이든 회사든 어떤 곳에서도 소스 관리가 가능해 무척 편리합니다. 향후, 모든 소스는 이곳에서 개발을 진행하도록 하겠습니다. 개인 별로 원하시는 개발폴더를 생성을 하시면 됩니다.아래는 위의 폴더에 index.js라는 기본 파일을 하나 생성한 모습니다.파워셸에서 기본 디렉토리를 cd "~~폴더경로~~" 자신이 개발하고 싶은 디렉토리를 입력 합니다. 자신이 원하는 폴더를 만들어서 이곳에 소스를 관리하시길 바랍니다.그리고, 이 폴더에서 개발소스를 ..</span> </a> </div> <div class="post-item"> <a href="/entry/Npm-%EC%84%A4%EC%B9%98%ED%99%95%EC%9D%B8-%EB%B0%8F-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8"> <span class="thum"> <img src="//i1.daumcdn.net/thumb/C264x200/?fname=https://t1.daumcdn.net/cfile/tistory/9988C14F5C5D311813" alt=""> </span> <span class="title">Npm 설치확인 및 업데이트</span> <span class="excerpt">Node.js 가 설치가 되면 Node.js의 패키지를 관리하는 Npm을 확인해 봐야 합니다.npm (노드 패키지 매니저/Node Package Manager)은 자바스크립트 프로그래밍 언어를 위한 패키지 관리자이다. 자바스크립트 런타임 환경 Node.js의 기본 패키지 관리자이다. 명령 줄 클라이언트(npm), 그리고 공개 패키지와 지불 방식의 개인 패키지의 온라인 데이터베이스(npm 레지스트리)로 이루어져 있다. 이 레지스트리는 클라이언트를 통해 접근되며 사용 가능한 패키지들은 npm 웹사이트를 통해 찾아보고 검색할 수 있다. 패키지 관리자와 레지스트리는 npm사에 의해 관리된다.위키피디아 NPM 발췌NPM의 다양한 라이브러리는 다음 URL(https://www.npmjs.com/)에서 찾아보시면 됩..</span> </a> </div> </div> <div class="pagination"> <a href='?page=1' class="prev ">이전</a> <a href='?page=1'><span >1</span></a> <a ><span class="selected">2</span></a> <a href='?page=3'><span >3</span></a> <a href='?page=4'><span >4</span></a> <a href='?page=5'><span >5</span></a> <a href='?page=3' 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://tistory2.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>